:root{--font-main: "Zen Maru Gothic", "M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, "Hiragino Maru Gothic ProN", "BIZ UDPGothic", sans-serif;--font-textbook: "Zen Maru Gothic", "BIZ UDPGothic", "Hiragino Mincho ProN", serif;--bg-gradient: linear-gradient(135deg, #FFF9EB 0%, #FFF0F5 50%, #F0F7FF 100%);--primary-color: #FF6B6B;--primary-hover: #FA5252;--secondary-color: #4DABF7;--secondary-hover: #339AF0;--accent-yellow: #FFD43B;--accent-green: #51CF66;--accent-purple: #B197FC;--accent-orange: #FFA94D;--text-main: #2D3748;--text-muted: #718096;--text-light: #A0AEC0;--card-bg: rgba(255, 255, 255, .94);--card-border: #FFE3E3;--shadow-soft: 0 8px 20px -4px rgba(100, 110, 140, .12);--shadow-hover: 0 14px 25px -6px rgba(100, 110, 140, .18);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100%;height:100dvh;margin:0;padding:0;font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-main);line-height:1.5;-webkit-user-select:none;user-select:none;overflow-x:hidden}.app-container{position:relative;z-index:10;width:100%;min-height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.loading-spinner-screen{display:flex;align-items:center;justify-content:center;height:100%;flex:1}.loading-bounce{text-align:center;font-size:1.2rem;font-weight:700;color:var(--primary-color);animation:bounce 1.2s infinite ease-in-out}.loading-icon{font-size:3rem;display:block;margin-bottom:.4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:.8rem 1rem 1.5rem;flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){html{font-size:14.5px}.main-wrapper{padding:.5rem .6rem 1.2rem}}@media(max-width:480px){html{font-size:13.5px}.main-wrapper{padding:.4rem .5rem 1rem}}@media(max-width:380px){html{font-size:12.5px}}.btn-pop{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1.1rem;font-size:.98rem;font-weight:800;font-family:var(--font-main);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 3px #00000024;transition:all .15s ease;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.btn-pop:hover{transform:translateY(-2px);box-shadow:0 5px #00000029}.btn-pop:active{transform:translateY(2px);box-shadow:0 1px #00000024}.btn-primary{background:linear-gradient(180deg,#ff8787,#fa5252);color:#fff}.btn-secondary{background:linear-gradient(180deg,#74c0fc,#339af0);color:#fff}.btn-yellow{background:linear-gradient(180deg,#ffe066,#fcc419);color:#5c3b00}.btn-green{background:linear-gradient(180deg,#69db7c,#40c057);color:#fff}.btn-white{background:#fff;color:var(--text-main);border:2px solid #E2E8F0}.btn-sm{padding:.3rem .65rem;font-size:.82rem;box-shadow:0 2px #0000001f}.btn-lg{padding:.75rem 1.5rem;font-size:1.1rem;box-shadow:0 4px #00000026}.pop-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:2px solid #FFF5F5;box-shadow:var(--shadow-soft);padding:1rem 1.2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.site-header{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:.4rem 1.2rem;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid #FFE3E3;box-shadow:0 2px 8px #00000008;flex-wrap:wrap;gap:.4rem;z-index:50}.logo-group{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex-shrink:0}.logo-icon{font-size:1.6rem;line-height:1}.logo-title{font-size:1.2rem;font-weight:900;background:linear-gradient(135deg,#ff6b6b,#ffa94d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.logo-subtitle{font-size:.68rem;font-weight:700;color:var(--text-muted);display:block}.header-user-status{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.user-star-badge{display:flex;align-items:center;gap:.25rem;background:#fff9db;border:1.5px solid #FFE066;border-radius:var(--radius-full);padding:.2rem .6rem;font-weight:900;font-size:.85rem;color:#d9480f;white-space:nowrap}.auth-wrapper{max-width:440px;width:100%;margin:auto;padding:.8rem;position:relative;z-index:20}.auth-header-card{text-align:center;margin-bottom:.8rem}.auth-hero-title{font-size:1.7rem;font-weight:900;color:#e03131;margin-bottom:.2rem}.auth-hero-desc{font-size:.9rem;font-weight:700;color:var(--text-muted)}.auth-tabs{display:flex;background:#f1f3f5;border-radius:var(--radius-full);padding:.25rem;gap:.2rem;margin-bottom:.9rem}.auth-tab-btn{flex:1;border:none;background:transparent;padding:.5rem .2rem;font-size:.82rem;font-weight:800;font-family:var(--font-main);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap}.auth-tab-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 3px 8px #00000014}.form-group{margin-bottom:.75rem;text-align:left}.form-label{display:block;font-weight:800;font-size:.82rem;color:var(--text-main);margin-bottom:.2rem}.form-input,.form-select{width:100%;padding:.6rem .85rem;font-size:.92rem;font-family:var(--font-main);border:2px solid #EDF2F7;border-radius:var(--radius-md);background:#fafcff;outline:none}.form-input:focus,.form-select:focus{border-color:var(--secondary-color);background:#fff}.guest-info-banner{background:#ebfbee;border:2px dashed #69DB7C;border-radius:var(--radius-md);padding:.5rem .7rem;margin-bottom:.7rem;font-size:.8rem;font-weight:700;color:#2b8a3e;display:flex;align-items:center;gap:.4rem}.dashboard-top-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.6rem}.stat-box-compact{background:#fff;border:1.5px solid #FFE3E3;border-radius:var(--radius-md);padding:.4rem .7rem;display:flex;align-items:center;justify-content:space-between}.stat-box-compact .stat-label{font-size:.75rem;font-weight:800;color:var(--text-muted)}.stat-box-compact .stat-value{font-size:1.1rem;font-weight:900;color:#d9480f}.grade-selection-section{margin-bottom:.8rem}.section-title-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;flex-wrap:wrap;gap:.4rem}.section-title{font-size:1.1rem;font-weight:900;color:var(--text-main);display:flex;align-items:center;gap:.4rem}.grades-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.grade-card-btn{border:none;border-radius:var(--radius-md);padding:.5rem .2rem;text-align:center;cursor:pointer;background:#fff;box-shadow:0 3px #0000000f;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.15rem;border:2px solid transparent;-webkit-user-select:none;user-select:none}.grade-card-btn:hover{transform:translateY(-2px)}.grade-card-btn.active{transform:translateY(-2px);border-color:currentColor;box-shadow:0 4px #0000001f}.grade-mascot{font-size:1.6rem;line-height:1}.grade-name{font-size:.88rem;font-weight:900;color:var(--text-main);white-space:nowrap}.grade-sub{font-size:.65rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.grade-1{border-top:4px solid #FF6B6B;color:#e03131}.grade-1.active{background:#fff5f5}.grade-2{border-top:4px solid #FFA94D;color:#d9480f}.grade-2.active{background:#fff9db}.grade-3{border-top:4px solid #FFD43B;color:#e67700}.grade-3.active{background:#fff9db}.grade-4{border-top:4px solid #51CF66;color:#2b8a3e}.grade-4.active{background:#ebfbee}.grade-5{border-top:4px solid #4DABF7;color:#1971c2}.grade-5.active{background:#e7f5ff}.grade-6{border-top:4px solid #B197FC;color:#6741d9}.grade-6.active{background:#f3f0ff}.contents-section{display:flex;flex-direction:column}.contents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem;padding-bottom:.4rem}.content-item-card{cursor:pointer}.content-card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.content-card-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.content-card-title{font-size:1.05rem;font-weight:900;color:var(--text-main);line-height:1.2}.content-card-author{font-size:.72rem;font-weight:700;color:var(--text-muted)}.content-card-summary{font-size:.82rem;color:var(--text-main);line-height:1.4;margin-bottom:.45rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1.5px dashed #EDF2F7;padding-top:.35rem}.content-tag{font-size:.7rem;font-weight:800;background:#edf2f7;color:var(--text-muted);padding:.12rem .45rem;border-radius:var(--radius-full)}@media(max-width:768px){.site-header{padding:.35rem .8rem;min-height:48px}.logo-title{font-size:1.05rem}.logo-subtitle{display:none}.header-user-status{gap:.3rem}.btn-pop{padding:.45rem .85rem;font-size:.85rem}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-lg{padding:.6rem 1.2rem;font-size:.98rem}.pop-card{padding:.8rem 1rem;border-radius:var(--radius-md)}.grades-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.grade-card-btn{padding:.4rem .2rem}.grade-mascot{font-size:1.35rem}.grade-name{font-size:.82rem}.grade-sub{font-size:.6rem}.contents-grid{grid-template-columns:1fr;gap:.6rem}.content-card-title{font-size:.98rem}.content-card-icon{font-size:1.5rem}.section-title{font-size:.98rem}}@media(max-width:480px){.site-header{padding:.3rem .5rem}.logo-icon{font-size:1.3rem}.logo-title{font-size:.95rem}.user-star-badge{padding:.15rem .45rem;font-size:.78rem}.dashboard-top-row{grid-template-columns:1fr 1fr}.stat-box-compact{padding:.3rem .5rem}.stat-box-compact .stat-label{font-size:.68rem}.stat-box-compact .stat-value{font-size:.95rem}.auth-hero-title{font-size:1.4rem}.auth-tab-btn{font-size:.75rem;padding:.4rem .1rem}}.floating-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:1}.floating-item{position:absolute;top:105vh;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 8px 12px rgba(160,174,192,.25));animation:floatUpAndWiggle linear infinite;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.floating-item:hover{transform:scale(1.15) rotate(5deg)!important}.floating-svg{width:100%;height:100%;display:block}@keyframes floatUpAndWiggle{0%{top:105vh;transform:translate(0) rotate(0);opacity:0}8%{opacity:.95}25%{transform:translate(25px) rotate(8deg)}50%{transform:translate(-20px) rotate(-8deg)}75%{transform:translate(20px) rotate(6deg)}92%{opacity:.95}to{top:-120px;transform:translate(-10px) rotate(-5deg);opacity:0}}.floating-bounce-click{animation:popJump .6s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes popJump{0%{transform:scale(1)}30%{transform:scale(1.4) translateY(-20px)}60%{transform:scale(.9) translateY(5px)}to{transform:scale(1)}}@media(max-width:640px){.floating-item{opacity:.65}}.reader-container{width:100%;max-width:1100px;height:100%;margin:0 auto;padding:.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.reader-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:38px}.reader-header-info{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1}.reader-book-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.reader-title-area{min-width:0}.reader-title-area h2{font-size:1.15rem;font-weight:900;color:var(--text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-author-badge{font-size:.7rem;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-settings-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius-md);padding:.3rem .6rem;box-shadow:0 2px 6px #00000008;gap:.35rem;flex-wrap:wrap}.settings-group{display:flex;align-items:center;gap:.2rem}.settings-label{font-size:.72rem;font-weight:800;color:var(--text-muted);white-space:nowrap}.toggle-btn{border:1.5px solid #E2E8F0;background:#f8f9fa;padding:.18rem .5rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;cursor:pointer;font-family:var(--font-main);transition:all .15s;white-space:nowrap}.toggle-btn.active{background:#ffe066;border-color:#fcc419;color:#5c3b00}.reader-stage-card{flex:1;background:#fff;border:3px solid #FFE3E3;border-radius:var(--radius-lg);padding:1rem 1.4rem;margin:.4rem 0;box-shadow:0 8px 20px -4px #0000000d;display:flex;flex-direction:column;position:relative;overflow:hidden}.reader-scrollable-body{flex:1;overflow-y:auto;padding-right:.4rem;-webkit-overflow-scrolling:touch}.reader-chunk-p{font-family:var(--font-textbook);color:#1a202c;line-height:2.2;letter-spacing:.03em;font-size:1.5rem;font-weight:600;margin-bottom:.8rem;-webkit-user-select:text;user-select:text;word-break:break-all}.font-size-sm .reader-chunk-p{font-size:1.25rem;line-height:2}.font-size-md .reader-chunk-p{font-size:1.5rem;line-height:2.2}.font-size-lg .reader-chunk-p{font-size:1.85rem;line-height:2.4}ruby{ruby-position:over;ruby-align:center}rt{font-size:.48em;font-weight:800;color:#e03131;letter-spacing:0;transform:translateY(-2px)}.hide-ruby rt{visibility:hidden;opacity:0}.recording-dot{width:10px;height:10px;background:#fa5252;border-radius:50%;display:inline-block;animation:pulseDot 1s infinite alternate}@keyframes pulseDot{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}.reader-controller-card{background:#fffffff5;border-radius:var(--radius-lg);padding:.6rem 1rem;box-shadow:0 6px 16px #0000000d;border:2px solid #FFF0F5;display:flex;flex-direction:column;gap:.35rem}.control-buttons-row{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.mic-pulse-btn.is-listening{background:#fa5252!important;animation:pulseRed 1.5s infinite}@keyframes pulseRed{0%{box-shadow:0 0 #fa5252b3}70%{box-shadow:0 0 0 12px #fa525200}to{box-shadow:0 0 #fa525200}}.score-result-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:90;background:#00000059}.score-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:.8rem}.score-result-card{background:#fff;border-radius:var(--radius-lg);border:3.5px solid #FF8787;padding:1.6rem 2rem;max-width:900px;width:94vw;max-height:90vh;text-align:center;box-shadow:0 20px 40px #00000040;animation:clearPop .35s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.score-result-card.score-result-landscape-card{max-width:940px;width:94vw;padding:1.6rem 2rem}.score-result-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.5rem;align-items:start;text-align:left}.score-result-col-left{display:flex;flex-direction:column;gap:.5rem;text-align:center}.score-result-col-right{display:flex;flex-direction:column;gap:.6rem}.score-badge-header-wrap{display:flex;align-items:center;justify-content:center;gap:.8rem}.score-rank-title{font-size:1.5rem;font-weight:900;color:#e03131;margin:0;line-height:1.2}.score-content-title{font-weight:700;color:var(--text-muted);font-size:.9rem;margin:.2rem 0 0}.rec-text-preview-box{background:#f8f9fa;border-radius:var(--radius-md);padding:.7rem .9rem;border:1px solid #E9ECEF}.rec-preview-header{font-weight:800;color:var(--text-muted);font-size:.8rem;margin-bottom:.25rem}.rec-preview-body{color:var(--text-main);font-weight:700;margin:0;font-size:.9rem;word-break:break-all;line-height:1.5}.tokens-section{background:#fafcff;border:1.5px solid #E2E8F0;border-radius:var(--radius-md);padding:.7rem .9rem}.tokens-section-header{font-weight:800;color:var(--text-muted);font-size:.8rem;margin-bottom:.35rem}@keyframes clearPop{0%{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.score-badge-circle{width:72px;height:72px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2.3rem;font-weight:900;box-shadow:0 6px 14px #0000001f;flex-shrink:0}.score-badge-S{background:linear-gradient(135deg,#ffe066,#fcc419);color:#d9480f;border:3px solid #FFF}.score-badge-A{background:linear-gradient(135deg,#ff8787,#fa5252);color:#fff;border:3px solid #FFF}.score-badge-B{background:linear-gradient(135deg,#74c0fc,#339af0);color:#fff;border:3px solid #FFF}.score-badge-C{background:linear-gradient(135deg,#69db7c,#40c057);color:#fff;border:3px solid #FFF}.score-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.3rem 0}.metric-item{background:#f8f9fa;border-radius:var(--radius-md);padding:.35rem .45rem}.metric-item .metric-label{font-size:.68rem;font-weight:800;color:var(--text-muted)}.metric-item .metric-val{font-size:1.05rem;font-weight:900;color:#d9480f}.tokens-preview-box{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start;max-height:130px;overflow-y:auto}.token-tag{font-size:.85rem;font-weight:800;padding:.15rem .45rem;border-radius:6px;position:relative;line-height:1.35;display:inline-flex;flex-direction:column;align-items:center}.token-correct{background:#d3f9d8;color:#2b8a3e}.token-mispronounced{background:#fff3bf;color:#d9480f}.token-missed{background:#ffe3e3;color:#c92a2a}.token-recognized-as{font-size:.55rem;font-weight:500;opacity:.65;letter-spacing:-.02em}.token-correct .token-recognized-as{color:#087f23}.pos-label{font-size:.45rem;font-weight:400;opacity:.5;letter-spacing:.02em}@media(max-width:768px){.reader-container{padding:.3rem .5rem}.reader-stage-card{padding:.7rem .9rem;border-width:2px;margin:.3rem 0}.reader-chunk-p{font-size:1.2rem;line-height:2;margin-bottom:.6rem}.font-size-sm .reader-chunk-p{font-size:1.05rem;line-height:1.85}.font-size-md .reader-chunk-p{font-size:1.2rem;line-height:2}.font-size-lg .reader-chunk-p{font-size:1.35rem;line-height:2.15}.reader-controller-card{padding:.4rem .6rem;gap:.25rem}.control-buttons-row{gap:.35rem}.score-result-card,.score-result-card.score-result-landscape-card{padding:1.1rem .9rem;width:96vw}.score-result-grid{grid-template-columns:1fr;gap:.7rem}.score-rank-title{font-size:1.25rem}.score-badge-circle{width:58px;height:58px;font-size:1.9rem}}@media(max-width:480px){.reader-title-area h2{font-size:.98rem}.reader-settings-bar{padding:.25rem .45rem}.settings-label{font-size:.65rem}.toggle-btn{padding:.12rem .35rem;font-size:.65rem}.reader-chunk-p{font-size:1.12rem;line-height:1.95}.font-size-sm .reader-chunk-p{font-size:.98rem;line-height:1.8}.font-size-md .reader-chunk-p{font-size:1.12rem;line-height:1.95}.font-size-lg .reader-chunk-p{font-size:1.28rem;line-height:2.05}}.daily-mission-banner-card{background:linear-gradient(135deg,#fff9db,#fff3bf);border:3px solid #FFE066;border-radius:var(--radius-lg, 18px);padding:1rem 1.4rem;margin-bottom:.9rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;box-shadow:0 6px 18px #ffe06659;animation:bannerSlideIn .3s ease}@keyframes bannerSlideIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.mission-left{display:flex;flex-direction:column;gap:.4rem}.mission-badge{display:flex;align-items:center;gap:.6rem}.mission-badge span:first-child{font-size:.75rem;font-weight:900;background:#fcc419;color:#5c3b00;padding:.15rem .6rem;border-radius:999px}.mission-status-pill.ready{font-size:.75rem;font-weight:800;background:#ffe8cc;color:#d9480f;padding:.15rem .6rem;border-radius:999px}.mission-status-pill.done{font-size:.75rem;font-weight:800;background:#d3f9d8;color:#2b8a3e;padding:.15rem .6rem;border-radius:999px}.mission-title-row{display:flex;align-items:center;gap:.8rem}.mission-icon{font-size:2.2rem;line-height:1}.mission-title{font-size:1.25rem;font-weight:900;color:#5c3b00;margin:0 0 .15rem;line-height:1.2}.mission-plan-desc{font-size:.88rem;color:#795548;margin:0}.mission-plan-desc strong{color:#d9480f}.mission-right{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.mission-start-btn{padding:.75rem 1.6rem;font-size:1.15rem;box-shadow:0 5px #e03131}.daily-step-banner{background:linear-gradient(90deg,#fff9db,#ffe8cc);border:2px solid #FFD43B;border-radius:12px;padding:.45rem 1rem;margin-bottom:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.daily-step-badge{font-size:.75rem;font-weight:900;background:#fcc419;color:#5c3b00;padding:.15rem .5rem;border-radius:999px;flex-shrink:0}.daily-step-title{font-size:.95rem;font-weight:900;color:#d9480f;flex:1;text-align:center}.daily-step-indicator{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.step-dot{width:22px;height:22px;border-radius:50%;background:#ced4da;color:#495057;font-size:.75rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:all .2s}.step-dot.active{background:#fa5252;color:#fff;transform:scale(1.15);box-shadow:0 0 8px #fa525280}.step-dot.done{background:#40c057;color:#fff}.step-line{width:12px;height:2px;background:#ced4da}.daily-course-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.daily-course-card{background:#fff;border-radius:var(--radius-lg, 20px);width:100%;max-width:780px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 36px #00000040;border:4px solid #FFE066;overflow:hidden;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.daily-course-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:linear-gradient(135deg,#fff9db,#fff3bf);border-bottom:2px solid #FFE066}.daily-course-header h2{font-size:1.25rem;font-weight:900;color:#5c3b00;margin:0;display:flex;align-items:center;gap:.5rem}.badge-premium{display:inline-block;font-size:.75rem;font-weight:900;background:#fcc419;color:#5c3b00;padding:.2rem .6rem;border-radius:999px;margin-bottom:.2rem}.daily-course-body{padding:1rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.guest-gate-banner{background:#fff8e1;border:2px dashed #FFD54F;border-radius:16px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}.gate-icon{font-size:2.5rem}.gate-info h3{font-size:1.15rem;font-weight:900;color:#5c3b00;margin-bottom:.4rem}.gate-info p{font-size:.9rem;color:#795548;line-height:1.5}.btn-gate-register{background:linear-gradient(180deg,#ff6b6b,#fa5252);color:#fff;font-size:1.1rem;font-weight:900;border:none;padding:.75rem 2rem;border-radius:999px;cursor:pointer;box-shadow:0 4px #c92a2a;transition:all .15s}.btn-gate-register:hover{transform:translateY(-2px);box-shadow:0 6px #c92a2a}.daily-stats-row{display:flex;gap:.8rem}.stat-pill{flex:1;background:#f8f9fa;border:2px solid #E9ECEF;border-radius:12px;padding:.5rem .8rem;display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:800}.stat-pill.highlight{background:#fff3bf;border-color:#ffe066;color:#5c3b00}.stamp-sheet-container{background:#fdfbf7;border:2px solid #EADBCE;border-radius:16px;padding:.8rem}.stamp-sheet-title{font-size:.95rem;font-weight:900;color:#5d4037;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.stamp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.stamp-cell{aspect-ratio:1;background:#fff;border:1.5px solid #E0D6CC;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.25rem .15rem;position:relative;transition:all .15s}.stamp-cell.is-today{border:2.5px solid #FF922B;background:#fff9db;transform:scale(1.04);box-shadow:0 2px 8px #ff922b4d}.stamp-cell.is-stamped{background:#fff5f5;border-color:#ffa8a8}.day-label{font-size:.72rem;font-weight:800;color:#868e96}.stamp-cell.is-today .day-label{color:#d9480f}.stamp-mark{font-size:1.35rem;line-height:1;display:flex;align-items:center;justify-content:center;flex:1;animation:stampBounce .4s ease}@keyframes stampBounce{0%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:1}}.today-dot{font-size:.9rem;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.25);opacity:1}}.today-plan-card{background:linear-gradient(180deg,#f8f9fa,#edf2f7);border:2px solid #DEE2E6;border-radius:16px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.plan-header{display:flex;align-items:center;justify-content:space-between}.plan-badge{font-size:.85rem;font-weight:900;background:#339af0;color:#fff;padding:.2rem .6rem;border-radius:999px}.plan-status.done{font-size:.85rem;font-weight:800;color:#2b8a3e;background:#d3f9d8;padding:.2rem .6rem;border-radius:999px}.plan-status.ready{font-size:.85rem;font-weight:800;color:#d9480f;background:#ffe8cc;padding:.2rem .6rem;border-radius:999px}.today-content-banner{background:#fff;border-radius:12px;padding:.6rem .9rem;display:flex;align-items:center;gap:.8rem;border:1.5px solid #CED4DA}.content-detail h4{font-size:1.05rem;font-weight:900;color:#212529;margin:.1rem 0}.content-grade{font-size:.75rem;font-weight:800;background:#e7f5ff;color:#1c7ed6;padding:.1rem .4rem;border-radius:4px}.steps-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.step-item{background:#fff;border:1.5px solid #DEE2E6;border-radius:10px;padding:.5rem;display:flex;gap:.5rem;align-items:flex-start}.step-item.action-step{border-color:#ffa8a8;background:#fff5f5}.step-num{width:22px;height:22px;border-radius:50%;background:#495057;color:#fff;font-size:.75rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-item.action-step .step-num{background:#fa5252}.step-desc{display:flex;flex-direction:column}.step-desc strong{font-size:.82rem;color:#212529}.step-desc span{font-size:.72rem;color:#868e96}.plan-action-area{display:flex;justify-content:center}.btn-start-daily{width:100%;background:linear-gradient(180deg,#ff922b,#f76707);color:#fff;font-size:1.1rem;font-weight:900;border:none;padding:.75rem 1.5rem;border-radius:999px;cursor:pointer;box-shadow:0 4px #d9480f;transition:all .15s}.btn-start-daily:hover{transform:translateY(-2px);box-shadow:0 6px #d9480f}.btn-start-daily:active{transform:translateY(2px);box-shadow:0 1px #d9480f}@media(max-width:768px){.daily-mission-banner-card{flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem .9rem}.mission-right{width:100%}.mission-start-btn{width:100%;padding:.55rem 1rem;font-size:.95rem}.mission-icon{font-size:1.6rem}.mission-title{font-size:1.05rem}.mission-plan-desc{font-size:.78rem}.steps-flow{grid-template-columns:1fr;gap:.35rem}.step-item{padding:.35rem .5rem}.daily-course-card{max-width:95vw}.daily-course-header{padding:.6rem .9rem}.daily-course-header h2{font-size:1.05rem}.daily-course-body{padding:.7rem .8rem;gap:.7rem}.daily-stats-row{flex-direction:column;gap:.4rem}}