: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: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-main);line-height:1.5;-webkit-user-select:none;user-select:none}.app-container{position:relative;z-index:10;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.loading-spinner-screen{display:flex;align-items:center;justify-content:center;height:100%}.loading-bounce{text-align:center;font-size:1.3rem;font-weight:700;color:var(--primary-color);animation:bounce 1.2s infinite ease-in-out}.loading-icon{font-size:3.2rem;display:block;margin-bottom:.4rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.main-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:.6rem 1rem .8rem;flex:1;display:flex;flex-direction:column;overflow-y:auto}.btn-pop{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.3rem;font-size:1.05rem;font-weight:800;font-family:var(--font-main);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px #00000024;transition:all .15s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.btn-pop:hover{transform:translateY(-2px);box-shadow:0 6px #00000029}.btn-pop:active{transform:translateY(2px);box-shadow:0 2px #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:.4rem .8rem;font-size:.9rem;box-shadow:0 3px #0000001f}.btn-lg{padding:.85rem 1.8rem;font-size:1.2rem;box-shadow:0 5px #00000026}.pop-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:2.5px solid #FFF5F5;box-shadow:var(--shadow-soft);padding:1rem 1.4rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.site-header{height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #FFE3E3;box-shadow:0 2px 8px #00000008}.logo-group{display:flex;align-items:center;gap:.6rem;cursor:pointer}.logo-icon{font-size:1.8rem;line-height:1}.logo-title{font-size:1.25rem;font-weight:900;background:linear-gradient(135deg,#ff6b6b,#ffa94d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:.7rem;font-weight:700;color:var(--text-muted)}.header-user-status{display:flex;align-items:center;gap:.8rem}.user-star-badge{display:flex;align-items:center;gap:.3rem;background:#fff9db;border:2px solid #FFE066;border-radius:var(--radius-full);padding:.25rem .75rem;font-weight:900;font-size:.95rem;color:#d9480f}.auth-wrapper{max-width:480px;margin:auto;padding:.5rem 1rem;position:relative;z-index:20}.auth-header-card{text-align:center;margin-bottom:.8rem}.auth-hero-title{font-size:1.8rem;font-weight:900;color:#e03131;margin-bottom:.2rem}.auth-hero-desc{font-size:.95rem;font-weight:700;color:var(--text-muted)}.auth-tabs{display:flex;background:#f1f3f5;border-radius:var(--radius-full);padding:.25rem;gap:.2rem;margin-bottom:1rem}.auth-tab-btn{flex:1;border:none;background:transparent;padding:.55rem .3rem;font-size:.9rem;font-weight:800;font-family:var(--font-main);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.auth-tab-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 3px 8px #00000014}.form-group{margin-bottom:.8rem;text-align:left}.form-label{display:block;font-weight:800;font-size:.85rem;color:var(--text-main);margin-bottom:.25rem}.form-input,.form-select{width:100%;padding:.65rem 1rem;font-size:.95rem;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:.6rem .8rem;margin-bottom:.8rem;font-size:.85rem;font-weight:700;color:#2b8a3e;display:flex;align-items:center;gap:.5rem}.dashboard-top-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;margin-bottom:.6rem}.stat-box-compact{background:#fff;border:2px solid #FFE3E3;border-radius:var(--radius-md);padding:.4rem .8rem;display:flex;align-items:center;justify-content:space-between}.stat-box-compact .stat-label{font-size:.8rem;font-weight:800;color:var(--text-muted)}.stat-box-compact .stat-value{font-size:1.2rem;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}.section-title{font-size:1.15rem;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:.6rem}.grade-card-btn{border:none;border-radius:var(--radius-md);padding:.5rem .3rem;text-align:center;cursor:pointer;background:#fff;box-shadow:0 4px #0000000f;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:2.5px 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 5px #0000001f}.grade-mascot{font-size:1.8rem;line-height:1}.grade-name{font-size:.95rem;font-weight:900;color:var(--text-main)}.grade-sub{font-size:.68rem;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(280px,1fr));gap:.8rem;padding-bottom:.4rem}.content-item-card{cursor:pointer}.content-card-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.content-card-icon{font-size:2rem;line-height:1}.content-card-title{font-size:1.1rem;font-weight:900;color:var(--text-main);line-height:1.2}.content-card-author{font-size:.75rem;font-weight:700;color:var(--text-muted)}.content-card-summary{font-size:.85rem;color:var(--text-main);line-height:1.4;margin-bottom:.5rem;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:.4rem}.content-tag{font-size:.72rem;font-weight:800;background:#edf2f7;color:var(--text-muted);padding:.15rem .5rem;border-radius:var(--radius-full)}.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:.6rem;min-height:40px}.reader-header-info{display:flex;align-items:center;gap:.5rem}.reader-book-icon{font-size:1.6rem;line-height:1}.reader-title-area h2{font-size:1.2rem;font-weight:900;color:var(--text-main);line-height:1.2}.reader-author-badge{font-size:.72rem;font-weight:700;color:var(--text-muted)}.reader-settings-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius-md);padding:.3rem .7rem;box-shadow:0 2px 6px #00000008;gap:.4rem}.settings-group{display:flex;align-items:center;gap:.25rem}.settings-label{font-size:.75rem;font-weight:800;color:var(--text-muted)}.toggle-btn{border:1.5px solid #E2E8F0;background:#f8f9fa;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;cursor:pointer;font-family:var(--font-main);transition:all .15s}.toggle-btn.active{background:#ffe066;border-color:#fcc419;color:#5c3b00}.reader-stage-card{flex:1;background:#fff;border:3.5px solid #FFE3E3;border-radius:var(--radius-lg);padding:1.2rem 1.6rem;margin:.5rem 0;box-shadow:0 10px 25px -4px #0000000d;display:flex;flex-direction:column;position:relative;overflow:hidden}.reader-scrollable-body{flex:1;overflow-y:auto;padding-right:.5rem}.reader-chunk-p{font-family:var(--font-textbook);color:#1a202c;line-height:2.3;letter-spacing:.04em;font-size:1.6rem;font-weight:600;margin-bottom:.8rem;-webkit-user-select:text;user-select:text}.font-size-sm .reader-chunk-p{font-size:1.3rem;line-height:2.1}.font-size-md .reader-chunk-p{font-size:1.6rem;line-height:2.3}.font-size-lg .reader-chunk-p{font-size:2rem;line-height:2.5}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:12px;height:12px;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:#fffffff2;border-radius:var(--radius-lg);padding:.7rem 1.2rem;box-shadow:0 6px 16px #0000000d;border:2px solid #FFF0F5;display:flex;flex-direction:column;gap:.4rem}.control-buttons-row{display:flex;align-items:center;justify-content:center;gap:.8rem;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 14px #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:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.score-result-card{background:#fff;border-radius:var(--radius-lg);border:4px solid #FF8787;padding:2rem 2.5rem;max-width:900px;width:92vw;max-height:92vh;text-align:center;box-shadow:0 24px 48px #00000040;animation:clearPop .4s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box;overflow-y:auto}.score-result-card.score-result-landscape-card{max-width:960px;width:92vw;padding:2rem 2.5rem}.score-result-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.8rem;align-items:start;text-align:left}.score-result-col-left{display:flex;flex-direction:column;gap:.6rem;text-align:center}.score-result-col-right{display:flex;flex-direction:column;gap:.7rem}.score-badge-header-wrap{display:flex;align-items:center;justify-content:center;gap:1rem}.score-rank-title{font-size:1.6rem;font-weight:900;color:#e03131;margin:0;line-height:1.2}.score-content-title{font-weight:700;color:var(--text-muted);font-size:.95rem;margin:.2rem 0 0}.rec-text-preview-box{background:#f8f9fa;border-radius:var(--radius-md);padding:.8rem 1rem;border:1px solid #E9ECEF}.rec-preview-header{font-weight:800;color:var(--text-muted);font-size:.85rem;margin-bottom:.3rem}.rec-preview-body{color:var(--text-main);font-weight:700;margin:0;font-size:.95rem;word-break:break-all;line-height:1.5}.tokens-section{background:#fafcff;border:1.5px solid #E2E8F0;border-radius:var(--radius-md);padding:.8rem 1rem}.tokens-section-header{font-weight:800;color:var(--text-muted);font-size:.85rem;margin-bottom:.4rem}@media(max-width:680px)and (orientation:portrait){.score-result-card{padding:1.2rem 1rem}.score-result-grid{grid-template-columns:1fr;gap:.6rem}.score-rank-title{font-size:1.2rem}.score-badge-circle{width:60px;height:60px;font-size:2rem}}@media(min-width:1024px){.score-result-card.score-result-landscape-card{max-width:1050px;padding:2.5rem 3rem}.score-result-grid{gap:2.5rem}.score-rank-title{font-size:1.8rem}.score-content-title{font-size:1.05rem}.score-badge-circle{width:90px;height:90px;font-size:2.8rem}.metric-item{padding:.5rem .6rem}.metric-item .metric-label{font-size:.8rem}.metric-item .metric-val{font-size:1.3rem}.rec-preview-body{font-size:1.05rem}.tokens-preview-box{max-height:180px}.token-tag{font-size:1rem;padding:.2rem .55rem}}@keyframes clearPop{0%{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.score-badge-circle{width:78px;height:78px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;box-shadow:0 6px 14px #0000001f;flex-shrink:0}.score-badge-S{background:linear-gradient(135deg,#ffe066,#fcc419);color:#d9480f;border:3.5px solid #FFF}.score-badge-A{background:linear-gradient(135deg,#ff8787,#fa5252);color:#fff;border:3.5px solid #FFF}.score-badge-B{background:linear-gradient(135deg,#74c0fc,#339af0);color:#fff;border:3.5px solid #FFF}.score-badge-C{background:linear-gradient(135deg,#69db7c,#40c057);color:#fff;border:3.5px solid #FFF}.score-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.4rem 0}.metric-item{background:#f8f9fa;border-radius:var(--radius-md);padding:.4rem .5rem}.metric-item .metric-label{font-size:.72rem;font-weight:800;color:var(--text-muted)}.metric-item .metric-val{font-size:1.15rem;font-weight:900;color:#d9480f}.tokens-preview-box{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-start;max-height:140px;overflow-y:auto}.token-tag{font-size:.9rem;font-weight:800;padding:.18rem .5rem;border-radius:6px;position:relative;line-height:1.4;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-tag.pos-noun,.token-tag.pos-verb{font-size:.95rem;font-weight:900}.token-tag.pos-adj{font-size:.9rem;font-weight:800}.token-tag.pos-particle,.token-tag.pos-aux{font-size:.75rem;font-weight:600;opacity:.75}.token-recognized-as{font-size:.58rem;font-weight:500;opacity:.65;letter-spacing:-.02em}.token-correct .token-recognized-as{color:#087f23}.pos-label{font-size:.48rem;font-weight:400;opacity:.5;letter-spacing:.02em}.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}