:root{--bg-deepest:#06080f;--bg-base:#0b0f1a;--bg-surface:#111827;--bg-elevated:#1a2236;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff12;--glass-border:#ffffff14;--glass-border-accent:#ffffff26;--glass-shadow:0 8px 32px #0006;--glass-blur:16px;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0b0f1a;--accent-gold:#f59e0b;--accent-gold-light:#fbbf24;--accent-gold-glow:#f59e0b4d;--accent-gold-bg:#f59e0b1a;--accent-blue:#3b82f6;--accent-blue-light:#60a5fa;--accent-blue-glow:#3b82f64d;--accent-blue-bg:#3b82f61a;--accent-green:#10b981;--accent-green-light:#34d399;--accent-green-glow:#10b9814d;--accent-green-bg:#10b9811a;--accent-red:#ef4444;--accent-red-light:#f87171;--accent-red-glow:#ef44444d;--accent-red-bg:#ef44441a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-family:"Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-accent)}.glass-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glow-gold{box-shadow:0 0 20px var(--accent-gold-glow), var(--glass-shadow)}.glow-blue{box-shadow:0 0 20px var(--accent-blue-glow), var(--glass-shadow)}.glow-green{box-shadow:0 0 20px var(--accent-green-glow), var(--glass-shadow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes stampIn{0%{opacity:0;transform:scale(2.5)rotate(-15deg)}60%{opacity:1;transform:scale(.9)rotate(2deg)}80%{transform:scale(1.05)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes stackUp{0%{opacity:0;transform:translateY(30px)scale(.95)}60%{transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--bg-deepest);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#3b82f614,#0000),radial-gradient(60% 40% at 80% 80%,#f59e0b0d,#0000);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--accent-blue-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}::selection{color:var(--text-primary);background:#3b82f64d}.tab-nav{z-index:100;padding:0 var(--space-md) var(--space-md);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.tab-nav__inner{pointer-events:auto;justify-content:space-around;align-items:center;gap:var(--space-sm);max-width:420px;padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-accent);border-radius:var(--radius-xl);background:#0b0f1ad9;margin:0 auto;display:flex;box-shadow:0 -4px 24px #0000004d,inset 0 1px #ffffff0d}.tab-nav__item{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.tab-nav__item:hover{color:var(--text-secondary);background:#ffffff0a}.tab-nav__item--active{color:var(--accent-gold)}.tab-nav__item--active:hover{color:var(--accent-gold-light)}.tab-nav__item--active:after{content:"";background:var(--accent-gold);width:4px;height:4px;box-shadow:0 0 8px var(--accent-gold-glow);border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.tab-nav__label{font-size:var(--font-xs);letter-spacing:.02em;font-weight:500}@supports (padding-bottom:env(safe-area-inset-bottom)){.tab-nav{padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-lg);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.glass-card:not(.glass-card--static):hover{background:var(--glass-bg-hover);border-color:var(--glass-border-accent);transform:translateY(-2px)}.glass-card--static{cursor:default}.glass-card--glow-gold{border-color:#f59e0b33}.glass-card--glow-gold:hover{box-shadow:0 0 24px var(--accent-gold-glow), var(--glass-shadow);border-color:#f59e0b59}.glass-card--glow-blue{border-color:#3b82f633}.glass-card--glow-blue:hover{box-shadow:0 0 24px var(--accent-blue-glow), var(--glass-shadow);border-color:#3b82f659}.glass-card--glow-green{border-color:#10b98133}.glass-card--glow-green:hover{box-shadow:0 0 24px var(--accent-green-glow), var(--glass-shadow);border-color:#10b98159}.tower{gap:var(--space-lg);flex-direction:column;display:flex}.tower__progress{gap:var(--space-sm);flex-direction:column;display:flex}.tower__progress-info{align-items:center;gap:var(--space-sm);display:flex}.tower__trophy{color:var(--accent-gold)}.tower__progress-text{font-size:var(--font-sm);color:var(--text-secondary)}.tower__progress-text strong{color:var(--accent-gold-light);font-weight:700}.tower__progress-count{font-size:var(--font-xs);color:var(--text-muted);margin-left:auto}.tower__progress-bar{border-radius:var(--radius-full);background:#ffffff0f;height:8px;overflow:hidden}.tower__progress-fill{background:linear-gradient(90deg, var(--accent-gold), var(--accent-gold-light));border-radius:var(--radius-full);height:100%;box-shadow:0 0 12px var(--accent-gold-glow);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.tower__grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=480px){.tower__grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}}.tower__column{flex-direction:column;gap:4px;display:flex}.tower__column-header{text-align:center;font-size:var(--font-xs);border-radius:var(--radius-sm) var(--radius-sm) 0 0;letter-spacing:.04em;padding:6px 0;font-weight:600}.tower__column-header--blue{color:var(--accent-blue-light);background:var(--accent-blue-bg);border:1px solid #3b82f626;border-bottom:none}.tower__column-header--green{color:var(--accent-green-light);background:var(--accent-green-bg);border:1px solid #10b98126;border-bottom:none}.tower__column-header--gold{color:var(--accent-gold-light);background:var(--accent-gold-bg);border:1px solid #f59e0b26;border-bottom:none}.tower__column-header--red{color:var(--accent-red-light);background:var(--accent-red-bg);border:1px solid #ef444426;border-bottom:none}.tower__blocks{flex-direction:column;gap:3px;display:flex}.tower__block{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:10px 4px;display:flex;position:relative;overflow:hidden}.tower__block:not(:disabled):hover{background:var(--glass-bg-hover);border-color:var(--glass-border-accent);transform:scale(1.02)}.tower__block--locked{opacity:.4;cursor:not-allowed}.tower__block--locked:hover{transform:none}.tower__block-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);z-index:1;font-size:10px;position:relative;overflow:hidden}.tower__block--done .tower__block-label{color:var(--text-primary);font-weight:600}.tower__block--blue.tower__block--done{background:linear-gradient(135deg,#3b82f640,#60a5fa26);border-color:#3b82f666;box-shadow:0 0 12px #3b82f633}.tower__block--green.tower__block--done{background:linear-gradient(135deg,#10b98140,#34d39926);border-color:#10b98166;box-shadow:0 0 12px #10b98133}.tower__block--gold.tower__block--done{background:linear-gradient(135deg,#f59e0b40,#fbbf2426);border-color:#f59e0b66;box-shadow:0 0 12px #f59e0b33}.tower__block--red.tower__block--done{background:linear-gradient(135deg,#ef444440,#f8717126);border-color:#ef444466;box-shadow:0 0 12px #ef444433}.tower__block-check{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tower__block-check:after{content:"";background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;width:14px;height:14px}.tower__block--stamp{animation:.5s cubic-bezier(.34,1.56,.64,1) both blockStamp}@keyframes blockStamp{0%{filter:brightness(1.8);transform:scale(1.3)}40%{transform:scale(.95)}70%{transform:scale(1.04)}to{filter:brightness();transform:scale(1)}}.tower__hint{text-align:center;font-size:var(--font-xs);color:var(--text-muted)}.mission{gap:var(--space-md);flex-direction:column;display:flex}.mission__gauge{flex-direction:column;gap:6px;display:flex}.mission__gauge-info{justify-content:space-between;align-items:center;display:flex}.mission__gauge-label{font-size:var(--font-sm);color:var(--text-secondary)}.mission__gauge-percent{font-size:var(--font-sm);color:var(--accent-gold);transition:color var(--transition-base);font-weight:700}.mission__gauge-percent--done{color:var(--accent-green-light)}.mission__gauge-bar{border-radius:var(--radius-full);background:#ffffff0f;height:6px;overflow:hidden}.mission__gauge-fill{background:linear-gradient(90deg, var(--accent-gold), var(--accent-gold-light));border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--accent-gold-glow);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.mission__gauge-fill--done{background:linear-gradient(90deg, var(--accent-green), var(--accent-green-light));box-shadow:0 0 12px var(--accent-green-glow)}.mission__list{flex-direction:column;gap:6px;list-style:none;display:flex}.mission__item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff05;border:1px solid #0000;animation:.3s both fadeInUp;display:flex}.mission__item:hover{border-color:var(--glass-border);background:#ffffff0a}.mission__item--done{background:#10b9810a;border-color:#10b9811a}.mission__checkbox{border:2px solid var(--glass-border-accent);cursor:pointer;width:22px;height:22px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);color:#0000;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.mission__checkbox:hover{border-color:var(--accent-green);transform:scale(1.1)}.mission__checkbox--checked{background:var(--accent-green);border-color:var(--accent-green);color:var(--text-inverse);animation:.3s cubic-bezier(.34,1.56,.64,1) both checkPop}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mission__text{font-size:var(--font-sm);color:var(--text-secondary);transition:color var(--transition-fast);flex:1;line-height:1.4}.mission__item--done .mission__text{color:var(--text-muted);-webkit-text-decoration:line-through #64748b66;text-decoration:line-through #64748b66}.mission__zap{color:var(--accent-gold);flex-shrink:0;animation:.3s both fadeIn}.mission__celebration{text-align:center;padding:var(--space-md);font-size:var(--font-sm);color:var(--accent-green-light);background:var(--accent-green-bg);border-radius:var(--radius-md);box-shadow:0 0 16px var(--accent-green-glow);border:1px solid #10b98133;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) both fadeInUp}.compass-page{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding-bottom:100px;animation:.5s both fadeInUp;display:flex}.compass-header{padding-top:var(--space-md);justify-content:space-between;align-items:center;display:flex}.compass-header__title{font-size:var(--font-3xl);background:linear-gradient(135deg, var(--accent-gold-light), var(--accent-gold));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.compass-header__subtitle{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--space-xs)}.compass-dday{padding:var(--space-sm) var(--space-md);background:var(--accent-gold-bg);border-radius:var(--radius-md);border:1px solid #f59e0b33;align-items:baseline;gap:2px;display:flex}.compass-dday__label{font-size:var(--font-sm);color:var(--accent-gold);font-weight:600}.compass-dday__number{font-size:var(--font-2xl);color:var(--accent-gold-light);letter-spacing:-.03em;font-weight:700}.compass-section__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-secondary);display:flex}.compass-section__header h2{font-size:var(--font-lg);font-weight:600}.compass-stats{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.compass-stat{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);text-align:center;flex-direction:column;display:flex}.compass-stat__value{font-size:var(--font-2xl);color:var(--text-primary);font-weight:700}.compass-stat__label{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap}@media (width<=480px){.compass-page{padding:var(--space-md);padding-bottom:100px}.compass-header__title{font-size:var(--font-2xl)}.compass-stats{gap:var(--space-sm)}}.chat-bubble{gap:var(--space-sm);max-width:85%;display:flex}.chat-bubble--animate{animation:.3s both fadeInUp}.chat-bubble--system{flex-direction:row;align-self:flex-start}.chat-bubble--user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.chat-bubble__avatar--system{background:var(--accent-blue-bg);color:var(--accent-blue-light);border:1px solid #3b82f633}.chat-bubble__avatar--user{background:var(--accent-gold-bg);color:var(--accent-gold);border:1px solid #f59e0b33}.chat-bubble__body{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);line-height:1.7}.chat-bubble__body--system{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-secondary);border-top-left-radius:var(--radius-sm)}.chat-bubble__body--user{color:var(--text-primary);border-top-right-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b1f,#fbbf2414);border:1px solid #f59e0b33}.chat-typing{padding:var(--space-md) var(--space-lg);align-items:center;gap:5px;min-height:44px;display:flex}.chat-typing__dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.chat-typing__dot:nth-child(2){animation-delay:.2s}.chat-typing__dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.mentoring-page{flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;animation:.5s both fadeInUp;display:flex}.mentoring-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);color:var(--text-secondary);display:flex}.mentoring-header h1{font-size:var(--font-xl);font-weight:600}.mentoring-header p{font-size:var(--font-sm);color:var(--text-muted)}.mentoring-header__reset{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;justify-content:center;align-items:center;margin-left:auto;display:flex}.mentoring-header__reset:not(:disabled):hover{color:var(--text-secondary);background:var(--glass-bg)}.mentoring-header__reset:disabled{opacity:.3;cursor:not-allowed}.mentoring-header__badge{font-size:var(--font-xs);border-radius:var(--radius-full);background:var(--accent-blue-bg);color:var(--accent-blue);letter-spacing:.04em;border:1px solid #3b82f633;margin-left:0;padding:3px 10px;font-weight:600}.mentoring-chat{padding:0 var(--space-lg);padding-bottom:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mentoring-bubble{max-width:85%;animation:.3s both fadeInUp}.mentoring-bubble--system{align-self:flex-start}.mentoring-bubble--user{align-self:flex-end}.mentoring-bubble__card{padding:var(--space-md) var(--space-lg)}.mentoring-bubble__card p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.7}.mentoring-input{padding:var(--space-md) var(--space-lg);padding-bottom:90px}.mentoring-input__wrapper{align-items:center;gap:var(--space-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);transition:border-color var(--transition-fast);display:flex}.mentoring-input__wrapper:focus-within{border-color:var(--glass-border-accent)}.mentoring-input__field{color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);padding:var(--space-sm) 0;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;line-height:1.5;overflow-y:auto}.mentoring-input__field::placeholder{color:var(--text-muted)}.mentoring-input__field:disabled{cursor:not-allowed;opacity:.5}.mentoring-input__send{border-radius:var(--radius-md);background:var(--accent-blue-bg);width:40px;height:40px;color:var(--accent-blue);transition:background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.mentoring-input__send:not(:disabled):hover{background:var(--accent-blue);color:var(--text-inverse);transform:scale(1.05)}.mentoring-input__send:disabled{opacity:.4;cursor:not-allowed}.mentoring-input__hint{text-align:center;font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-sm)}.sparring-page{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding-bottom:100px;animation:.5s both fadeInUp;display:flex}.sparring-header{align-items:center;gap:var(--space-md);color:var(--text-secondary);display:flex}.sparring-header h1{font-size:var(--font-xl);font-weight:600}.sparring-header p{font-size:var(--font-sm);color:var(--text-muted)}.sparring-timer{border-radius:var(--radius-full);font-size:var(--font-sm);font-variant-numeric:tabular-nums;background:var(--accent-blue-bg);color:var(--accent-blue-light);transition:all var(--transition-fast);border:1px solid #3b82f633;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-weight:700;display:flex}.sparring-timer--warn{background:var(--accent-gold-bg);color:var(--accent-gold-light);border-color:#f59e0b33}.sparring-timer--danger{background:var(--accent-red-bg);color:var(--accent-red-light);border-color:#ef444433;animation:1s ease-in-out infinite pulse}.sparring-picker{position:relative}.sparring-picker__btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);text-align:left;cursor:pointer;transition:border-color var(--transition-fast);display:flex}.sparring-picker__btn:hover{border-color:var(--glass-border-accent)}.sparring-picker__exam{color:var(--accent-blue-light);white-space:nowrap;font-weight:600}.sparring-picker__title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sparring-picker__chevron--open{transform:rotate(180deg)}.sparring-picker__dropdown{z-index:50;background:var(--bg-elevated);border:1px solid var(--glass-border-accent);border-radius:var(--radius-md);animation:.2s both fadeInUp;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #00000080}.sparring-picker__option{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--glass-border);display:flex}.sparring-picker__option:last-child{border-bottom:none}.sparring-picker__option:hover{background:#ffffff0a}.sparring-picker__option--active{background:var(--accent-blue-bg);color:var(--accent-blue-light)}.sparring-picker__option-exam{white-space:nowrap;color:var(--accent-blue-light);min-width:90px;font-weight:600}.sparring-split{gap:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;min-height:400px;display:grid}@media (width<=768px){.sparring-split{grid-template-columns:1fr;min-height:auto}}.sparring-panel{gap:var(--space-md);flex-direction:column;display:flex}.sparring-panel__header{align-items:center;gap:var(--space-sm);color:var(--text-secondary);display:flex}.sparring-panel__header h2{font-size:var(--font-base);font-weight:600}.sparring-panel__badge{border-radius:var(--radius-full);background:var(--accent-blue-bg);color:var(--accent-blue-light);border:1px solid #3b82f626;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.sparring-panel__body{flex-direction:column;flex:1;display:flex}.sparring-panel__footer{padding-top:var(--space-sm)}.sparring-question__body{font-size:var(--font-sm);color:var(--text-primary);padding:var(--space-md) 0;line-height:1.8}.sparring-keywords-hint{padding-top:var(--space-md);font-size:var(--font-xs);color:var(--text-muted);text-align:center;margin-top:auto}.sparring-textarea{border:1px solid var(--glass-border);border-radius:var(--radius-md);min-height:200px;padding:var(--space-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-sm);resize:none;transition:border-color var(--transition-fast);background:#0003;outline:none;flex:1;line-height:1.8}.sparring-textarea:focus{border-color:var(--accent-green)}.sparring-textarea::placeholder{color:var(--text-muted);opacity:.6}.sparring-textarea:disabled{cursor:not-allowed;opacity:.5}.sparring-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);font-weight:600;font-size:var(--font-sm);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.sparring-btn:not(:disabled):hover{transform:translateY(-1px)}.sparring-btn:disabled{opacity:.4;cursor:not-allowed}.sparring-btn--start{background:linear-gradient(135deg, var(--accent-blue), var(--accent-blue-light));color:var(--text-inverse)}.sparring-btn--start:hover{box-shadow:0 4px 16px var(--accent-blue-glow)}.sparring-btn--submit{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-light));color:var(--text-inverse)}.sparring-btn--submit:not(:disabled):hover{box-shadow:0 4px 16px var(--accent-green-glow)}.sparring-btn--reset{background:var(--glass-bg);border:1px solid var(--glass-border-accent);color:var(--text-secondary)}.sparring-btn--reset:hover{background:var(--glass-bg-hover)}.sparring-feedback{gap:var(--space-md);flex-direction:column;flex:1;animation:.4s both fadeInUp;display:flex;overflow-y:auto}.sparring-feedback__score{padding:var(--space-md);border-radius:var(--radius-md);justify-content:center;align-items:baseline;gap:4px;display:flex}.sparring-feedback__score--good{background:var(--accent-green-bg);border:1px solid #10b98133}.sparring-feedback__score--mid{background:var(--accent-gold-bg);border:1px solid #f59e0b33}.sparring-feedback__score--low{background:var(--accent-red-bg);border:1px solid #ef444433}.sparring-feedback__score-num{font-size:var(--font-3xl);font-weight:700}.sparring-feedback__score--good .sparring-feedback__score-num{color:var(--accent-green-light)}.sparring-feedback__score--mid .sparring-feedback__score-num{color:var(--accent-gold-light)}.sparring-feedback__score--low .sparring-feedback__score-num{color:var(--accent-red-light)}.sparring-feedback__score-label{font-size:var(--font-sm);color:var(--text-muted)}.sparring-feedback__section{gap:var(--space-sm);flex-direction:column;display:flex}.sparring-feedback__section-header{font-size:var(--font-sm);align-items:center;gap:6px;font-weight:600;display:flex}.sparring-feedback__section-header--good{color:var(--accent-green-light)}.sparring-feedback__section-header--bad{color:var(--accent-red-light)}.sparring-feedback__tags{flex-wrap:wrap;gap:6px;display:flex}.sparring-tag{border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:500}.sparring-tag--good{background:var(--accent-green-bg);color:var(--accent-green-light);border:1px solid #10b98133}.sparring-tag--bad{background:var(--accent-red-bg);color:var(--accent-red-light);border:1px solid #ef444433}.sparring-feedback__note{font-size:var(--font-xs);color:var(--text-muted);padding-top:var(--space-sm);margin-top:auto;line-height:1.6}.sparring-feedback__commentary{font-size:var(--font-sm);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--accent-blue-light);background:#ffffff08;line-height:1.7}.sparring-feedback__section-header--tip{color:var(--accent-blue-light)}.sparring-feedback__tips{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sparring-feedback__tips li{font-size:var(--font-xs);color:var(--text-secondary);padding-left:var(--space-md);line-height:1.6;position:relative}.sparring-feedback__tips li:before{content:"-";color:var(--text-muted);position:absolute;left:4px}.sparring-loading{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-muted);font-size:var(--font-sm);display:flex}.sparring-loading--inline{padding:var(--space-md)}.sparring-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sparring-error-banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--accent-gold-bg);border-radius:var(--radius-md);color:var(--accent-gold-light);font-size:var(--font-xs);border:1px solid #f59e0b33;display:flex}.app{flex-direction:column;min-height:100dvh;display:flex}.app__content{flex-direction:column;flex:1;display:flex}