:root{--bg:#0e1715;--bg-elev:#14201d;--bg-card:#182622;--border:#243530;--text:#e8efeb;--text-dim:#8aa39a;--text-faint:#5a7068;--gold:#d4a44a;--gold-soft:rgba(212,164,74,.1);--red:#d96f6f;--green:#6ab27b;--blue:#7aa3c4}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}.cormorant{font-family:Cormorant Garamond,Georgia,serif}.app{max-width:420px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.topbar{justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--border);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:5}.brand,.topbar{display:flex;align-items:center}.brand{gap:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;letter-spacing:.5px;font-weight:500}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.main{flex:1 1;padding:18px 18px 96px;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;background:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-faint);background:none;border:0;padding:6px 12px;cursor:pointer;text-decoration:none}.nav-item.active{color:var(--gold)}.nav-item .ico{font-size:20px;line-height:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px}.section-label{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:var(--text-dim);margin:16px 0 8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:100px;font-size:11px;background:var(--gold-soft);color:var(--gold);border:1px solid rgba(212,164,74,.25)}.ctx-color{width:6px;height:6px;border-radius:50%;display:inline-block}button.primary{background:var(--gold);color:#1a1411;border:0;border-radius:100px;padding:12px 22px;font-weight:600;letter-spacing:.3px}button.ghost,button.primary{font-size:14px;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:100px;padding:10px 18px}input,select,textarea{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}a{color:var(--gold)}.chat-row{display:flex;margin-bottom:10px}.chat-row.user{justify-content:flex-end}.chat-bubble{max-width:78%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5}.chat-user{background:var(--bg-elev);border-bottom-right-radius:6px}.chat-yenre{background:var(--gold-soft);border:1px solid rgba(212,164,74,.2);border-bottom-left-radius:6px}.record-button{width:120px;height:120px;border-radius:50%;background:linear-gradient(160deg,var(--gold),#b58a39);border:6px solid rgba(212,164,74,.2);margin:30px auto 18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:38px;color:#1a1411}.record-button.recording{background:linear-gradient(160deg,var(--red),#b25555);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,58%,64%,.6)}70%{box-shadow:0 0 0 22px hsla(0,58%,64%,0)}to{box-shadow:0 0 0 0 hsla(0,58%,64%,0)}}.speaking-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(.7);opacity:.6}50%{transform:scale(1.2);opacity:1}}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stretch{flex:1 1}