*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;background:#faf7f2;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,Yu Gothic,sans-serif}#root{min-height:100dvh}button{touch-action:manipulation;cursor:pointer;font-family:inherit}:root{--green:#7c5cbf;--green-light:#a184d6;--green-bg:#f1ecf9;--gold:#b8902f;--gold-soft:#e9d9a8;--cream:#faf7f2;--red:#b3261e;--red-light:#d9534f;--red-bg:#fbeae8;--orange:#b5651d;--orange-bg:#f6ecdd;--gray:#8a7d80;--gray-light:#f2ede8;--border:#e6ddd2;--text:#322a3d;--text-secondary:#77688a;--white:#fff;--shadow:0 6px 22px #462d6e1a;--shadow-soft:0 2px 10px #462d6e12;--radius:14px;--gold-line:#b8902f73;--serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Georgia", serif;--serif-latin:"Georgia", "Hiragino Mincho ProN", serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background-color:#f6f1ea;background-image:radial-gradient(120% 60% at 50% -10%,#7c5cbf14,#0000 60%),repeating-linear-gradient(135deg,#b8902f0a 0 2px,#0000 2px 22px);background-attachment:fixed;min-height:100dvh;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.6}.app{min-height:100dvh;padding-bottom:max(40px, calc(var(--safe-bottom) + 24px));padding-left:var(--safe-left);padding-right:var(--safe-right);justify-content:center;display:flex}.app-container{width:100%;max-width:640px;padding:0 16px}.btn{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;appearance:none;border:none;width:100%;min-height:48px;padding:14px 20px;font-size:16px;font-weight:600;transition:opacity .15s,transform .1s;display:block}.btn:active{opacity:.75;transform:scale(.98)}@media (hover:hover){.btn:hover{opacity:.88}}.btn-primary{color:var(--white);background:linear-gradient(135deg,#8a67cf,#5f3fa0);box-shadow:0 4px 14px #5f3fa047}.btn-secondary{background:var(--white);color:var(--green);border:1.5px solid var(--green)}.btn-warning{background:var(--orange);color:var(--white)}.btn-ghost{color:var(--gray);border:1px solid var(--border);background:0 0}.home-screen{padding-top:max(16px, var(--safe-top));position:relative}.home-header{text-align:center;border-radius:var(--radius);border:1px solid var(--gold-soft);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fbf8ff 100%);margin:8px 0 22px;padding:30px 18px 24px;position:relative}.home-header:before{content:"";border:1px solid var(--gold-line);pointer-events:none;border-radius:9px;position:absolute;inset:7px}.home-header:after{content:"";pointer-events:none;background:linear-gradient(var(--gold), var(--gold)) left top / 14px 1.5px no-repeat, linear-gradient(var(--gold), var(--gold)) left top / 1.5px 14px no-repeat, linear-gradient(var(--gold), var(--gold)) right top / 14px 1.5px no-repeat, linear-gradient(var(--gold), var(--gold)) right top / 1.5px 14px no-repeat, linear-gradient(var(--gold), var(--gold)) left bottom / 14px 1.5px no-repeat, linear-gradient(var(--gold), var(--gold)) left bottom / 1.5px 14px no-repeat, linear-gradient(var(--gold), var(--gold)) right bottom / 14px 1.5px no-repeat, linear-gradient(var(--gold), var(--gold)) right bottom / 1.5px 14px no-repeat;opacity:.8;position:absolute;inset:13px}.brand-seal{border:2px solid var(--gold);width:66px;height:66px;box-shadow:0 3px 10px #b8902f47, inset 0 0 0 4px #fffdf8, inset 0 0 0 5px var(--gold-line);background:radial-gradient(circle at 50% 38%,#fffdf8,#f1e9f8);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex;position:relative}.brand-seal-mark{font-family:var(--serif);color:var(--green);font-size:30px;font-weight:800;line-height:1;transform:translateY(1px)}.app-eyebrow{font-family:var(--serif-latin);letter-spacing:.16em;color:var(--gold);align-items:center;gap:12px;margin-bottom:6px;font-size:15px;font-style:italic;font-weight:600;display:inline-flex;position:relative}.app-eyebrow:before,.app-eyebrow:after{content:"";background:var(--gold);opacity:.7;width:26px;height:1px}.app-eyebrow.on-dark{color:var(--gold-soft);margin-bottom:6px}.app-eyebrow.on-dark:before,.app-eyebrow.on-dark:after{background:var(--gold-soft)}.app-title{font-family:var(--serif);color:var(--text);letter-spacing:.1em;font-size:29px;font-weight:800;position:relative}.title-flourish{width:116px;height:14px;margin:10px auto 2px;position:relative}.title-flourish:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-line) 22%, var(--gold-line) 78%, transparent);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.title-flourish:after{content:"";background:var(--gold);width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.app-subtitle{color:var(--text-secondary);letter-spacing:.04em;margin-top:8px;font-size:12.5px;line-height:1.85;position:relative}.product-badge{font-family:var(--serif);letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold-soft);box-shadow:var(--shadow-soft);background:linear-gradient(#fffdf8,#fbf3df);border-radius:20px;margin-top:12px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.streak-chip{color:var(--green);letter-spacing:.1em;border:1px solid var(--gold);background:0 0;border-radius:20px;margin-top:12px;padding:5px 16px;font-size:12px;font-weight:700;display:inline-block}.home-settings-btn{top:max(8px, var(--safe-top));z-index:5;background:var(--white);border:1px solid var(--gold-soft);color:var(--green);box-shadow:var(--shadow-soft);cursor:pointer;-webkit-appearance:none;border-radius:14px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;right:4px}.grade-switch{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.grade-btn{background:var(--white);min-height:56px;color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--serif);letter-spacing:.06em;cursor:pointer;-webkit-appearance:none;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;font-size:16px;font-weight:800;transition:border-color .15s,background .15s,color .15s;display:flex}.grade-btn.on{color:var(--white);background:linear-gradient(135deg,#8a67cf,#5f3fa0);border-color:#0000;box-shadow:0 4px 14px #5f3fa047}.grade-btn-sub{opacity:.85;letter-spacing:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:10.5px;font-weight:500}.scent-note{background:var(--green-bg);border:1px solid var(--gold-soft);border-left:4px solid var(--gold);border-radius:10px;flex-direction:column;gap:3px;margin-bottom:18px;padding:11px 14px;display:flex}.scent-note-tag{color:var(--gold);font-size:11px;font-weight:800}.scent-note-text{color:var(--text);font-size:12px;line-height:1.7}.total-progress-card{border-radius:var(--radius);border:1px solid var(--gold-soft);box-shadow:var(--shadow);background:linear-gradient(#fff,#fdfbff);margin-bottom:24px;padding:20px;position:relative;overflow:hidden}.total-progress-card:before{content:"";background:linear-gradient(90deg, var(--gold-soft), var(--gold), var(--gold-soft));height:3px;position:absolute;top:0;left:0;right:0}.progress-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-label{font-family:var(--serif);color:var(--text-secondary);letter-spacing:.06em;font-size:13px}.progress-count{color:var(--green);font-size:15px;font-weight:700}.progress-bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.progress-fill{background:var(--green);border-radius:4px;height:100%;transition:width .4s}.progress-detail{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.section-title{font-family:var(--serif);color:var(--text);letter-spacing:.08em;align-items:center;gap:10px;margin:22px 0 14px;font-size:15.5px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--gold);flex-shrink:0;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 0 3px #b8902f29}.section-title:after{content:"";background:linear-gradient(90deg, var(--gold-line), transparent);flex:1;height:1px}.section-note{color:var(--gold);margin-left:8px;font-size:11px;font-weight:600}.action-buttons{flex-direction:column;gap:10px;display:flex}.home-actions-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-ghost-line{background:var(--white);color:var(--text-secondary);border:1px solid var(--border)}.btn-mock{min-height:64px;font-family:var(--serif);letter-spacing:.08em;flex-direction:column;align-items:center;gap:4px;font-size:18px;font-weight:800;display:flex;position:relative;box-shadow:0 6px 18px #5f3fa052}.btn-mock:before{content:"";border:1px solid var(--gold-line);pointer-events:none;border-radius:9px;position:absolute;inset:5px}.btn-sub-label{opacity:.92;margin-top:2px;font-size:11px;font-weight:500;display:block}.btn:disabled{opacity:.4;cursor:default}.btn-review{background:linear-gradient(135deg, var(--gold), #9a7723);color:#fffaf0;border-radius:var(--radius);border:none;flex-direction:column;align-items:center;gap:4px;min-height:56px;display:flex}.btn-review .btn-sub-label{color:#fdf3da;opacity:.95}.btn-review:active{transform:scale(.99)}@media (hover:hover){.btn-review:hover{opacity:.93}}.btn-oil{color:#f2ecdc;border:1px solid var(--gold);border-radius:var(--radius);cursor:pointer;-webkit-appearance:none;background:linear-gradient(135deg,#453362,#2c2040);flex-direction:column;align-items:center;gap:4px;min-height:58px;margin-top:4px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.btn-oil .btn-sub-label{color:var(--gold-soft)}.btn-oil:active{opacity:.85;transform:scale(.99)}@media (hover:hover){.btn-oil:hover{opacity:.92}}.subject-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.subject-row{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;text-align:left;-webkit-appearance:none;align-items:center;gap:12px;padding:12px 14px;transition:transform .1s,border-color .15s;display:flex}.subject-row:active{transform:scale(.99)}@media (hover:hover){.subject-row:hover{border-color:var(--green-light)}}.subject-icon{border:1.5px solid var(--gold);width:40px;height:40px;font-family:var(--serif);color:var(--green);background:radial-gradient(circle at 50% 35%,#fffdf8,#f1e9f8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:flex;box-shadow:inset 0 0 0 3px #fffdf8}.subject-main{flex:1;min-width:0}.subject-name{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.risk-flag{color:var(--red);background:var(--red-bg);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.subject-bar{background:var(--border);border-radius:3px;height:6px;display:block;overflow:hidden}.subject-bar-fill{height:100%;transition:width .4s;display:block}.subject-bar-fill.lv-good{background:var(--green)}.subject-bar-fill.lv-ok{background:var(--orange)}.subject-bar-fill.lv-bad{background:var(--red-light)}.subject-bar-fill.lv-none{background:0 0}.subject-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.ready-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.ready-badge.rb-good{background:var(--green-bg);color:var(--green)}.ready-badge.rb-ok{background:var(--orange-bg);color:var(--orange)}.ready-badge.rb-bad{background:var(--red-bg);color:var(--red)}.ready-badge.rb-none{background:var(--gray-light);color:var(--gray)}.subject-count{color:var(--text-secondary);font-size:11px}.subject-full{color:var(--text-secondary);opacity:.8;font-weight:400}.home-duo{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.duo-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);text-align:center;-webkit-appearance:none;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;display:flex}.duo-card.countdown{border-color:var(--gold-soft);cursor:pointer}.duo-label{color:var(--text-secondary);letter-spacing:.04em;font-size:11px;font-weight:700}.duo-big{font-family:var(--serif);color:var(--green);font-size:30px;font-weight:800;line-height:1.1}.duo-unit{margin-left:2px;font-size:14px}.duo-sub{color:var(--text-secondary);font-size:10.5px}.duo-set-text{color:var(--text);font-size:11.5px;line-height:1.55}.duo-card.mission .duo-ring{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:2px 0;display:flex}.duo-ring-inner{background:var(--white);width:50px;height:50px;font-family:var(--serif);color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.daily-q{text-align:left;border:1px solid var(--gold-soft);border-left:4px solid var(--gold);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-soft);cursor:pointer;-webkit-appearance:none;background:linear-gradient(#fffdf9,#f8f3fc);flex-direction:column;gap:6px;margin-bottom:18px;padding:13px 15px;display:flex}.daily-q:active{transform:scale(.995)}.dq-head{align-items:center;gap:8px;display:flex}.dq-label{font-family:var(--serif);color:var(--gold);font-size:13px;font-weight:800}.dq-cat{color:var(--green);background:var(--green-bg);border-radius:8px;padding:1px 8px;font-size:10.5px;font-weight:700}.dq-text{color:var(--text);font-size:13px;font-weight:600;line-height:1.7}.dq-go{color:var(--green);font-size:11.5px;font-weight:700}.quiz-screen{padding-top:max(12px, var(--safe-top))}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-back{color:var(--green);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;background:0 0;border:none;padding:8px 4px 8px 0;font-size:14px;font-weight:600}.quiz-mode-badge{font-family:var(--serif);color:var(--green);border:1px solid var(--gold-soft);letter-spacing:.1em;box-shadow:var(--shadow-soft);background:linear-gradient(#fffdf8,#fbf3df);border-radius:20px;padding:5px 16px;font-size:12.5px;font-weight:700}.quiz-counter{color:var(--text-secondary);font-size:14px;font-weight:600}.quiz-progress-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.quiz-progress-fill{background:var(--green);height:100%;transition:width .3s}.question-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.question-category-tag{background:var(--green-bg);color:var(--green);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.grade-badge{color:var(--white);background:var(--green-light);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800}.question-text{font-family:var(--serif);letter-spacing:.02em;font-size:16.5px;font-weight:700;line-height:1.8}.options-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.option-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--white);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;align-items:flex-start;gap:12px;width:100%;min-height:52px;padding:14px 16px;font-size:14px;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.option-btn.selectable:active{border-color:var(--green);background:var(--green-bg)}@media (hover:hover){.option-btn.selectable:hover{border-color:var(--green);background:var(--green-bg)}}.option-btn.correct{border-color:var(--green-light);background:var(--green-bg)}.option-btn.wrong{border-color:var(--red-light);background:var(--red-bg)}.option-btn.dimmed{opacity:.5}.option-btn.chosen{border-color:var(--green);background:var(--green-bg)}.option-btn.chosen .option-label{background:var(--green);color:var(--white)}.option-label{background:var(--gray-light);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.option-btn.correct .option-label{background:var(--green-light);color:var(--white)}.option-btn.wrong .option-label{background:var(--red-light);color:var(--white)}.option-text{flex:1;padding-top:1px}.option-mark{flex-shrink:0;font-size:18px;font-weight:700}.option-btn.correct .option-mark{color:var(--green)}.option-btn.wrong .option-mark{color:var(--red)}.feedback-card{border-radius:var(--radius);margin-bottom:14px;padding:16px}.feedback-correct{background:var(--green-bg);border-left:4px solid var(--green-light)}.feedback-wrong{background:var(--red-bg);border-left:4px solid var(--red-light)}.feedback-header{margin-bottom:8px;font-size:15px;font-weight:700}.feedback-correct .feedback-header{color:var(--green)}.feedback-wrong .feedback-header{color:var(--red)}.feedback-explanation{color:var(--text);font-size:13px;line-height:1.8}.source-line{color:var(--text-secondary);border-left:2px solid var(--gold-soft);margin-top:8px;padding-left:10px;font-size:11px;line-height:1.6}.btn-next{background:var(--green);color:var(--white);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;border:none;width:100%;min-height:52px;margin-bottom:24px;padding:14px;font-size:16px;font-weight:700;transition:opacity .15s}.btn-next:active{opacity:.75}@media (hover:hover){.btn-next:hover{opacity:.88}}.question-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.question-card-top-right{align-items:center;gap:10px;display:flex}.question-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diff-badge{color:var(--white);background:var(--red-light);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800}.imp-stars{color:var(--orange);letter-spacing:1px;font-size:13px}.bookmark-btn{color:var(--gray);cursor:pointer;-webkit-appearance:none;background:0 0;border:none;padding:2px;font-size:22px;line-height:1}.bookmark-btn.on{color:#f6a609}.bookmark-btn.small{margin-left:auto;font-size:18px}.tts-btn{color:var(--green);cursor:pointer;-webkit-appearance:none;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.tip-box{background:var(--green-bg);border-left:3px solid var(--gold);color:var(--text);border-radius:8px;margin-top:10px;padding:9px 13px;font-size:12.5px;font-weight:600;line-height:1.7}.tip-label{letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold-soft);border-radius:6px;margin-right:8px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-block}.timer{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.timer.warning{color:var(--red);animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.mock-badge{background:var(--green);color:var(--white)}.mock-subhead{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.mock-nav{gap:10px;margin-bottom:12px;display:flex}.btn-nav{border-radius:var(--radius);border:1px solid var(--border);background:var(--white);min-height:50px;color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;flex:1;font-size:15px;font-weight:700;transition:opacity .15s}.btn-nav:disabled{opacity:.4;cursor:default}.btn-nav.primary{background:var(--green);color:var(--white);border:none}.btn-nav.submit{background:var(--orange);color:var(--white);border:none}.btn-nav:active{opacity:.8}.unanswered-note{color:var(--red);text-align:center;margin-bottom:24px;font-size:12px}.flag-btn{color:var(--text-secondary);background:var(--white);border:1px solid var(--border);cursor:pointer;-webkit-appearance:none;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.flag-btn.on{color:#fff;background:var(--orange);border-color:var(--orange)}.mock-overview-btn{margin-top:12px}.mock-overview-overlay{z-index:50;background:#2318328c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mock-overview{background:var(--white);border-radius:var(--radius);border:1px solid var(--gold-soft);width:100%;max-width:360px;max-height:82vh;padding:18px;overflow:auto;box-shadow:0 12px 40px #0000004d}.mo-head{font-family:var(--serif);color:var(--text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.mo-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;display:grid}.mo-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;border-radius:8px;font-size:12px;font-weight:700}.mo-cell.answered{background:var(--green-bg);border-color:var(--green-light);color:var(--green)}.mo-cell.flagged{box-shadow:inset 0 0 0 2px var(--orange)}.mo-cell.current{outline:2px solid var(--green);outline-offset:1px}.mo-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:12px;font-size:11px;display:flex}.mo-legend span{align-items:center;gap:5px;display:inline-flex}.mo-dot{border:1px solid var(--border);border-radius:4px;width:12px;height:12px;display:inline-block}.mo-dot.answered{background:var(--green-bg);border-color:var(--green-light)}.mo-dot.flagged{box-shadow:inset 0 0 0 2px var(--orange)}.mock-overview .btn-nav.submit{width:100%}.result-screen{padding-top:max(16px, var(--safe-top))}.result-header{text-align:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:28px 24px}.result-eyebrow{font-family:var(--serif-latin);letter-spacing:.22em;color:var(--gold);margin-bottom:10px;font-size:12px;font-style:italic}.result-score{margin-bottom:4px}.score-number{font-family:var(--serif-latin);color:var(--green);font-size:60px;font-weight:600;line-height:1}.score-separator,.score-total{color:var(--gray);font-size:28px}.result-percentage{font-family:var(--serif-latin);color:var(--text-secondary);margin-bottom:8px;font-size:26px;font-weight:600}.result-message{color:var(--text-secondary);font-size:15px}.result-actions{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.review-tabs{border-radius:var(--radius);border:1px solid var(--border);background:var(--white);gap:0;margin-bottom:12px;display:flex;overflow:hidden}.review-tab{background:var(--white);color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;border:none;flex:1;padding:12px 8px;font-size:13px;font-weight:600;line-height:1.3;transition:background .15s,color .15s}.review-tab:first-child{border-right:1px solid var(--border)}.review-tab.active{background:var(--green);color:var(--white)}.review-empty{text-align:center;background:var(--green-bg);border-radius:var(--radius);color:var(--green);margin-bottom:16px;padding:32px 16px;font-size:16px;font-weight:700}.review-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.review-item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--border);overflow:hidden}.review-correct{border-left-color:var(--green-light)}.review-wrong{border-left-color:var(--red-light)}.review-item-header{align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.review-mark{flex-shrink:0;font-size:18px;font-weight:800}.mark-correct{color:var(--green)}.mark-wrong{color:var(--red)}.review-category{background:var(--gray-light);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.review-question{padding:8px 14px;font-size:14px;font-weight:600;line-height:1.6}.review-detail{flex-direction:column;gap:3px;padding:0 14px 8px;display:flex}.answer-wrong{color:var(--red);font-size:12px}.answer-correct{color:var(--green);font-size:12px;font-weight:600}.review-explanation{color:var(--text-secondary);background:var(--gray-light);border-top:1px solid var(--border);padding:10px 14px 14px;font-size:12px;line-height:1.75}.pass-banner{border-radius:var(--radius);text-align:center;color:var(--white);margin-bottom:12px;padding:26px 22px;position:relative;overflow:hidden}.pass-banner.pass{background:linear-gradient(135deg,#1f8f50,#43c97a)}.pass-banner.fail{background:linear-gradient(135deg,#6d4fa8,#9a7fd0)}.pass-banner:before{content:"";pointer-events:none;border:1px solid #ffffff8c;border-radius:9px;position:absolute;inset:8px}.pass-title{font-family:var(--serif);letter-spacing:.04em;margin-bottom:6px;font-size:25px;font-weight:800}.pass-score{font-family:var(--serif-latin);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:36px;font-weight:600}.pass-sub{opacity:.95;font-size:13px;line-height:1.6}.criteria-note{color:var(--text-secondary);background:var(--gray-light);border-radius:8px;margin-bottom:20px;padding:10px 12px;font-size:11px;line-height:1.6}.subject-table{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.subject-table-row{background:var(--white);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.st-name{flex:1;min-width:0;font-size:13px;font-weight:700}.st-score{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.st-status{border-radius:10px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:800}.st-status.ok{background:var(--green-bg);color:var(--green)}.st-status.ng{background:var(--red-bg);color:var(--red)}.summary-screen{padding-top:max(12px, var(--safe-top))}.summary-lead{color:var(--text-secondary);margin:8px 0 16px;font-size:13px;line-height:1.7}.summary-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.summary-head{font-family:var(--serif);color:var(--green);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.04em;padding:14px 16px;font-size:15px;font-weight:800;list-style:none}.summary-head::-webkit-details-marker{display:none}.summary-head:after{content:" ▾";float:right;color:var(--gray)}.summary-section[open] .summary-head:after{content:" ▴"}.summary-points{margin:0;padding:0 16px 14px;list-style:none}.summary-points li{border-top:1px solid var(--border);color:var(--text);padding:8px 0;font-size:13px;line-height:1.75}.trend-tag{background:var(--orange);color:var(--white);vertical-align:middle;border-radius:8px;margin-right:6px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-block}.cases-lead-card{color:#f2ecdc;border-radius:var(--radius);border:1px solid var(--gold);background:linear-gradient(135deg,#453362,#2c2040);margin-bottom:16px;padding:20px 18px}.cases-lead-title{font-family:var(--serif);letter-spacing:.06em;color:#fff;margin-bottom:8px;font-size:20px;font-weight:800}.cases-lead-text{color:#e5ddef;font-size:12.5px;line-height:1.8}.major-tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;gap:2px;margin:4px 0 10px;display:flex;overflow-x:auto}.major-tab{font-family:var(--serif);letter-spacing:.04em;color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-appearance:none;background:0 0;border:none;border-bottom:3px solid #0000;flex:none;margin-bottom:-1px;padding:11px 16px;font-size:15px;font-weight:700;transition:color .15s,border-color .15s}.major-tab.active{color:var(--green);border-bottom-color:var(--gold)}.major-note{color:var(--text-secondary);margin-bottom:12px;font-size:11.5px;line-height:1.6}.case-filter{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:4px;padding-bottom:10px;display:flex;overflow-x:auto}.case-chip{border:1px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-appearance:none;border-radius:18px;flex:none;padding:7px 13px;font-size:12px;font-weight:700}.case-chip.active{background:var(--green);color:var(--white);border-color:var(--green)}.oilguide-screen{padding-top:max(12px, var(--safe-top))}.oil-list{flex-direction:column;gap:10px;margin:10px 0 14px;display:flex}.oil-card{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.oil-card[open]{border-left-color:var(--green)}.oil-card-head{cursor:pointer;flex-direction:column;gap:4px;padding:14px 40px 14px 16px;list-style:none;display:flex;position:relative}.oil-card-head::-webkit-details-marker{display:none}.oil-card-head:after{content:"＋";color:var(--gold);font-size:18px;font-weight:400;position:absolute;top:13px;right:14px}.oil-card[open] .oil-card-head:after{content:"−"}.oil-head-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.oil-grade-badge{color:#fff;border-radius:8px;padding:1px 8px;font-size:10px;font-weight:800}.oil-grade-badge.g2{background:var(--green)}.oil-grade-badge.g1{background:var(--gold)}.oil-name{font-family:var(--serif);color:var(--text);letter-spacing:.04em;font-size:17px;font-weight:800}.oil-sci{font-family:var(--serif-latin);color:var(--text-secondary);font-size:12px;font-style:italic}.oil-body{padding:0 16px 16px}.fact-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}@media (width<=360px){.fact-grid{grid-template-columns:1fr}}.fact{background:var(--cream);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:3px;padding:8px 11px;display:flex}.fact-label{letter-spacing:.04em;color:var(--gold);font-size:10px;font-weight:800}.fact-value{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.5}.oil-block{margin-top:10px}.oil-block-label{letter-spacing:.04em;color:var(--green);margin-bottom:4px;font-size:11px;font-weight:800;display:inline-block}.oil-block-label.warn{color:var(--red)}.oil-block p{color:var(--text);font-size:12.5px;line-height:1.8}.oil-block.caution{background:var(--red-bg);border-radius:10px;padding:10px 12px}.lock-pill{letter-spacing:.06em;color:#6b4f12;background:linear-gradient(135deg, var(--gold-soft), #f3e6bf);border:1px solid var(--gold);vertical-align:middle;border-radius:8px;margin-left:7px;padding:1px 7px;font-size:9.5px;font-weight:800;display:inline-block}.premium-cta{text-align:left;color:#f2ecdc;border:1px solid var(--gold);border-radius:var(--radius);cursor:pointer;-webkit-appearance:none;width:100%;box-shadow:var(--shadow);background:linear-gradient(135deg,#453362,#2c2040);flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:16px;padding:15px 16px;display:flex}.premium-cta:active{transform:scale(.995)}.pcta-eyebrow{font-family:var(--serif);letter-spacing:.18em;color:var(--gold-soft);text-transform:uppercase;font-size:11px;font-weight:700}.pcta-title{font-family:var(--serif);letter-spacing:.02em;font-size:15.5px;font-weight:800;line-height:1.5}.pcta-sub{color:var(--gold-soft);font-size:11.5px}.premium-chip-row{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:4px 2px;display:flex}.premium-chip{letter-spacing:.04em;color:#6b4f12;background:linear-gradient(135deg, var(--gold-soft), #f3e6bf);border:1px solid var(--gold);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:800}.premium-chip-note{color:var(--text-secondary);font-size:11.5px}.progress-free-note{background:var(--cream);border:1px dashed var(--gold-soft);width:100%;color:var(--gold);text-align:center;cursor:pointer;-webkit-appearance:none;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:11px;font-weight:700;display:block}.progress-free-note:active{transform:scale(.99)}.result-upsell{text-align:left;background:linear-gradient(135deg, var(--gold), #9a7723);color:#fffaf0;border-radius:var(--radius);cursor:pointer;-webkit-appearance:none;border:none;flex-direction:column;gap:3px;width:100%;margin:4px 0 14px;padding:14px 16px;display:flex}.result-upsell:active{transform:scale(.995)}.ru-title{font-family:var(--serif);letter-spacing:.02em;font-size:15px;font-weight:800}.ru-sub{color:#fdf3da;font-size:11.5px}.cases-lock-card{text-align:left;background:var(--cream);border:1px dashed var(--gold);border-radius:var(--radius);cursor:pointer;-webkit-appearance:none;flex-direction:column;gap:4px;width:100%;margin:4px 0 16px;padding:14px 16px;display:flex}.cases-lock-card:active{transform:scale(.995)}.clc-title{font-family:var(--serif);color:var(--text);font-size:14.5px;font-weight:800}.clc-sub{color:var(--text-secondary);font-size:11.5px;line-height:1.6}.premium-screen{padding-top:max(12px, var(--safe-top))}.premium-hero{color:#f2ecdc;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#453362,#2c2040);margin-bottom:22px;padding:24px 18px 20px}.premium-title{font-family:var(--serif);letter-spacing:.02em;margin:8px 0 10px;font-size:22px;font-weight:800;line-height:1.5}.premium-sub{color:var(--gold-soft);margin-bottom:18px;font-size:13px;line-height:1.8}.premium-price{flex-direction:column;align-items:center;gap:2px;margin-bottom:18px;display:flex}.pp-amount{font-family:var(--serif);color:#fff;letter-spacing:.02em;font-size:34px;font-weight:800}.pp-note{color:var(--gold-soft);font-size:11.5px}.btn-unlock{background:linear-gradient(135deg, var(--gold), #9a7723);color:#fffaf0;letter-spacing:.04em;border:none;min-height:52px;font-weight:800}.btn-unlock.wide{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;margin:8px 0 12px;display:flex}.btn-unlock .btn-sub-label{color:#fdf3da}.btn-unlock:active{transform:scale(.99)}@media (hover:hover){.btn-unlock:hover{opacity:.93}}.link-restore{width:100%;color:var(--gold-soft);cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:12px;text-decoration:underline;display:block}.premium-active{color:#fff;border:1px solid var(--gold);background:#ffffff1f;border-radius:10px;padding:12px;font-size:14px;font-weight:700}.premium-benefits{margin:0 0 22px;padding:0;list-style:none}.premium-benefits li{color:var(--text);background:var(--white);border:1px solid var(--border);border-radius:10px;gap:10px;margin-bottom:8px;padding:12px 14px;font-size:13px;line-height:1.8;display:flex;position:relative}.pb-mark{color:var(--green);flex-shrink:0;font-weight:800}.plan-table{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.plan-row{border-top:1px solid var(--border);grid-template-columns:1.4fr 1fr 1.3fr;align-items:center;gap:6px;padding:11px 12px;font-size:12px;display:grid}.plan-row:first-child{border-top:none}.plan-head{background:var(--cream);font-weight:800}.plan-head .pl-free,.plan-head .pl-prem{text-align:center}.plan-head .pl-prem{color:var(--green)}.pl-feat{color:var(--text);font-weight:700}.pl-free{text-align:center;color:var(--text-secondary)}.pl-prem{text-align:center;color:var(--green);font-weight:700}.premium-note{color:var(--text-secondary);margin:6px 0 16px;font-size:11px;line-height:1.7}.free-badge{letter-spacing:.04em;color:#fff;vertical-align:middle;background:#2e9e5b;border:1px solid #fff;border-radius:8px;margin-left:7px;padding:1px 7px;font-size:9.5px;font-weight:800;display:inline-block}.premium-error{color:#ffd9d2;background:#b3261e59;border:1px solid #ffffff4d;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.6}.review-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2318328c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.review-modal{background:var(--white);border-radius:var(--radius);border:1px solid var(--gold-soft);text-align:center;width:100%;max-width:340px;padding:24px 20px 18px;box-shadow:0 12px 40px #2318324d}.rm-stars{letter-spacing:4px;color:var(--gold);margin-bottom:8px;font-size:26px}.rm-title{font-family:var(--serif);color:var(--text);margin-bottom:8px;font-size:18px;font-weight:800}.rm-text{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.8}.review-modal .btn{width:100%}.review-modal .btn-ghost{margin-top:6px}.ob-overlay{z-index:60;padding:24px;padding-top:max(24px, var(--safe-top));padding-bottom:max(24px, var(--safe-bottom));background:linear-gradient(160deg,#453362,#2c2040);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.ob-card{border:1px solid var(--gold-soft);border-radius:var(--radius);text-align:center;background:linear-gradient(#fff,#fbf8ff);width:100%;max-width:360px;padding:30px 22px 22px;position:relative;box-shadow:0 14px 44px #00000059}.ob-skip{color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;background:0 0;border:none;font-size:12px;position:absolute;top:12px;right:14px}.ob-card .brand-seal{margin-top:6px}.ob-eyebrow{font-family:var(--serif-latin);letter-spacing:.16em;color:var(--gold);margin-bottom:6px;font-size:14px;font-style:italic}.ob-title{font-family:var(--serif);letter-spacing:.04em;color:var(--text);margin-bottom:12px;font-size:23px;font-weight:800}.ob-body{color:var(--text-secondary);text-align:left;margin-bottom:20px;font-size:13.5px;line-height:1.9}.ob-grade-select{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.ob-dots{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.ob-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .2s,width .2s}.ob-dot.active{background:var(--gold);border-radius:4px;width:22px}.history-screen{padding-top:max(12px, var(--safe-top))}.history-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 20px;display:grid}.hstat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:14px 8px}.hstat-num{font-family:var(--serif);color:var(--green);font-size:22px;font-weight:800;display:block}.hstat-label{color:var(--text-secondary);font-size:11px}.chart-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;padding:14px}.history-chart{width:100%;height:auto;display:block}.chart-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.lg-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.lg-dot.mock-pass{background:#2e9e5b}.lg-dot.mock-fail{background:#b3261e}.lg-dot.practice{background:#b8902f}.history-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.history-item{background:var(--white);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.hi-left{flex-direction:column;gap:2px;min-width:0;display:flex}.hi-date{color:var(--text-secondary);font-size:11px}.hi-mode{color:var(--text);font-size:13px;font-weight:700}.hi-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.hi-score{color:var(--green);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.hi-pass{border-radius:10px;padding:2px 9px;font-size:11px;font-weight:800}.hi-pass.ok{background:var(--green-bg);color:var(--green)}.hi-pass.ng{background:var(--red-bg);color:var(--red)}.mock-subj-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;padding:14px 14px 10px}.mock-subj-row{grid-template-columns:6.5em 1fr 2.8em;align-items:center;gap:10px;padding:7px 0;display:grid}.ms-name{color:var(--text);flex-direction:column;gap:2px;font-size:12px;font-weight:700;display:flex}.ms-name .risk-flag{align-self:flex-start}.ms-bar{background:var(--border);border-radius:4px;height:8px;position:relative;overflow:hidden}.ms-bar-fill{height:100%;transition:width .4s;display:block}.ms-bar-fill.good{background:var(--green)}.ms-bar-fill.ok{background:var(--orange)}.ms-bar-fill.bad{background:var(--red-light)}.ms-cut{border-left:1.5px dashed var(--green);width:0;position:absolute;top:-2px;bottom:-2px;left:80%}.ms-val{color:var(--green);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.mock-subj-note{color:var(--text-secondary);margin-top:8px;font-size:11px;line-height:1.6}.badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.badge{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;display:flex}.badge.earned{background:var(--green-bg);border:1px solid var(--green-light)}.badge.locked{background:var(--gray-light);border:1px solid var(--border);opacity:.7}.badge-mark{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex}.badge.earned .badge-mark{background:var(--green)}.badge.locked .badge-mark{background:var(--border);color:var(--text-secondary)}.badge-label{color:var(--text);font-size:10.5px;font-weight:700;line-height:1.3}.heatmap-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:20px;padding:14px;overflow-x:auto}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;justify-content:start;gap:3px;display:grid}.hm-cell{background:var(--gray-light);border:1px solid var(--border);border-radius:3px;width:12px;height:12px}.hm-cell.study{background:var(--gold);border-color:var(--gold)}.hm-cell.pass{background:var(--green);border-color:var(--green)}.heatmap-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:11px;display:flex}.heatmap-legend span{align-items:center;gap:5px;display:inline-flex}.hm-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.hm-dot.study{background:var(--gold)}.hm-dot.pass{background:var(--green)}.weaknote-screen{padding-top:max(12px, var(--safe-top))}.weaknote-head{text-align:center;padding:4px 0 14px}.checklist-title{font-family:var(--serif);letter-spacing:.04em;color:var(--text);margin:4px 0 6px;font-size:24px;font-weight:800}.checklist-sub{color:var(--text-secondary);font-size:12px;line-height:1.7}.weaknote-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.weaknote-count{color:var(--green);font-size:13px;font-weight:800}.weaknote-bar .btn{width:auto;min-height:auto;padding:8px 16px}.weaknote-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.weaknote-item{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--red-light);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:14px}.wn-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.wn-no{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.wn-q{font-family:var(--serif);color:var(--text);margin-bottom:6px;font-size:14.5px;font-weight:700;line-height:1.7}.wn-a{color:var(--green);margin-bottom:6px;font-size:13px;font-weight:700}.wn-exp{color:var(--text);font-size:12.5px;line-height:1.8}.wn-memo{border:1px dashed var(--gold);background:var(--cream);width:100%;min-height:54px;color:var(--text);resize:vertical;-webkit-appearance:none;box-sizing:border-box;border-radius:8px;margin-top:10px;padding:8px 10px;font-family:inherit;font-size:13px}.backup-actions{flex-direction:column;gap:8px;margin:10px 0;display:flex}.offline-badge{letter-spacing:.03em;color:var(--green);background:var(--green-bg);border:1px solid var(--green-light);border-radius:12px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}@media print{body{background:#fff}.no-print,.premium-cta,.premium-chip-row{display:none!important}.weaknote-item{break-inside:avoid;box-shadow:none;border-left-color:#999}.wn-memo{background:#fff;border-color:#bbb}}.contrast-screen{padding-top:max(12px, var(--safe-top))}.contrast-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:12px;padding:14px}.contrast-title{font-family:var(--serif);color:var(--text);text-align:center;margin-bottom:10px;font-size:15.5px;font-weight:800}.contrast-cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contrast-col{border-radius:10px;padding:10px 12px}.contrast-col.a{background:var(--green-bg);border:1px solid var(--green-light)}.contrast-col.b{background:var(--cream);border:1px solid var(--gold-soft)}.cc-label{font-family:var(--serif);color:var(--green);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.contrast-col.b .cc-label{color:#6b4f12}.contrast-col ul{margin:0;padding-left:16px}.contrast-col li{color:var(--text);margin-bottom:3px;font-size:12px;line-height:1.7}.contrast-note{border:1px solid var(--gold-soft);color:#6b4f12;background:#fbf3df;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:12px;line-height:1.7}.btn-practice-link{background:var(--green);width:100%;color:var(--white);border-radius:var(--radius);cursor:pointer;-webkit-appearance:none;border:none;margin-top:14px;padding:12px;font-size:14px;font-weight:700;transition:opacity .15s;display:block}.btn-practice-link:active{opacity:.8}@media (hover:hover){.btn-practice-link:hover{opacity:.9}}.btn-practice-link.wide{width:100%;margin:10px 0 6px}.search-screen{padding-top:max(12px, var(--safe-top))}.search-input{border:1px solid var(--gold-soft);background:var(--white);width:100%;color:var(--text);-webkit-appearance:none;box-sizing:border-box;border-radius:12px;margin-bottom:8px;padding:11px 14px;font-size:15px}.glossary-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.glossary-item{background:var(--white);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:10px;padding:11px 13px}.gl-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.gl-term{font-family:var(--serif);color:var(--green);font-size:14.5px;font-weight:800}.gl-reading{color:var(--text-secondary);font-size:11px}.gl-tag{color:var(--gold);background:var(--cream);border:1px solid var(--gold-soft);border-radius:8px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.gl-def{color:var(--text);font-size:12.5px;line-height:1.75}.search-hits{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.search-hit{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:11px 13px}.sh-q{color:var(--text);margin:4px 0;font-size:13px;font-weight:700;line-height:1.6}.sh-a{color:var(--green);margin-bottom:4px;font-size:12.5px;font-weight:700}.sh-exp{color:var(--text-secondary);font-size:12px;line-height:1.7}.settings-screen{padding-top:max(12px, var(--safe-top))}.settings-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:8px;padding:6px 14px}.settings-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.settings-row:first-child{border-top:none}.set-label{color:var(--text);font-size:13.5px;font-weight:700}.set-note{color:var(--text-secondary);padding:8px 0;font-size:11.5px;line-height:1.7}.segmented{border:1px solid var(--gold-soft);border-radius:10px;display:inline-flex;overflow:hidden}.seg{background:var(--white);color:var(--text-secondary);border:none;border-left:1px solid var(--border);cursor:pointer;-webkit-appearance:none;padding:7px 14px;font-size:13px;font-weight:700}.seg:first-child{border-left:none}.seg.on{background:var(--green);color:#fff}.link-inline{color:var(--green);cursor:pointer;background:0 0;border:none;font-size:11.5px;text-decoration:underline}.reminder-toggle{border:1.5px solid var(--border);background:var(--gray-light);min-width:64px;color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;border-radius:18px;padding:6px 14px;font-size:12px;font-weight:800}.reminder-toggle.on{background:var(--green);border-color:var(--green);color:#fff}.reminder-time{border:1px solid var(--border);-webkit-appearance:none;background:var(--white);color:var(--text);border-radius:8px;padding:6px 10px;font-size:14px}.flashcard-screen{padding-top:max(12px, var(--safe-top))}.flash-progress{text-align:center;color:var(--text-secondary);margin-bottom:12px;font-size:12px}.flashcard{text-align:center;border:1px solid var(--gold-soft);border-radius:var(--radius);width:100%;min-height:230px;box-shadow:var(--shadow);cursor:pointer;-webkit-appearance:none;background:linear-gradient(#fffdf9,#f6f0fa);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px 22px;display:flex;position:relative}.flash-tag{color:var(--green);background:var(--green-bg);border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:14px}.flash-front{font-family:var(--serif);color:var(--text);font-size:19px;font-weight:800;line-height:1.7}.flash-back{color:var(--green);font-size:15px;font-weight:700;line-height:1.85}.flash-hint{color:var(--text-secondary);font-size:11px}.flash-master-mark{color:#fff;background:var(--green);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:14px}.flash-controls{grid-template-columns:1fr 1.2fr 1fr;gap:8px;margin:14px 0 10px;display:grid}.flash-controls .btn{min-height:44px;padding:10px 6px;font-size:13px}.flash-actions{flex-direction:column;gap:10px;display:flex}.roadmap-screen{padding-top:max(12px, var(--safe-top))}.roadmap-list{flex-direction:column;gap:10px;margin:12px 0 16px;display:flex}.roadmap-phase{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--gold-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:14px}.roadmap-phase.current{border-left-color:var(--green);background:var(--green-bg)}.rp-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.rp-step{letter-spacing:.08em;color:var(--gold);font-size:10px;font-weight:800}.rp-label{font-family:var(--serif);color:var(--text);font-size:15px;font-weight:800}.rp-now{color:#fff;background:var(--green);border-radius:10px;margin-left:auto;padding:2px 9px;font-size:10.5px;font-weight:800}.rp-when{color:var(--text-secondary);margin-bottom:6px;font-size:11.5px}.roadmap-phase ul{margin:0;padding-left:18px}.roadmap-phase li{color:var(--text);margin-bottom:3px;font-size:12.5px;line-height:1.75}.lazy-fallback{text-align:center;color:var(--text-secondary);padding:48px 16px;font-size:14px}#sw-update-banner{z-index:80;color:#f2ecdc;border:1px solid var(--gold);background:#2c2040;border-radius:24px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}#sw-update-reload{background:var(--gold);color:#fffaf0;cursor:pointer;border:none;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:800}:root[data-theme=dark]{--cream:#211b28;--white:#2b2434;--text:#ede7f5;--text-secondary:#b3a6c7;--border:#3b3048;--gray:#9b8cab;--gray-light:#2a2335;--green-bg:#352a48;--orange-bg:#3a2e22;--red-bg:#3a2428;--gold-soft:#5a4a28;--shadow:0 6px 22px #00000073;--shadow-soft:0 2px 10px #00000059}:root[data-theme=dark] body{background-color:#171220;background-image:radial-gradient(120% 60% at 50% -10%,#a184d61a,#0000 60%),repeating-linear-gradient(135deg,#b8902f0d 0 2px,#0000 2px 22px)}:root[data-theme=dark] .home-header,:root[data-theme=dark] .total-progress-card,:root[data-theme=dark] .flashcard{background:linear-gradient(#2b2434,#241d2e)}:root[data-theme=dark] .quiz-mode-badge{color:var(--green-light);background:linear-gradient(#2b2434,#241d2e)}:root[data-theme=dark] .subject-icon{background:radial-gradient(circle at 50% 35%,#362c44,#2a2236)}:root[data-theme=dark] .ob-card,:root[data-theme=dark] .daily-q,:root[data-theme=dark] .product-badge{background:linear-gradient(#2b2434,#241d2e)}:root[data-theme=dark] .brand-seal{background:radial-gradient(circle at 50% 38%,#362c44,#2a2236)}:root[data-theme=dark] .brand-seal-mark{color:var(--green-light)}:root[data-font=sm] .app-container{zoom:.92}:root[data-font=lg] .app-container{zoom:1.12}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.question-text,.option-text,.review-question,.wn-q,.gl-def,.flash-front,.flash-back,.contrast-col li,.set-note,.oil-block p,.scent-note-text,.source-line{overflow-wrap:anywhere}