: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}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{width:min(100%,420px);padding:42px}.auth-panel h1{margin-bottom:38px}.auth-panel form{display:flex;flex-direction:column;gap:12px}.auth-panel input{font-size:1.5rem;letter-spacing:.4em;text-align:center}.auth-panel button{padding:12px;border:1px solid #17213a}.auth-guide{color:#73798a}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}.header-actions{display:flex;align-items:end;gap:18px}.logout-button{padding:7px 10px;color:#73798a;background:transparent;border:1px solid #cfc7ba;font-size:.72rem}.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}.ocr-batch-workspace{display:flex;flex-direction:column;gap:24px;padding-top:36px}.ocr-batch-workspace>.ocr-source{max-width:none}.ocr-batch-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ocr-item-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.ocr-item-header h2{overflow-wrap:anywhere}.ocr-item-header button{color:#9d3728;background:transparent;border:1px solid #cfc7ba}.ocr-item-preview{width:100%;height:220px;object-fit:contain;background:#252a35}.ocr-item-status{margin:0;color:#73798a;font-size:.78rem}.batch-actions{display:flex;gap:10px}.batch-actions button{flex:1;padding:12px;border:1px solid #17213a}.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-filters{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:18px;align-items:end;margin-bottom:24px;padding:16px 20px}.study-filters>label:first-child{display:flex;flex-direction:column;gap:6px}.study-wrong-filter{display:flex;align-items:center;gap:7px;min-height:38px}.study-wrong-filter input{width:auto;accent-color:#df5b3f;box-shadow:none}.study-filters>span{min-height:38px;color:#7a8090;font-size:.78rem;line-height:38px}.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}.texts-workspace{padding-top:28px}.activity-card{margin-bottom:20px;padding:20px 24px 16px}.activity-card header{display:flex;align-items:start;justify-content:space-between}.activity-card header h2{margin-bottom:14px}.activity-card header>p{margin:0;color:#858a98;font-size:.72rem}.activity-card header>p strong{margin-right:4px;color:#17213a;font:500 1.5rem Georgia,serif}.activity-scroll{overflow-x:auto;padding:2px 0 6px}.activity-grid{display:grid;grid-template-columns:25px repeat(53,13px);grid-template-rows:18px repeat(7,13px);gap:4px;width:max-content;margin:0 auto}.activity-cell{position:relative;width:13px;height:13px;background:#e5dfd5;border-radius:2px}.activity-grid .activity-cell:not(.future){cursor:help}.activity-grid .activity-cell:hover{z-index:3;outline:2px solid rgba(23,33,58,.2)}.activity-grid .activity-cell:hover:after{position:absolute;top:50%;left:calc(100% + 7px);padding:5px 8px;color:#fff;background:#17213a;border-radius:3px;box-shadow:0 4px 12px #17213a2e;content:attr(data-tooltip);font-size:.65rem;font-style:normal;font-weight:600;line-height:1.2;white-space:nowrap;transform:translateY(-50%)}.activity-grid .activity-cell:hover:before{position:absolute;top:50%;left:calc(100% + 3px);border:4px solid transparent;border-right-color:#17213a;content:"";transform:translate(-100%,-50%)}.activity-grid .activity-cell:nth-last-child(-n+7):hover:after{right:calc(100% + 7px);left:auto}.activity-grid .activity-cell:nth-last-child(-n+7):hover:before{right:calc(100% + 3px);left:auto;border-right-color:transparent;border-left-color:#17213a;transform:translate(100%,-50%)}.activity-cell.level-1{background:#f2b9a9}.activity-cell.level-2{background:#e88770}.activity-cell.level-3{background:#d8583e}.activity-cell.level-4{background:#963521}.activity-cell.future{opacity:.28}.weekday,.month-label{color:#858a98;font-size:.58rem;line-height:13px}.weekday{grid-column:1}.weekday.mon{grid-row:3}.weekday.wed{grid-row:5}.weekday.fri{grid-row:7}.month-label{grid-row:1;white-space:nowrap}.activity-card footer{display:flex;align-items:center;justify-content:end;gap:4px;margin-top:9px;color:#858a98;font-size:.6rem}.activity-card footer .activity-cell{display:inline-block}.texts-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:28px;background:#17213a;color:#fff}.texts-summary>div{display:flex;align-items:baseline;gap:8px;padding:20px 26px;border-right:1px solid rgba(255,255,255,.14)}.texts-summary span{margin-right:auto;color:#cbd0dc;font-size:.76rem}.texts-summary strong{font:500 2.2rem Georgia,serif}.texts-summary small{color:#cbd0dc}.texts-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px}.texts-sidebar{display:flex;flex-direction:column;gap:14px}.texts-sidebar .panel button{padding:11px;border:1px solid #17213a}.simple-number-input{max-width:150px;font-variant-numeric:tabular-nums}.textbook-list{display:flex;flex-direction:column;gap:6px}.textbook-list>button{display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;color:#525b70;background:#fff6;border:1px solid #d8d1c5;text-align:left}.textbook-list>button.active{color:#17213a;background:#fffefa;border-left:3px solid #df5b3f}.textbook-list span{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.textbook-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.textbook-list small{color:#858a98;font-size:.68rem}.textbook-list b{color:#df5b3f;font:500 1.5rem Georgia,serif}.textbook-heading{display:flex;justify-content:space-between;align-items:start}.textbook-heading-actions{display:flex;gap:6px}.textbook-heading-actions>button{padding:6px 9px;color:#596176;background:transparent;border:1px solid #cfc7ba;font-size:.72rem}.textbook-heading-actions .delete-book{color:#9d3728;border:0}.textbook-edit-form{display:grid;grid-template-columns:minmax(180px,1fr) 160px auto;gap:10px;align-items:end;flex:1}.textbook-edit-form label{display:flex;flex-direction:column;gap:6px}.textbook-edit-form .actions{padding-bottom:2px}.textbook-edit-form button{height:40px;padding:0 12px;border:1px solid #cfc7ba}.textbook-heading h2{margin-top:7px;font:500 2rem Georgia,"Noto Serif JP",serif}.delete-book{color:#9d3728;background:transparent;border:0;font-size:.72rem}.progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;margin-bottom:22px;padding:22px 24px;background:#ffffff8c;border:1px solid #d8d1c5}.progress-numbers{display:flex;align-items:baseline;justify-content:space-between;grid-column:1 / -1}.progress-numbers strong{font:500 2.6rem Georgia,serif}.progress-numbers small{color:#7a8090}.text-progress{height:9px;overflow:hidden;background:#ddd7cd}.text-progress span{display:block;height:100%;background:#df5b3f;transition:width .25s}.progress-card>b{color:#df5b3f;font-size:.78rem}.texts-forms{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.texts-forms .panel{padding:21px}.texts-forms button{padding:10px;border:1px solid #17213a}.mistake-history{margin-top:28px}.mistake-history .section-heading{display:flex;justify-content:space-between}.mistake-history .section-heading>span{color:#858a98;font-size:.78rem}.empty.compact{padding:34px}.mistake-table{border-top:1px solid #cbc3b6}.mistake-table article{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto 100px 28px;gap:14px;align-items:center;padding:16px 6px;border-bottom:1px solid #d8d1c5}.mistake-table strong{color:#df5b3f}.mistake-table p{margin:0;color:#525b70;white-space:pre-wrap}.mistake-table time{color:#858a98;font-size:.7rem}.mistake-table button{color:#9d3728;background:transparent;border:0;font-size:1rem}.review-counter{display:flex;align-items:center;gap:6px;white-space:nowrap}.review-counter>span{color:#858a98;font-size:.68rem}.review-counter>strong{min-width:22px;color:#17213a;text-align:center}.review-counter>button{width:26px;height:26px;padding:0;color:#596176;border:1px solid #cfc7ba;border-radius:50%}.review-counter>button:hover:not(:disabled){color:#fff;background:#df5b3f;border-color:#df5b3f}.review-counter>button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:900px){.workspace{grid-template-columns:1fr}.editor-panel{display:grid;grid-template-columns:1fr 1fr}.ocr-workspace,.ocr-batch-results,.wrong-grid,.set-list,.texts-layout{grid-template-columns:1fr}.texts-sidebar{display:grid;grid-template-columns:1fr 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-filters{grid-template-columns:1fr;align-items:stretch}.study-filters>span{min-height:auto;line-height:normal}.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,.texts-summary{grid-template-columns:1fr}.texts-summary>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.texts-sidebar{display:flex}.texts-forms{grid-template-columns:1fr}.textbook-heading{flex-direction:column;gap:10px}.textbook-edit-form{width:100%;grid-template-columns:1fr}.mistake-table article{grid-template-columns:78px 1fr 24px}.review-counter{grid-column:2}.mistake-table time{grid-column:2}}