.app-sidebar{flex-shrink:0;width:300px;max-height:100vh;display:flex;flex-direction:column;background:#ffffffe0;border-right:1px solid rgba(28,36,34,.1);box-shadow:4px 0 24px #1222200a;transition:width .28s ease,box-shadow .28s ease;overflow:hidden}.app-sidebar.is-collapsed{width:56px}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:1rem .75rem .75rem;border-bottom:1px solid rgba(28,36,34,.08);flex-shrink:0}.app-sidebar.is-collapsed .sidebar-top{flex-direction:column;align-items:center;padding:.75rem .35rem}.sidebar-brand{min-width:0}.sidebar-brand-title{display:block;font-size:.95rem;font-weight:700;color:#122220;letter-spacing:.06em}.sidebar-brand-sub{display:block;margin-top:.15rem;font-size:.75rem;color:#5f726e}.sidebar-collapse-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:8px;border:1px solid rgba(45,106,93,.25);background:#2d6a5d14;color:#2d6a5d;font-size:.85rem;font-weight:700;cursor:pointer;line-height:1}.sidebar-collapse-btn:hover{background:#2d6a5d29}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .5rem 1.25rem}.sidebar-group{margin-bottom:1.25rem}.sidebar-group-title{margin:0 0 .5rem .35rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:#2d6a5d;display:flex;align-items:baseline;gap:.5rem}.sidebar-group-count{font-size:.68rem;font-weight:600;letter-spacing:.06em;color:#7a8a86}.sidebar-chapter-list{list-style:none;margin:0;padding:0}.sidebar-chapter-list li{margin-bottom:.2rem}.sidebar-link{display:flex;align-items:flex-start;gap:.35rem;padding:.45rem .4rem .45rem .35rem;border-radius:8px;text-decoration:none;color:#2a3331;font-size:.78rem;line-height:1.35;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:#2d6a5d14}.sidebar-link.is-active{background:#2d6a5d24;color:#0f3d32;font-weight:600}.sidebar-check{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:.12rem;border-radius:50%;font-size:.65rem;font-weight:800;line-height:1.1rem;text-align:center;color:#fff;background:transparent}.sidebar-check[data-visible=true]{background:linear-gradient(145deg,#2d9d6b,#1e7a52);box-shadow:0 1px 3px #1e7a5259}.sidebar-link-text{min-width:0;display:flex;flex-direction:column;gap:.1rem}.sidebar-ch-no{font-size:.68rem;color:#5f726e;font-weight:600}.sidebar-ch-title{word-break:break-word}.sidebar-collapsed-hint{writing-mode:vertical-rl;text-orientation:mixed;margin:1rem auto;font-size:.72rem;color:#7a8a86;letter-spacing:.2em;line-height:1.6}.sidebar-quiz-split{list-style:none;margin-bottom:.35rem}.sidebar-quiz-split-head{font-size:.72rem;font-weight:700;color:#3d524c;padding:.25rem .35rem .15rem}.sidebar-quiz-sublist{list-style:none;margin:0;padding:0 0 0 .35rem;border-left:2px solid rgba(45,106,93,.2)}.sidebar-quiz-sublist>li{margin-bottom:.15rem}.sidebar-link-quiz-sub{padding-top:.35rem;padding-bottom:.35rem}.study-day-bar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;padding:.65rem 1rem;background:#ffffffeb;border-bottom:1px solid rgba(28,36,34,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.study-day-bar{padding:.5rem;gap:.5rem}.study-day-controls{font-size:.8rem}.study-day-step{width:2rem;height:2rem;font-size:1rem}.study-day-link{padding:.35rem .65rem;font-size:.75rem}}.study-day-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.88rem}.study-day-label{color:#5f726e;font-weight:600}.study-day-num{min-width:2rem;text-align:center;font-weight:800;font-size:1.05rem;color:#122220}.study-day-step{width:2.25rem;height:2.25rem;border-radius:8px;border:1px solid rgba(45,106,93,.35);background:#2d6a5d14;font-size:1.2rem;font-weight:700;line-height:1;color:#2d6a5d;cursor:pointer}.study-day-step:disabled{opacity:.35;cursor:not-allowed}.study-day-mode{margin-left:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;background:#2d6a5d1f;color:#1e5c4f}.study-day-mode.is-quiz{background:#c45c2626;color:#8a3d12}.study-day-links{display:flex;gap:.5rem}.study-day-link{padding:.45rem .75rem;border-radius:8px;font-size:.85rem;font-weight:700;text-decoration:none;color:#2d6a5d;background:#2d6a5d1a}.study-day-link.active{background:#2d6a5d38}.app-shell{display:flex;min-height:100vh;max-height:100vh;position:relative}.app-shell.mobile{overflow:hidden}.app-shell.mobile .app-sidebar{position:fixed;left:-300px;top:0;z-index:1000;height:100vh;transition:left .3s ease;box-shadow:4px 0 24px #12222026}.app-shell.mobile.sidebar-open .app-sidebar{left:0}.menu-toggle-btn{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;margin-right:1rem;padding:0;line-height:1}.app-shell.mobile .app-main{width:100%;position:relative;z-index:1}.app-main{flex:1;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#5a7e6b,#7ba08a);color:#fff;padding:1rem 1.5rem;box-shadow:0 2px 4px #0000001a;z-index:100;display:flex;justify-content:space-between;align-items:center}.app-logo{font-size:1.5rem;font-weight:600;cursor:pointer;transition:opacity .3s ease}.app-logo:hover{opacity:.9}.app-monitor{display:flex;gap:1rem;align-items:center}.monitor-item{background:#ffffff26;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#ffffffe6}.monitor-icon{font-size:1rem}.monitor-text{color:#ffffffe6}@media (max-width: 768px){.app-header{flex-direction:column;gap:.5rem;align-items:flex-start}.app-monitor{width:100%;justify-content:space-between;font-size:.8rem}.monitor-item{padding:.3rem .8rem}}.floating-home-btn{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:#5a7e6bcc;color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;opacity:0;transform:translateY(20px);pointer-events:none}.floating-home-btn.show{opacity:1;transform:translateY(0);pointer-events:auto}.floating-home-btn:hover{background:#4a6b5ae6;transform:translateY(-3px);box-shadow:0 6px 16px #0003}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(90,126,107,.1);display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;z-index:100;box-shadow:0 -2px 10px #0000000d}.bottom-bar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;font-size:1.2rem;color:#5a7e6b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;min-width:80px}.bottom-bar-btn span{font-size:.7rem;margin-top:.25rem;font-weight:500}.bottom-bar-btn:hover{background:#5a7e6b1a;color:#4a6b5a}.app-shell.mobile .app-main{padding-bottom:70px}@media (max-width: 768px){.floating-home-btn{bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;font-size:1.2rem}.app-header{flex-direction:column;align-items:flex-start;padding:1rem 1rem 1.25rem}.header-top{display:flex;align-items:center;width:100%;margin-bottom:1rem}.app-logo{font-size:1.3rem;flex:1;text-align:center;margin:0}.menu-toggle-btn{margin-right:1rem;font-size:1.5rem}.app-monitor{width:100%;flex-direction:column;gap:.75rem}.monitor-row{display:flex;justify-content:center;gap:.75rem;width:100%}.monitor-item{font-size:.7rem;padding:.25rem .8rem}}.encouragement-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem 1rem 2.5rem;pointer-events:none}.encouragement-bubble{position:relative;max-width:22rem;padding:1.15rem 2.25rem 1.15rem 1.35rem;border-radius:18px 18px 6px;background:linear-gradient(145deg,#fff9fb,#ffe8f0 55%,#ffd6e5);border:1px solid rgba(200,80,120,.25);box-shadow:0 18px 50px #5014282e,0 2px #ffffffe6 inset;pointer-events:auto;animation:bubble-pop .45s cubic-bezier(.22,1,.36,1) both}@keyframes bubble-pop{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.encouragement-heart{position:absolute;top:-.55rem;right:.85rem;font-size:1.35rem;color:#e2557a;text-shadow:0 1px 0 rgba(255,255,255,.8)}.encouragement-text{margin:0;font-size:.98rem;line-height:1.65;color:#4a2832;font-weight:500}.encouragement-close{position:absolute;top:.35rem;right:.35rem;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:#ffffffa6;color:#845;font-size:1.25rem;line-height:1;cursor:pointer}.encouragement-close:hover{background:#fffffff2}.chapter-shell{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem}.empty-msg{text-align:center;color:#5c6a66}.chapter-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.25rem;margin-bottom:2rem}.chapter-hero{flex:1;min-width:min(100%,16rem);margin:0;padding-bottom:1.25rem;border-bottom:1px solid rgba(28,36,34,.12)}.chapter-checkin-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.checkin-mega-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:.95rem 1.35rem;min-width:11rem;border-radius:14px;font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(165deg,#34b89a,#1e8a6e 42%,#157a5c);box-shadow:0 10px 28px #157a5c59,0 1px #ffffff40 inset;transition:transform .12s ease,box-shadow .12s ease}.checkin-mega-btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px #157a5c6b,0 1px #ffffff40 inset}.checkin-mega-btn:active{transform:translateY(0)}.checkin-mega-btn[aria-pressed=true]{background:linear-gradient(165deg,#6bc4a8,#2d9d7a);box-shadow:0 6px 18px #157a5c47 inset}.checkin-done-badge{font-size:.72rem;font-weight:600;color:#1e7a52;letter-spacing:.04em}.chapter-breadcrumb{margin:0 0 .75rem;font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:#5f726e}.breadcrumb-link{color:#5a7e6b;text-decoration:none;font-weight:600;transition:color .3s ease}.breadcrumb-link:hover{color:#4a6b5a;text-decoration:underline}.chapter-title{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(1.3rem,3.6vw,1.65rem);font-weight:700;line-height:1.45;color:#122220}.chapter-no{display:block;margin-bottom:.35rem;font-family:Noto Sans SC,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.12em;color:#2d6a5d}.chapter-body{display:flex;flex-direction:column;gap:1.75rem}.content-section{position:relative;padding:1.35rem 1.25rem 1.4rem 1.35rem;border-radius:12px;background:#ffffffb8;box-shadow:0 1px #ffffffd9 inset,0 8px 28px #1222200f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-section:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--accent, #2d6a5d);opacity:.85}.sec-core{--accent: #b8860b}.sec-rhyme{--accent: #6b4f9a}.sec-law{--accent: #1e5c6e}.sec-trap{--accent: #c45c26}.sec-exam{--accent: #3d5a80}.sec-theory,.sec-study,.sec-default{--accent: #2d6a5d}.section-title{margin:0 0 1rem;padding-left:.35rem;font-size:1rem;font-weight:600;color:#1a2826;letter-spacing:.02em}.sec-law .section-title{font-family:"Noto Serif SC",serif}.section-blocks{padding-left:.35rem}.content-block{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.75;color:#2a3331;white-space:pre-wrap;word-break:break-word;padding:.75rem;border-radius:8px;background:#ffffff80;border:1px solid rgba(90,126,107,.1)}.content-block:last-child{margin-bottom:0}.sec-rhyme .content-block{color:#3d3550}.sec-law .content-block{font-family:"Noto Serif SC",Noto Sans SC,serif;font-size:.92rem;line-height:1.8;color:#1e3034}.sec-exam .content-block{font-size:.9rem}@media (max-width: 640px){.chapter-toolbar{flex-direction:column}.chapter-checkin-wrap{width:100%;align-items:stretch}.checkin-mega-btn{width:100%;font-size:1rem}}.q-card{margin-bottom:1.75rem;padding:1.25rem 1.1rem;border-radius:14px;background:#ffffffe0;border:1px solid rgba(28,36,34,.08);box-shadow:0 6px 22px #1222200f}.q-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.q-badge{font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.2rem .5rem;border-radius:6px;background:#2d6a5d1f;color:#1e5c4f}.q-meta{font-size:.72rem;color:#6a7a76}.q-stem{font-size:1rem;line-height:1.65;color:#1c2422;margin-bottom:1rem;white-space:pre-wrap}.q-options-touch,.q-options-multi{display:flex;flex-direction:column;gap:.65rem}.q-opt-btn{display:flex;align-items:flex-start;gap:.65rem;width:100%;text-align:left;min-height:3.35rem;padding:.85rem 1rem;font-size:1.05rem;line-height:1.45;border-radius:12px;border:2px solid rgba(45,106,93,.22);background:#fffffff2;color:#1c2422;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s}.q-opt-btn:active{transform:scale(.99)}.q-opt-btn.is-correct{border-color:#1e8a5c;background:#1e8a5c1f}.q-opt-btn.is-wrong{border-color:#c94c4c;background:#c94c4c1a}.q-opt-btn.is-selected{border-color:#3d7a9e;background:#3d7a9e1f}.q-opt-btn:disabled{cursor:not-allowed;opacity:.8}.q-opt-key{flex-shrink:0;width:1.85rem;height:1.85rem;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800;background:#2d6a5d1f;color:#0f3d32}.q-opt-txt{flex:1;min-width:0}.q-options-static{margin-bottom:1rem;padding:.75rem .85rem;border-radius:10px;background:#f5f8f7e6;font-size:.95rem;line-height:1.55}.q-static-row{display:flex;gap:.5rem;margin-bottom:.45rem}.q-reveal-btn{width:100%;margin-bottom:.75rem;min-height:3.2rem;padding:.75rem 1rem;font-size:1.05rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(165deg,#3d7a9e,#2a5f7c);box-shadow:0 8px 22px #2a5f7c47}.q-reveal-btn:active{transform:scale(.99)}.q-submit-btn{width:100%;margin:.75rem 0;min-height:3.2rem;padding:.75rem 1rem;font-size:1.05rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(165deg,#2a5f7c,#1e4a63);box-shadow:0 8px 22px #2a5f7c47;transition:transform .1s}.q-submit-btn:active{transform:scale(.99)}.q-correct-message{margin:.5rem 0 .75rem;font-size:1.1rem;font-weight:700;color:#1e8a5c;text-align:center}.q-reveal{margin-top:.5rem;padding-top:.75rem;border-top:1px dashed rgba(28,36,34,.12)}.q-answer-line{margin:0 0 .65rem;font-size:.98rem;line-height:1.55;color:#122220}.q-explain{font-size:.92rem;line-height:1.65;color:#2a3331;white-space:pre-wrap}.q-wrong-manual-btn{margin-top:1rem;width:100%;min-height:3rem;font-size:1rem;font-weight:700;border-radius:12px;border:2px solid #c45c26;background:#c45c2614;color:#8a3d12;cursor:pointer}.q-ref-block{margin-bottom:.85rem;padding:.75rem .85rem;border-radius:10px;background:#ffdcb28c;border:1px solid rgba(212,140,60,.28)}.q-ref-title{display:block;margin-bottom:.4rem;font-size:.82rem;letter-spacing:.04em;color:#7a3a0a}.q-ref-body{font-size:.95rem;line-height:1.6;color:#1c2422;white-space:pre-wrap}.q-analysis-block{margin-top:.35rem}.q-analysis-title{display:block;margin-bottom:.35rem;font-size:.78rem;letter-spacing:.03em;color:#6a7a76}.q-analysis-text{font-size:.9rem;line-height:1.65;color:#5c6d66;white-space:pre-wrap}.err-shell{max-width:48rem;margin:0 auto;padding:1.5rem 1.1rem 3rem}.err-hero{margin-bottom:1.5rem}.err-breadcrumb{margin:0 0 .5rem;font-size:.8rem;color:#5f726e;font-weight:600}.err-breadcrumb .breadcrumb-link{color:#5a7e6b;text-decoration:none;font-weight:600;transition:color .3s ease}.err-breadcrumb .breadcrumb-link:hover{color:#4a6b5a;text-decoration:underline}.err-title{margin:0 0 .35rem;font-size:1.45rem;color:#122220}.err-sub{margin:0 0 .75rem;font-size:.88rem;color:#5f726e}.err-back{font-size:.85rem;font-weight:600;color:#2d6a5d}.err-empty{padding:2rem 1rem;text-align:center;color:#6a7a76}.err-group{margin-bottom:2rem}.err-group-title{margin:0 0 .75rem;font-size:1rem;letter-spacing:.08em;color:#1e5c4f;border-left:4px solid #2d6a5d;padding-left:.5rem}.err-row{margin-bottom:1.5rem}.err-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:-.5rem;margin-bottom:1.25rem}.err-btn{flex:1;min-width:8rem;min-height:2.85rem;font-size:1rem;font-weight:700;border-radius:10px;cursor:pointer;border:none}.err-btn-retry{background:linear-gradient(165deg,#5a8fb8,#3d6d8c);color:#fff}.err-btn-done{background:#2d6a5d26;color:#0f3d32;border:2px solid rgba(45,106,93,.35)}.review-shell{max-width:42rem;margin:0 auto;padding:1.25rem 1rem 2.5rem}.review-hero{margin-bottom:1.5rem}.review-breadcrumb{font-size:.78rem;letter-spacing:.04em;color:#5c6d66;margin:0 0 .35rem}.review-title{margin:0 0 .5rem;font-size:1.45rem;font-weight:800;color:#14221e;line-height:1.3}.review-lead{margin:0;font-size:.98rem;line-height:1.65;color:#3a4a44}.review-card{margin-bottom:1.25rem;padding:1.1rem 1rem;border-radius:14px;background:#ffffffeb;border:1px solid rgba(28,36,34,.08);box-shadow:0 6px 20px #1222200d}.review-card-mindset{background:linear-gradient(165deg,#fafcfbfa,#ecf4f180)}.review-h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:#1a2e28}.review-p{margin:0 0 .85rem;font-size:.92rem;line-height:1.6;color:#3d4f48}.review-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:10px;font-weight:700;text-decoration:none;font-size:.95rem}.review-btn-primary{background:linear-gradient(165deg,#2d6a5d,#1e4d44);color:#fff;box-shadow:0 6px 18px #1e4d4440}.review-mnemonic-details{margin-top:.35rem}.review-mnemonic-summary{cursor:pointer;font-weight:700;color:#1e5c4f;padding:.35rem 0}.review-mnemonic-list{margin-top:.75rem;max-height:22rem;overflow:auto;padding-right:.25rem}.review-mnemonic-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed rgba(28,36,34,.1)}.review-mnemonic-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.review-mnemonic-h3{margin:0 0 .25rem;font-size:.88rem;font-weight:700;color:#243832}.review-mnemonic-sub{margin:0 0 .4rem;font-size:.8rem;color:#5a6a64}.review-mnemonic-ul{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.55;color:#2a3832}.review-mindset-ul{margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.65;color:#3a4a44}.review-mindset-ul li{margin-bottom:.45rem}.review-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(28,36,34,.08)}.review-done-msg{margin:0 0 .65rem;font-size:.92rem;color:#1e6b52;font-weight:600}.review-hint-msg{margin:0 0 .65rem;font-size:.88rem;line-height:1.55;color:#5a6a64}.review-back{font-size:.88rem;color:#2a6a8a;font-weight:600}.home-view{padding:2rem;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;justify-content:flex-start;min-height:70vh;overflow-x:hidden;position:relative}.welcome-section{text-align:center;margin-bottom:2rem}.welcome-message{font-size:2.5rem;font-weight:600;color:#5a7e6b;margin-bottom:1rem}.encouragement{font-size:1.2rem;color:#8b7d6b;font-style:italic}.study-time-info{font-size:1rem;color:#5a7e6b;margin-top:.5rem;font-weight:500}.countdown-card{background:linear-gradient(135deg,#f5f0e6,#e8e0d5);border-radius:16px;padding:2rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.countdown-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.countdown-card h2{font-size:1.5rem;color:#5a7e6b;margin-bottom:1rem}.countdown-days{font-size:4rem;font-weight:700;color:#5a7e6b;margin-bottom:.5rem}.countdown-label{font-size:1.2rem;color:#8b7d6b}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#f5f0e6,#e8e0d5);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.stat-card h3{font-size:1.2rem;color:#5a7e6b;margin-bottom:1rem}.progress-container{width:100%;height:12px;background-color:#e0d8c8;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,#5a7e6b,#7ba08a);border-radius:6px;transition:width .5s ease}.progress-text{font-size:.9rem;color:#8b7d6b;text-align:right}.error-count{font-size:2.5rem;font-weight:700;color:#5a7e6b;margin-bottom:1rem}.error-review-btn{background-color:#5a7e6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.error-review-btn:hover{background-color:#4a6b5a}.start-today-btn{width:100%;background:linear-gradient(135deg,#5a7e6b,#7ba08a);color:#fff;border:none;padding:1.5rem;border-radius:16px;font-size:1.5rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;margin-bottom:2rem}.start-today-btn:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026;background:linear-gradient(135deg,#4a6b5a,#6b8a7a)}.toolbox-section{background:#f5f0e680;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014;border:1px solid rgba(90,126,107,.1)}.toolbox-title{font-size:1.8rem;color:#5a7e6b;margin-bottom:1.5rem;text-align:center;font-weight:600}.progress-overview{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(90,126,107,.1)}.progress-title{font-size:1.3rem;color:#5a7e6b;margin-bottom:1rem;font-weight:500}.progress-stats{display:flex;flex-direction:column;gap:1rem}.subject-progress{display:flex;flex-direction:column;gap:.5rem}.subject-info{display:flex;justify-content:space-between;align-items:center}.subject-name{font-size:1rem;font-weight:500;color:#5a7e6b}.subject-percent{font-size:1rem;font-weight:600;color:#5a7e6b}.subject-progress-bar{width:100%;height:8px;background-color:#5a7e6b1a;border-radius:4px;overflow:hidden}.subject-progress-fill{height:100%;background:linear-gradient(90deg,#5a7e6b,#7ba08a);border-radius:4px;transition:width .5s ease}.toolbox-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tool-card{background:#fffc;border-radius:16px;padding:1.5rem;display:flex;align-items:flex-start;gap:1.25rem;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid rgba(90,126,107,.1)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f;background:#ffffffe6}.tool-icon{font-size:2.5rem;flex-shrink:0}.tool-content{flex:1}.tool-content h4{font-size:1.2rem;color:#5a7e6b;margin-bottom:.5rem;font-weight:600}.tool-content p{font-size:.95rem;color:#8b7d6b;line-height:1.5;margin:0}.sync-section{margin-top:1.5rem}.phone-input-container{display:flex;gap:1rem;max-width:100%;margin:0 auto;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a;width:90%}.phone-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(90,126,107,.3);border-radius:8px;font-size:1rem;background:#fffc;transition:all .3s ease}.phone-input:focus{outline:none;border-color:#5a7e6b;box-shadow:0 0 0 3px #5a7e6b1a}.sync-btn{background:linear-gradient(135deg,#5a7e6b,#7ba08a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a6b5a,#6b8a7a);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.sync-btn:disabled{background:#5a7e6b99;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.home-view{padding:1rem;max-height:80vh}.welcome-message{font-size:1.8rem}.countdown-days{font-size:2.5rem}.stats-section,.module-navigation{grid-template-columns:1fr}.start-today-btn{font-size:1.2rem;padding:1.2rem}.phone-input-container{flex-direction:column;max-width:100%}.sync-btn{width:100%}@media (max-height: 800px){.home-view{padding:1rem 1rem 2rem}.welcome-section{margin-bottom:1rem}.countdown-card{padding:1.5rem;margin-bottom:1.5rem}.stats-section,.start-today-btn{margin-bottom:1.5rem}.toolbox-section{padding:1.5rem;margin-bottom:1.5rem}}}.quiz-shell{max-width:48rem;margin:0 auto;padding:1.5rem 1.1rem 3rem}.quiz-hero{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(28,36,34,.1)}.quiz-breadcrumb{margin:0 0 .5rem;font-size:.8rem;color:#5f726e;font-weight:600}.quiz-breadcrumb .breadcrumb-link{color:#5a7e6b;text-decoration:none;font-weight:600;transition:color .3s ease}.quiz-breadcrumb .breadcrumb-link:hover{color:#4a6b5a;text-decoration:underline}.quiz-title{margin:0 0 .35rem;font-size:clamp(1.2rem,3.5vw,1.55rem);line-height:1.4;color:#122220}.quiz-count{margin:0 0 .75rem;font-size:.88rem;color:#4a5c57}.quiz-back-learn{display:inline-block;font-size:.85rem;color:#2d6a5d;font-weight:600}.quiz-list{display:flex;flex-direction:column}.quiz-period-nav{display:flex;gap:.5rem;margin-bottom:.75rem}.quiz-period-nav a{padding:.4rem .85rem;border-radius:8px;font-size:.85rem;font-weight:700;text-decoration:none;color:#2d6a5d;background:#2d6a5d1a}.quiz-period-nav a.is-active{background:#2d6a5d;color:#fff}.quiz-rest-shell .quiz-title{font-size:1.35rem}.quiz-rest-cta{margin-top:.5rem;padding:.65rem 1.2rem;border-radius:10px;background:linear-gradient(165deg,#2d6a5d,#1e4d44);color:#fff!important;text-decoration:none;box-shadow:0 6px 18px #1e4d4438}.quiz-checkin-wrap{margin-top:1rem;position:relative;display:inline-block}.quiz-checkin-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#5a7e6b,#7ba08a);color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5a7e6b4d}.quiz-checkin-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #5a7e6b66}.quiz-checkin-btn:disabled{background:#c9c9c9;cursor:not-allowed;box-shadow:none}.quiz-checkin-btn.done{background:#4caf50}.quiz-checkin-badge{position:absolute;top:-10px;right:-10px;background:gold;color:#333;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #0003}.celebration-page{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px),radial-gradient(rgba(255,255,255,.4),rgba(255,255,255,.1) 2px,transparent 30px);background-size:550px 550px,350px 350px,250px 250px,150px 150px;background-position:0 0,40px 60px,130px 270px,70px 100px}.celebration-content{text-align:center;background:#fff8dce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:3rem;border-radius:24px;box-shadow:0 8px 32px #ffd7004d,0 10px 20px #0003;max-width:600px;width:90%;position:relative;overflow:hidden;opacity:0;transform:scale(.8);animation:cardAppear 1.5s ease-out 1s forwards}.celebration-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,gold,#ffed4e,#ffc107,gold);border-radius:24px;z-index:-1;animation:borderGlow 3s linear infinite}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cardAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebration-title{font-size:3rem;font-weight:800;color:gold;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3);font-family:Times New Roman,serif;letter-spacing:2px}.celebration-subtitle{font-size:1.5rem;font-weight:600;color:#5d4037;margin-bottom:2rem}.medal-container{margin-bottom:2.5rem;position:relative}.medal{font-size:5rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.7))}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.medal-text{font-size:1.8rem;font-weight:700;color:#5d4037}.stats-container{margin-bottom:2.5rem;display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-icon{font-size:2rem;color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.stat-label{font-size:.9rem;font-weight:600;color:#37474f;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.8rem;font-weight:800;color:#bf360c}.encouragement-message{font-size:1.3rem;font-style:italic;color:#5d4037;margin-bottom:3rem;line-height:1.6;font-family:Times New Roman,serif;padding:0 1rem}.button-container{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.action-button{padding:1.2rem 2.5rem;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:180px;position:relative;overflow:hidden}.view-error-book{background:linear-gradient(135deg,gold,#ffed4e);color:#333;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 0 15px #ffd70000}to{box-shadow:0 0 #ffd70000}}.back-to-home{background:#ffd70033;color:#5d4037;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,215,0,.3)}.action-button:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}@media (max-width: 768px){.celebration-content{padding:2.5rem;width:95%}.celebration-title{font-size:2.5rem}.celebration-subtitle{font-size:1.2rem}.medal{font-size:4rem}.medal-text{font-size:1.5rem}.stats-container{flex-direction:column;align-items:center;gap:1.5rem}.stat-value{font-size:1.5rem}.encouragement-message{font-size:1.1rem}.button-container{flex-direction:column;align-items:center}.action-button{width:100%;max-width:250px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100vw}body{margin:0;min-height:100vh;font-family:Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(165deg,#f4f1ea,#e8e4db 45%,#dfe8e6);color:#1c2422;overflow-x:hidden;width:100vw}#root{min-height:100vh}