:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#17213a;background:#f4f0e8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:46px 0 80px}.app-header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:30px;border-bottom:1px solid #d8d1c5}.eyebrow,.label{margin:0;color:#df5b3f;font-size:.7rem;font-weight:800;letter-spacing:.18em}h1{margin:7px 0 0;font:500 clamp(2.8rem,7vw,5rem)/.9 Georgia,serif}h2{margin:5px 0 22px;font-size:1.25rem}.count{display:flex;align-items:end;gap:9px;color:#73798a;font-size:.78rem}.count strong{color:#17213a;font:500 2.5rem/1 Georgia,serif}.error-banner{display:flex;justify-content:space-between;margin:18px 0;padding:12px 16px;color:#8d3125;background:#f5dcd6;border:1px solid #e8b8ad}.error-banner button{color:inherit;background:none;border:0}.view-tabs{display:flex;gap:2px;margin-top:22px;border-bottom:1px solid #d8d1c5}.view-tabs button{padding:11px 18px;color:#747b8d;background:transparent;border:0;border-bottom:2px solid transparent}.view-tabs button.active{color:#17213a;border-bottom-color:#df5b3f;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:36px;padding-top:36px}.editor-panel{display:flex;flex-direction:column;gap:24px}.panel{padding:24px;background:#ffffff8c;border:1px solid #d8d1c5}.question-form,.question-form label{display:flex;flex-direction:column;gap:8px}.question-form{gap:17px}label{color:#525b70;font-size:.8rem;font-weight:700}input,select,textarea{width:100%;color:#17213a;background:#fffefa;border:1px solid #cfc7ba;border-radius:2px;outline:none}input,select{height:42px;padding:0 11px}textarea{padding:11px;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#df5b3f;box-shadow:0 0 0 2px #df5b3f1f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:8px}.actions button,.inline-form button,.card-actions button{padding:9px 14px;color:#525b70;background:transparent;border:1px solid #cfc7ba}button.primary{color:#fff;background:#17213a;border-color:#17213a}button:disabled{cursor:wait;opacity:.6}.inline-form{display:grid;grid-template-columns:1fr auto;gap:7px}.categories-panel ul{margin:16px 0 0;padding:0;list-style:none}.categories-panel li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid #e1dbd0;font-size:.85rem}.categories-panel li span{display:flex;gap:8px}.categories-panel small{color:#8a8f9c}.icon-button{color:#8a8f9c;background:none;border:0;font-size:1.2rem}.section-heading{min-height:51px}.filters{display:grid;grid-template-columns:minmax(180px,1fr) 190px 160px;gap:9px;margin-bottom:18px}.question-list{border-top:1px solid #cbc3b6}.question-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;padding:24px 0;border-bottom:1px solid #d8d1c5}.question-number{color:#df5b3f;font:italic 1rem Georgia,serif}.meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#858a98;font-size:.7rem}.difficulty{padding:2px 7px;color:#4f6551;background:#dfe8dc;border-radius:99px}.difficulty.hard{color:#8d3125;background:#f2d8d2}.difficulty.easy{color:#35637a;background:#dce9ef}.question-content h3{margin:12px 0 16px;font-size:1.05rem;line-height:1.55;white-space:pre-wrap}.answer{padding:12px 15px;background:#ffffff80;border-left:2px solid #df5b3f}.answer span{color:#df5b3f;font-size:.6rem;font-weight:800;letter-spacing:.14em}.answer p{margin:5px 0 0;color:#5e6576;line-height:1.6;white-space:pre-wrap}.source-link{display:inline-block;margin-top:9px;color:#506b83;font-size:.72rem}.card-actions{display:flex;align-items:start;gap:6px}.card-actions button{padding:6px 9px;font-size:.72rem}.card-actions .danger{color:#a13c2d}.empty{display:flex;flex-direction:column;gap:8px;align-items:center;padding:70px 20px;color:#838895;text-align:center;border:1px dashed #cfc7ba}.ocr-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:28px;padding-top:36px}.drop-zone{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:18px;color:#7c8291;background:#eee9df;border:1px dashed #bdb4a6;text-align:center}.drop-zone strong{color:#30394e}.drop-zone span{font-size:.8rem}.drop-zone.has-image{cursor:zoom-in;background:#252a35}.drop-zone img{display:block;max-width:100%;max-height:420px;object-fit:contain}.preprocess-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.preprocess-controls label{display:grid;grid-template-columns:1fr auto;gap:4px}.preprocess-controls input{grid-column:1 / -1;height:24px;padding:0;accent-color:#df5b3f;box-shadow:none}.ocr-button{width:100%;padding:12px;border:1px solid #17213a}.ocr-progress{position:relative;overflow:hidden;min-height:36px;margin-top:12px;background:#e3ddd2}.ocr-progress>div{position:absolute;inset:0 auto 0 0;background:#dce9df;transition:width .2s}.ocr-progress span{position:relative;display:block;padding:10px;font-size:.75rem}.form-error{color:#9d3728;font-size:.8rem}.ocr-result{display:flex;flex-direction:column;gap:16px}.ocr-result h2{margin-bottom:4px}.ocr-result label{display:flex;flex-direction:column;gap:7px}.ocr-result>button{padding:12px;border:1px solid #17213a}.result-guide{margin:0;padding:14px;color:#73798a;background:#eee9df;font-size:.82rem;line-height:1.6}.ocr-result details{color:#697084;font-size:.78rem}.ocr-result summary{cursor:pointer}.ocr-result pre{overflow:auto;max-height:180px;padding:12px;background:#eee9df;white-space:pre-wrap}.study-workspace{max-width:760px;margin:0 auto;padding-top:36px}.study-header{display:flex;align-items:start;justify-content:space-between}.study-header>p{margin:4px 0;color:#8a8f9c}.study-header>p strong{color:#17213a;font:500 1.7rem Georgia,serif}.study-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;overflow:hidden}.study-card{position:relative;z-index:2;display:flex;width:min(100% - 80px,580px);min-height:380px;flex-direction:column;padding:28px;background:#fffefa;border:1px solid #cfc7ba;box-shadow:0 18px 55px #17213a1f;transition:transform .18s ease-out,opacity .18s;touch-action:none;-webkit-user-select:none;user-select:none}.study-card.correct,.study-card.wrong{opacity:.25}.study-meta{display:flex;justify-content:space-between;color:#898e9c;font-size:.72rem}.study-face{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}.study-face h3{max-width:460px;margin:18px 0 30px;font:500 clamp(1.45rem,4vw,2.15rem)/1.55 Georgia,"Noto Serif JP",serif;white-space:pre-wrap}.study-face>span{color:#979ba7;font-size:.72rem}.swipe-label{position:absolute;z-index:1;padding:8px 12px;border:2px solid;border-radius:3px;font-size:.8rem;font-weight:900;letter-spacing:.12em}.wrong-label{left:8px;color:#ac4333;transform:rotate(-8deg)}.correct-label{right:8px;color:#287354;transform:rotate(8deg)}.study-actions{display:flex;justify-content:center;gap:12px}.study-actions button{min-width:140px;padding:12px 18px;background:transparent;border:1px solid}.wrong-button{color:#a43c2e}.correct-button{color:#176b4a}.swipe-hint{color:#8b909d;font-size:.72rem;text-align:center}.study-complete{max-width:560px;margin:50px auto;text-align:center}.session-score{display:flex;justify-content:center;gap:60px;margin:40px 0}.session-score span{display:flex;flex-direction:column;gap:6px;color:#7a8090}.session-score strong{color:#17213a;font:500 3rem Georgia,serif}.study-complete button{padding:12px 20px;border:0}.study-empty{margin-top:36px}.manage-workspace{display:flex;flex-direction:column;gap:54px;padding-top:36px}.manage-section>header{display:flex;align-items:start;justify-content:space-between}.manage-section>header>span{color:#858a98;font-size:.8rem}.wrong-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wrong-card{padding:22px;background:#ffffff8c;border:1px solid #d8d1c5}.wrong-card h3{margin:15px 0 10px;line-height:1.5}.wrong-meta{display:flex;justify-content:space-between;color:#8a8f9c;font-size:.7rem}.wrong-answer{padding:10px 12px;color:#5f6678;background:#eee9df;line-height:1.5}.wrong-card label{display:flex;flex-direction:column;gap:7px;margin:14px 0}.set-create{display:grid;grid-template-columns:.8fr 1.3fr auto;gap:8px;margin-bottom:16px;padding:16px}.set-create button,.set-add button,.study-set-button{border:1px solid #17213a}.set-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.set-title{display:flex;justify-content:space-between}.set-title h3{margin:0 0 5px}.set-title p{margin:0 0 14px;color:#777e8e;font-size:.8rem}.set-title-actions{display:flex;align-items:start;gap:4px}.set-title-actions>button:first-child{padding:5px 8px;color:#596176;background:transparent;border:1px solid #cfc7ba;font-size:.7rem}.set-add{display:grid;grid-template-columns:1fr auto;gap:7px}.set-add button{padding:0 13px;background:transparent}.set-card ol{min-height:50px;margin:15px 0;padding-left:26px}.set-card li{padding:7px 0;color:#4f586c;font-size:.82rem;border-bottom:1px solid #e1dbd0}.set-card li button{float:right;color:#9c4032;background:transparent;border:0;font-size:.7rem}.study-set-button{width:100%;padding:10px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.editor-panel{display:grid;grid-template-columns:1fr 1fr}.ocr-workspace,.wrong-grid,.set-list{grid-template-columns:1fr}}@media(max-width:650px){.shell{width:min(100% - 24px,1240px);padding-top:28px}.app-header{align-items:center}.editor-panel{display:flex}.filters{grid-template-columns:1fr}.question-card{grid-template-columns:30px 1fr;gap:10px}.card-actions{grid-column:2}.form-row,.preprocess-controls{grid-template-columns:1fr}.study-card{width:calc(100% - 28px);min-height:360px;padding:20px}.study-face{padding:24px 8px}.study-actions button{min-width:0;flex:1}.set-create{grid-template-columns:1fr}}