:root{--bg:#fff;--bg-soft:#f7f7f5;--ink:#1a1a1a;--ink-soft:#6b6b6b;--ink-faint:#a8a8a8;--line:#e5e5e2;--accent:#1b2a4a;--warn:#b87333;--danger:#a83232;--radius:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,-apple-system,sans-serif;line-height:1.7}#app{max-width:480px;margin:0 auto;padding:2rem 1.5rem 6rem}.eyebrow{letter-spacing:2px;color:var(--ink-faint);text-transform:uppercase;margin-bottom:10px;font-size:11px}button{border:1px solid var(--ink);background:var(--ink);color:var(--bg);cursor:pointer;border-radius:var(--radius);padding:12px 24px;font-family:inherit;font-size:14px;transition:opacity .15s}button:hover{opacity:.82}button.ghost{color:var(--ink);background:0 0}.back-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:1.5rem;padding:0;font-size:13px;display:flex}.cat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1.5rem;display:grid}.cat-card{border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg);padding:16px 14px;transition:all .15s}.cat-card:hover{border-color:var(--accent);background:var(--bg-soft)}.cat-card.soon{opacity:.45;cursor:default}.cat-card.soon:hover{border-color:var(--line);background:var(--bg)}.cat-icon{margin-bottom:8px;font-size:22px}.cat-name{margin-bottom:3px;font-size:14px;font-weight:500}.cat-desc{color:var(--ink-soft);font-size:12px;line-height:1.5}.cat-soon{letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;font-size:10px}.cat-card.active{border-color:var(--accent);background:var(--bg-soft)}.cat-progress{margin-top:10px}.cat-progress-bar{background:var(--line);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.cat-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.cat-progress-text{color:var(--ink-faint);margin-top:6px;font-size:11px}.bar-wrap{background:var(--line);border-radius:2px;height:2px;margin-bottom:2rem}.bar-fill{background:var(--ink);border-radius:2px;height:100%;transition:width .25s}.q-meta{letter-spacing:1.5px;color:var(--ink-faint);text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.q-text{color:var(--ink);min-height:80px;margin-bottom:1.5rem;font-size:18px;line-height:1.6}.choices{flex-direction:column;gap:6px;display:flex}.choice{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius);padding:13px 18px;font-size:14px;transition:all .12s}.choice:hover,.choice.sel{border-color:var(--accent);background:var(--bg-soft)}.nav-row{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.hero-line{margin:1rem 0 8px;font-size:24px;font-weight:500;line-height:1.4}.hero-sub{color:var(--ink-soft);border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:14px;font-style:italic}.warn{color:var(--warn)}.danger{color:var(--danger)}.risk-badge{border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:1.5rem;padding:14px 16px;display:flex}.risk-badge.risk-safe{background:#f0f7f0;border:1px solid #c8e0c8}.risk-badge.risk-warn{background:#fdf6ee;border:1px solid #e8d5b8}.risk-badge.risk-danger{background:#fdf0f0;border:1px solid #e0c0c0}.risk-label{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:13px;font-weight:700}.risk-safe .risk-label{color:#2d6a3f;background:#d4edda}.risk-warn .risk-label{color:#8a6d3b;background:#f5e6d0}.risk-danger .risk-label{color:#8a3232;background:#f0d0d0}.risk-desc{color:var(--ink-soft);font-size:13px;line-height:1.5}.interactions{margin-top:1.5rem}.interactions-title{letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;font-size:11px}.interaction-card{border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:8px;padding:14px 16px}.interaction-axes{color:var(--accent);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.interaction-arrow{color:var(--ink-faint);font-size:12px}.interaction-text{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.75}.score-bars{flex-direction:column;gap:6px;display:flex}.score-bar-item{border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;padding:16px;transition:all .15s}.score-bar-item:hover{border-color:var(--ink-faint)}.score-bar-item.top{border-color:var(--accent);background:var(--bg-soft)}.score-bar-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.score-bar-labels{flex-direction:column;display:flex}.score-bar-en{letter-spacing:1.5px;color:var(--ink-faint);text-transform:uppercase;margin-bottom:2px;font-size:9px}.score-bar-ko{font-size:15px;font-weight:500}.score-bar-value{align-items:baseline;gap:2px;display:flex}.score-bar-num{font-size:28px;font-weight:300;line-height:1}.score-bar-max{color:var(--ink-faint);font-size:11px}.score-bar-track{background:var(--line);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.score-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.score-bar-oneliner{margin-bottom:2px;font-size:13px;line-height:1.5}.score-bar-detail{background:var(--bg-soft);border-radius:var(--radius);color:var(--ink-soft);margin-top:8px;padding:12px 14px;font-size:13px;line-height:1.75;display:none}.score-bar-detail.open{display:block}.score-bar-toggle{letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.level-card{border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:10px;padding:14px 16px}.level-card.active{border-color:var(--accent)}.level-card.locked{opacity:.4}.level-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.level-title{font-size:15px;font-weight:500}.level-sub{color:var(--ink-soft);margin-top:2px;font-size:12px}.prog-bar{background:var(--line);border-radius:2px;height:4px;margin-bottom:10px}.prog-fill{background:var(--ink);border-radius:2px;height:100%;transition:width .3s}.sess-dots{flex-wrap:wrap;gap:6px;display:flex}.dot{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.dot:hover{border-color:var(--accent)}.dot.done{background:var(--bg-soft);color:var(--ink);border-color:var(--ink-faint)}.sess-steps{gap:6px;margin-bottom:1.5rem;display:flex}.step-seg{background:var(--line);border-radius:2px;flex:1;height:3px}.step-seg.on{background:var(--ink)}.sess-title{margin-bottom:1rem;font-size:18px;font-weight:500;line-height:1.4}.sess-body{color:var(--ink-soft);background:var(--bg-soft);border-radius:var(--radius);margin-bottom:1rem;padding:14px;font-size:14px;line-height:1.75}.layer-badge{border:1px solid var(--line);color:var(--ink-faint);border-radius:10px;margin-bottom:4px;margin-right:4px;padding:2px 8px;font-size:10px;display:inline-block}.layer-item{margin-bottom:12px}.layer-text{color:var(--ink-soft);margin-top:4px;font-size:13px;line-height:1.75}.cta-card{border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;margin-top:2rem;padding:16px}.btn-row{flex-wrap:wrap;gap:8px;margin-top:1.5rem;display:flex}.checkin-step{flex-direction:column;gap:16px;display:flex}.checkin-prompt{font-size:17px;font-weight:500;line-height:1.5}.emoji-options{gap:6px;display:flex}.emoji-btn{border:1px solid var(--line);background:var(--bg);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 4px;font-family:inherit;transition:all .15s;display:flex}.emoji-btn:hover{border-color:var(--accent);background:var(--bg-soft)}.emoji-btn.selected{border-color:var(--accent);background:var(--bg-soft);box-shadow:0 0 0 1px var(--accent)}.emoji-icon{font-size:24px;line-height:1}.emoji-label{color:var(--ink-soft);text-align:center;font-size:10px;line-height:1.3}.select-options{flex-direction:column;gap:8px;display:flex}.select-btn{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius);cursor:pointer;padding:14px 18px;font-family:inherit;font-size:14px;transition:all .15s}.select-btn:hover{border-color:var(--accent);background:var(--bg-soft)}.select-btn.selected{border-color:var(--accent);background:var(--bg-soft);font-weight:500}.streak-card{text-align:center;background:var(--bg-soft);border-radius:var(--radius-lg);margin-bottom:12px;padding:20px}.streak-number{color:var(--accent);margin-bottom:4px;font-size:40px;font-weight:300;line-height:1}.streak-label{color:var(--ink-soft);font-size:13px}.checkin-cta{border-radius:var(--radius-lg);width:100%;margin-bottom:16px;padding:16px;font-size:15px;font-weight:500}.checkin-done-card{border-radius:var(--radius-lg);color:#2d6a3f;background:#f0f7f0;border:1px solid #c8e0c8;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:14px;font-size:14px;display:flex}.redo-btn{border-radius:6px;color:var(--ink-soft)!important;border:1px solid #c8e0c8!important;padding:4px 10px!important;font-size:12px!important}.trend-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);margin-bottom:12px;padding:18px 18px 14px;box-shadow:0 1px 3px #141e3c0a}.trend-empty{color:var(--ink-faint);text-align:center;padding:16px 0;font-size:13px}.trend-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.trend-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-weight:500}.trend-state{color:var(--ink-soft);border:1px solid var(--line);border-radius:12px;padding:2px 8px;font-size:11px}.trend-main{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:8px;display:flex}.trend-score-block{align-items:baseline;gap:4px;display:flex}.trend-score{color:var(--accent);letter-spacing:-1px;font-size:42px;font-weight:300;line-height:1}.trend-score-unit{color:var(--ink-faint);letter-spacing:.3px;font-size:11px}.trend-delta{text-align:right}.trend-delta.up .trend-delta-main{color:#2e7d4f}.trend-delta.down .trend-delta-main{color:#b04a3a}.trend-delta-main{font-size:14px;font-weight:500}.trend-delta-sub{color:var(--ink-faint);letter-spacing:.2px;margin-top:2px;font-size:10px;font-weight:400}.trend-svg{width:100%;height:90px;margin:4px 0 6px;display:block}.trend-pulse{transform-origin:50%;transform-box:fill-box;animation:1.8s ease-in-out infinite trend-pulse}@keyframes trend-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.trend-meta{color:var(--ink-faint);letter-spacing:.5px;font-size:11px}.trend-chips{border-top:1px solid var(--line);gap:6px;margin-top:12px;padding-top:12px;display:flex}.chip{background:var(--bg-soft);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px;display:flex}.chip-label{color:var(--ink-soft);letter-spacing:.3px;font-size:10px}.chip-delta{font-size:13px;font-weight:500}.chip-good .chip-delta{color:#2e7d4f}.chip-bad .chip-delta{color:#b04a3a}.chip-neutral .chip-delta{color:var(--ink-soft)}.trend-chips-sub{color:var(--ink-faint);text-align:center;letter-spacing:.2px;margin-top:6px;font-size:10px}.baseline-timeline{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);margin-bottom:12px;padding:16px 18px}.baseline-timeline-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;font-size:10px}.baseline-timeline-items{flex-direction:column;gap:10px;display:flex}.baseline-row{align-items:center;gap:12px;display:flex}.baseline-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:8px;height:8px}.baseline-row.current .baseline-dot{background:var(--accent);box-shadow:0 0 0 3px #1b2a4a1f}.baseline-meta{flex:1;min-width:0}.baseline-date{color:var(--ink-soft);font-size:12px}.baseline-tag{color:var(--ink-faint);letter-spacing:.5px;margin-top:2px;font-size:10px}.baseline-score{color:var(--accent);align-items:baseline;gap:6px;font-size:16px;font-weight:500;display:flex}.baseline-delta{font-size:11px;font-weight:500}.baseline-delta.up{color:#2e7d4f}.baseline-delta.down{color:#b04a3a}.insight-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px;padding:14px 16px}.insight-title{letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:11px}.insight-card p{color:var(--ink);margin:0;font-size:14px;line-height:1.7}.checkin-complete{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:2rem 0;display:flex}.checkin-complete-icon{font-size:48px;line-height:1}.checkin-complete-title{font-size:20px;font-weight:500}.checkin-finish-btn{margin-top:8px}.phase-progress{background:var(--bg-soft);border-radius:var(--radius-lg);margin-bottom:16px;padding:14px 14px 12px}.phase-progress-header{gap:8px;display:flex}.phase-block{opacity:.55;flex:1;transition:opacity .2s}.phase-block.active{opacity:1}.phase-label{color:var(--ink-soft);letter-spacing:.2px;margin-bottom:6px;font-size:10px;font-weight:500}.phase-block.active .phase-label{color:var(--accent);font-weight:600}.phase-dots{gap:5px;display:flex}.phase-dot{background:0 0;border:1.5px solid #ccc;border-radius:50%;width:8px;height:8px}.phase-dot.filled{border-color:var(--accent);background:var(--accent)}.phase-current{color:var(--ink-soft);text-align:center;letter-spacing:.3px;border-top:1px solid #0000000d;margin-top:12px;padding-top:10px;font-size:12px}.dash-header{margin-bottom:1.5rem}.dash-title{font-size:18px;font-weight:500}.streak-start{font-size:32px!important}.session-cta{text-align:left;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.session-cta-title{font-size:15px;font-weight:500}.session-cta-sub{opacity:.85;font-size:12px}.session-cta-arrow{opacity:.9;margin-top:4px;font-size:13px}.session-transition{text-align:center;padding-top:2rem}.transition-icon{margin-bottom:12px;font-size:48px}.transition-title{color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px}.transition-session-title{margin-bottom:4px;font-size:20px;font-weight:500}.transition-subtitle{color:var(--ink-soft);margin-bottom:12px;font-size:14px}.transition-meta{color:var(--ink-faint);margin-bottom:24px;font-size:12px}.session-runner{padding-bottom:2rem}.session-header{margin-bottom:16px}.session-title{font-size:18px;font-weight:500;line-height:1.4}.session-subtitle{color:var(--ink-soft);margin-top:2px;font-size:13px}.session-step-content{margin-top:20px}.session-complete-screen{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:2rem 0;display:flex}.program-complete-card{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(#1b2a4a0a,#1b2a4a14);border:1px solid #1b2a4a1f;margin-bottom:14px;padding:22px 20px 20px}.pc-icon{margin-bottom:6px;font-size:26px}.pc-title{color:var(--accent);letter-spacing:-.3px;margin-bottom:6px;font-size:16px;font-weight:600}.pc-sub{color:var(--ink-soft);margin-bottom:14px;font-size:13px;line-height:1.6}.pc-cta{padding:10px 22px;font-size:13px}.checkin-mini{width:100%;color:var(--ink-soft);border:1px solid var(--line);background:var(--bg);margin-bottom:14px;padding:10px;font-size:13px}.checkin-mini:hover{opacity:1;background:var(--bg-soft)}.trend-actions{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:12px;display:flex}.trend-action{border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.2px;background:0 0;border-radius:8px;flex:1;padding:8px 10px;font-size:12px}.trend-action:hover{background:var(--bg-soft);color:var(--accent);border-color:var(--accent);opacity:1}.card-stack{flex-direction:column;gap:16px;display:flex}.card-stack-dots{justify-content:center;gap:6px;display:flex}.card-dot{background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .3s}.card-dot.active{background:var(--accent)}.card-dot.done{background:var(--ink-soft)}.card-stack-card{background:var(--bg-soft);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:140px;padding:24px 20px;display:flex}.card-emoji{font-size:40px;line-height:1}.card-text{color:var(--ink);white-space:pre-line;font-size:15px;line-height:1.7}.card-next-btn{width:100%;padding:14px;font-size:14px;font-weight:500}.quiz-step{flex-direction:column;gap:16px;display:flex}.quiz-feedback{border-radius:var(--radius-lg);padding:14px;font-size:14px;line-height:1.7}.quiz-feedback p{margin:0}.quiz-feedback.correct{background:#f0f7f0;border:1px solid #c8e6c8}.quiz-feedback.wrong{background:#fef0f0;border:1px solid #f0c8c8}.select-btn.quiz-correct{color:#2e7d32;background:#f0f7f0;border-color:#4caf50}.select-btn.quiz-wrong{color:#c62828;background:#fef0f0;border-color:#ef5350}.breathing-step{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:1rem 0;display:flex}.breathing-intro{color:var(--ink-soft);white-space:pre-line;font-size:14px;line-height:1.7}.breathing-label{font-size:16px;font-weight:500}.breathing-meta,.breathing-cycle{color:var(--ink-faint);font-size:12px}.breathing-circle-wrap{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.breathing-circle{border-radius:50%;width:140px;height:140px;animation-timing-function:ease-in-out;animation-fill-mode:both;transform:scale(.6)}.breathing-circle.inhale{background:radial-gradient(circle,#0066cc26,#0066cc59);animation-name:bb-inhale}.breathing-circle.hold{background:radial-gradient(circle,#0066cc40,#0066cc73);animation-name:bb-hold;transform:scale(1)}.breathing-circle.exhale{background:radial-gradient(circle,#0066cc1a,#0066cc40);animation-name:bb-exhale;transform:scale(1)}@keyframes bb-inhale{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes bb-exhale{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes bb-hold{0%,to{transform:scale(1)}}.breathing-countdown{color:var(--accent);font-size:36px;font-weight:300;position:absolute}.breathing-phase-label{color:var(--accent);min-height:28px;font-size:18px;font-weight:500}.breathing-done-icon{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.breathing-done-text{font-size:18px;font-weight:500}.thought-record{flex-direction:column;gap:16px;display:flex}.tr-situation{color:var(--ink-soft);background:var(--bg-soft);border-radius:var(--radius);padding:10px 14px;font-size:13px}.tr-picked{color:var(--ink-soft);background:var(--bg-soft);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-style:italic}.tr-result{text-align:center;border-radius:var(--radius-lg);background:#f0f7f0;padding:24px 20px}.tr-result-label{text-transform:uppercase;letter-spacing:2px;color:#4caf50;margin-bottom:8px;font-size:11px}.tr-result-text{color:#2e7d32;font-size:16px;font-weight:500;line-height:1.6}.behavior-step{flex-direction:column;gap:16px;display:flex}.behavior-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.behavior-opt{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;color:var(--ink);flex-direction:column;align-items:center;gap:6px;padding:16px 12px;transition:all .2s;display:flex}.behavior-opt:hover,.behavior-opt.selected{border-color:var(--accent);background:#0066cc0d}.behavior-emoji{font-size:28px}.behavior-label{font-size:13px;font-weight:500}.behavior-committed{text-align:center;border-radius:var(--radius-lg);color:#2e7d32;background:#f0f7f0;padding:16px;font-size:15px;font-weight:500}.checklist-step{flex-direction:column;gap:16px;display:flex}.checklist-items{flex-direction:column;gap:8px;display:flex}.checklist-item{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;color:var(--ink);align-items:center;gap:12px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.checklist-item.checked{border-color:var(--accent);background:#0066cc0d}.checklist-check{border:2px solid var(--line);width:22px;height:22px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.checklist-item.checked .checklist-check{border-color:var(--accent);background:var(--accent);color:#fff}.checklist-label{flex:1}.reveal-step{flex-direction:column;gap:16px;display:flex}.reveal-btn{background:var(--bg-soft);border:2px dashed var(--line);border-radius:var(--radius-lg);cursor:pointer;width:100%;color:var(--ink-soft);text-align:center;padding:20px;font-size:15px;transition:all .2s}.reveal-btn:hover{border-color:var(--accent);color:var(--accent)}.reveal-content{background:var(--bg-soft);border-radius:var(--radius-lg);color:var(--ink);border-left:3px solid var(--accent);padding:16px;font-size:14px;line-height:1.7}.login-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:70vh;display:flex}.login-brand{flex-direction:column;align-items:center;display:flex}.login-title{margin-bottom:8px;font-size:22px;font-weight:500;line-height:1.4}.login-desc{color:var(--ink-soft);font-size:14px;line-height:1.7}.login-buttons{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.login-btn{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:opacity .15s;display:flex}.login-btn:hover{opacity:.85}.login-btn.google{color:#3c4043;border:1px solid var(--line);background:#fff}.login-btn.kakao{color:#3c1e1e;background:#fee500;border:1px solid #fee500}.login-footer{color:var(--ink-faint);font-size:11px}.user-bar{color:var(--ink-faint);justify-content:flex-end;align-items:center;gap:10px;margin-bottom:1rem;font-size:12px;display:flex}.user-bar img{border-radius:50%;width:24px;height:24px}.logout-btn{border:1px solid var(--line);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:11px}.logout-btn:hover{border-color:var(--ink-soft);color:var(--ink-soft)}