:root{--bg-dark: #0a0c16;--bg-card: rgba(18, 22, 40, .75);--bg-card-hover: rgba(28, 35, 65, .85);--bg-panel: rgba(16, 15, 32, .88);--accent-gold: #fbbf24;--accent-gold-glow: rgba(251, 191, 36, .25);--accent-saffron: #f97316;--accent-purple: #c4b5fd;--accent-purple-glow: rgba(167, 139, 250, .25);--accent-red: #f87171;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .2);--font-ui: "Outfit", sans-serif;--font-sanskrit: "Noto Serif Devanagari", serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--nav-width: 300px;--ai-panel-width: 380px;--ai-panel-collapsed-width: 56px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(at 8% 8%,rgba(249,115,22,.12) 0px,transparent 45%),radial-gradient(at 92% 12%,rgba(196,181,253,.08) 0px,transparent 45%),radial-gradient(at 90% 92%,rgba(251,191,36,.12) 0px,transparent 45%),radial-gradient(at 15% 85%,rgba(249,115,22,.07) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(30,41,59,.5) 0px,transparent 100%);color:var(--text-main);font-family:var(--font-ui);min-height:100vh;line-height:1.6}button,input,select,textarea{font-family:inherit;color:inherit}.app-container{max-width:min(1900px,96vw);margin:0 auto;padding:0 1.25rem 1.25rem;min-height:100vh}.top-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) 0;margin-bottom:var(--space-4);background:#0a0c16d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-logo{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-saffron),var(--accent-gold));display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#1a1305;font-weight:700;box-shadow:0 4px 16px var(--accent-gold-glow);transition:transform .3s ease}.brand-logo svg{display:block}.mandala-backdrop{position:fixed;top:50%;left:50%;width:min(900px,140vw);height:min(900px,140vw);transform:translate(-50%,-50%);color:var(--accent-gold);opacity:.05;pointer-events:none;z-index:-1}.brand-text{min-width:0}.brand-text h1{font-size:1.1rem;font-weight:700;color:var(--text-main);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text p{font-size:.78rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.work-select-wrap{display:flex;align-items:center;gap:var(--space-2);background:#ffffff0d;border:1px solid var(--border-color);padding:.5rem .9rem;border-radius:var(--radius-pill)}.work-select{background:transparent;border:none;color:var(--accent-gold);font-weight:600;font-size:.9rem;outline:none;cursor:pointer;max-width:220px;color-scheme:dark}.work-select option{background:#121628;color:#fff}.main-grid{display:grid;grid-template-columns:var(--nav-width) 14px 1fr 14px var(--ai-panel-width);gap:var(--space-4);align-items:start;transition:grid-template-columns .25s ease}.main-grid.resizing{transition:none}.main-grid>*{min-width:0}.brand,.brand-text,.header-actions{min-width:0}.main-grid.ai-collapsed{grid-template-columns:var(--nav-width) 14px 1fr var(--ai-panel-collapsed-width)}.main-grid.ai-collapsed .resizer-ai{display:none}.resizer{align-self:stretch;cursor:col-resize;position:relative;z-index:5}.resizer:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--border-color);border-radius:2px;transition:background .15s ease,width .15s ease}.resizer:hover:before,.resizer.active:before{background:var(--accent-gold);width:3px}.sidebar{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);height:calc(100vh - 130px);position:sticky;top:calc(72px + var(--space-4));overflow:hidden}.search-wrap{position:relative;flex-shrink:0}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:.55rem .9rem .55rem 2.2rem;border-radius:var(--radius-pill);font-size:.85rem}.search-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:.2rem}.search-clear:hover{color:var(--text-main)}.search-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:var(--space-5) var(--space-3)}.section-accordion{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-right:.25rem}.global-search-results{flex:1;min-height:0;overflow-y:auto;padding-right:.25rem}.accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:#ffffff05;flex-shrink:0}.accordion-item.expanded{border-color:#fbbf2459;background:#fbbf240d}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.65rem .85rem;background:transparent;border:none;color:var(--text-main);font-size:.82rem;font-weight:600;cursor:pointer;text-align:left}.accordion-header:hover{background:#ffffff08}.accordion-item.expanded .accordion-header{color:var(--accent-gold)}.accordion-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.accordion-meta{display:flex;align-items:center;gap:.4rem;flex-shrink:0;color:var(--text-muted)}.accordion-count{font-size:.7rem;background:#ffffff0f;padding:.1rem .5rem;border-radius:var(--radius-pill)}.accordion-chevron{transition:transform .2s ease}.accordion-item.expanded .accordion-chevron{transform:rotate(180deg);color:var(--accent-gold)}.accordion-body{padding:.25rem .5rem .6rem;border-top:1px solid var(--border-color);max-height:50vh;overflow-y:auto}.shloka-list{display:flex;flex-direction:column;gap:.5rem}.shloka-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left}.shloka-item:hover{background:var(--bg-card-hover);border-color:#ffffff26}.shloka-item.active{background:#fbbf241f;border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold-glow)}.shloka-number{font-weight:700;font-size:.85rem;color:var(--accent-gold);flex-shrink:0;min-width:2ch}.shloka-preview{display:flex;flex-direction:column;min-width:0;gap:1px}.shloka-title-text{font-size:.8rem;color:var(--text-main);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shloka-snippet{font-family:var(--font-sanskrit);font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);min-height:calc(100vh - 130px)}.card-header{display:flex;flex-direction:column;gap:var(--space-3);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4)}.verse-meta{display:flex;align-items:center;gap:var(--space-2)}.badge{background:#fbbf2426;color:var(--accent-gold);font-weight:700;font-size:.78rem;padding:.25rem .65rem;border-radius:var(--radius-pill)}.verse-title{font-size:1.05rem;font-weight:700;color:var(--text-main)}.audio-controls-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.control-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.gender-btn{padding:.4rem .7rem;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all .15s ease}.gender-btn.active{background:#fbbf2426;border-color:var(--accent-gold);color:var(--accent-gold)}.select-input{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.78rem;cursor:pointer;color-scheme:dark}.select-input:focus{outline:none;border-color:var(--accent-gold)}.select-input option{background:#121628;color:#fff}.sanskrit-block{background:#00000047;border:1px solid rgba(251,191,36,.22);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;position:relative}.sanskrit-block:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);border-radius:2px}.sanskrit-text{font-family:var(--font-sanskrit);font-size:1.7rem;line-height:1.9;color:#fff;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.5);white-space:pre-line}.iast-block{margin-top:var(--space-1)}.iast-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);font-weight:700}.iast-text{font-size:1rem;color:#cbd5e1;font-style:italic;margin-top:.35rem;white-space:pre-line}.tabs-header{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2)}.tab-btn{padding:.5rem .9rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);border:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:var(--text-main)}.tab-btn.active{background:#fbbf2426;color:var(--accent-gold)}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.name-card{background:#ffffff08;border:1px solid var(--border-color);padding:var(--space-3);border-radius:var(--radius-md)}.name-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:.3rem}.name-num{color:var(--accent-gold);font-weight:700;font-size:.78rem;flex-shrink:0}.name-sanskrit{font-family:var(--font-sanskrit);font-weight:700;color:var(--text-main)}.name-meaning{font-size:.85rem;color:var(--text-muted)}.bhashya-box{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4)}.bhashya-box h4{font-size:.9rem;margin-bottom:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-saffron),var(--accent-gold));color:#1a1305;box-shadow:0 4px 15px var(--accent-gold-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff1f}.icon-btn{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-main);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.icon-btn:hover{background:#ffffff26}.ai-panel{background:var(--bg-panel);border:1px solid rgba(196,181,253,.25);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:calc(100vh - 130px);position:sticky;top:calc(72px + var(--space-4));overflow:hidden}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-color);background:#c4b5fd0f;flex-shrink:0}.ai-panel-title{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ai-avatar{width:36px;height:36px;border-radius:50%;background:#c4b5fd26;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ai-panel-title h3{font-size:.98rem;color:var(--accent-purple);font-weight:700}.ai-panel-title p{font-size:.76rem;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-panel-body{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:.4rem}.label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.select,.textarea{background:#ffffff0d;border:1px solid var(--border-color);color:#fff;padding:.65rem .9rem;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.9rem;width:100%;color-scheme:dark}.select option{background:#121628;color:#fff}.textarea{min-height:80px;resize:vertical;line-height:1.5}.select:focus,.textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow)}.input-wrapper{position:relative;display:flex;flex-direction:column}.mic-btn-floating{position:absolute;right:10px;bottom:10px;background:#c4b5fd26;border:1px solid var(--accent-purple);color:var(--accent-purple);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mic-btn-floating:hover{background:var(--accent-purple);color:#1a1305}.mic-btn-floating.recording{background:var(--accent-red);color:#fff;border-color:var(--accent-red);animation:pulse 1.5s infinite}.ai-ask-btn{width:100%;justify-content:center;background:linear-gradient(135deg,#8b5cf6,var(--accent-purple));color:#1a1305;box-shadow:0 4px 15px var(--accent-purple-glow)}.ai-result{background:#00000040;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ai-result-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--accent-purple)}.ai-citation{font-size:.78rem;color:var(--text-muted);font-style:italic}.ai-explanation-text{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.7;color:var(--text-main)}.ai-panel-empty{color:var(--text-subtle);font-size:.85rem;text-align:center;padding:var(--space-6) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.ai-related-verses{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.ai-related-label{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:var(--space-2)}.ai-related-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ai-related-chip{display:inline-flex;align-items:center;gap:.35rem;background:#c4b5fd1a;border:1px solid rgba(196,181,253,.3);color:var(--accent-purple);border-radius:var(--radius-pill);padding:.35rem .75rem;font-size:.78rem;cursor:pointer;transition:background .15s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-related-chip:hover{background:#c4b5fd38}.ai-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:90}.ai-panel.expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,92vw);height:min(85vh,900px);z-index:91;box-shadow:0 20px 60px #0009}.ai-panel.collapsed{width:var(--ai-panel-collapsed-width);align-items:center;justify-content:center}.ai-panel-reopen{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--accent-purple);cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;padding:var(--space-4) 0;font-weight:600;font-size:.82rem;width:100%;height:100%}.ai-panel-reopen:hover{background:#c4b5fd14}.inline-error{display:flex;align-items:flex-start;gap:var(--space-2);background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#fecaca;padding:var(--space-3);border-radius:var(--radius-sm);font-size:.83rem;line-height:1.5}.inline-error svg{flex-shrink:0;margin-top:1px;color:var(--accent-red)}.chant-credit{font-size:.72rem;line-height:1.5;color:var(--text-subtle);margin-top:var(--space-1)}.chant-credit a{color:var(--text-subtle);text-decoration:underline}.chant-credit a:hover{color:var(--accent-gold)}.inline-error-retry{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-weight:700;text-decoration:underline;font-size:.83rem;flex-shrink:0;white-space:nowrap}.full-pane-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-muted);min-height:300px}.full-pane-error h3{color:var(--text-main);font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-muted);min-height:300px}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-line{height:14px;margin-bottom:var(--space-2)}.skeleton-block{height:160px;border-radius:var(--radius-lg)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:#111528;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-xl);width:100%;max-width:600px;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 20px 50px #000c;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:var(--accent-gold);font-size:1.15rem}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex}.modal-close:hover{color:var(--text-main)}.library-list{display:flex;flex-direction:column;gap:var(--space-3)}.library-item{background:#ffffff08;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.library-item-title{font-weight:600;color:var(--accent-gold)}.library-item-meta{font-size:.83rem;color:var(--text-muted);margin-top:2px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #f8717180}50%{box-shadow:0 0 0 8px #f8717100}}@media (max-width: 1100px){.resizer{display:none}.main-grid,.main-grid.ai-collapsed{grid-template-columns:240px 1fr}.ai-panel{position:fixed;top:0;right:0;height:100vh;width:min(420px,92vw);z-index:60;border-radius:0;transform:translate(0);transition:transform .25s ease;box-shadow:-10px 0 40px #00000080}.main-grid.ai-collapsed .ai-panel:not(.collapsed){transform:translate(100%);pointer-events:none}.ai-panel.collapsed{position:fixed;top:auto;bottom:24px;right:24px;height:56px;width:56px;border-radius:50%;box-shadow:0 8px 24px #00000080;z-index:60;pointer-events:auto;transform:none}.ai-panel-reopen{writing-mode:horizontal-tb;padding:0}.ai-panel-reopen span{display:none}}.mobile-nav-trigger,.mobile-nav-close{display:none}@media (max-width: 700px){.app-container{padding:0 .85rem .85rem}.mobile-nav-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--accent-gold);border-radius:var(--radius-md);padding:.65rem .9rem;font-size:.85rem;font-weight:600;margin-bottom:var(--space-3)}.mobile-nav-trigger-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mobile-nav-trigger svg:last-child{flex-shrink:0;color:var(--text-muted)}.main-grid,.main-grid.ai-collapsed{grid-template-columns:1fr}.sidebar{display:none}.main-grid.mobile-nav-open .sidebar{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;height:100vh;max-height:100vh;background:var(--bg-dark);border-radius:0;padding:var(--space-4)}.mobile-nav-close{display:flex;align-items:center;gap:var(--space-2);align-self:flex-start;background:none;border:none;color:var(--accent-gold);font-size:.9rem;font-weight:600;padding:.5rem 0;margin-bottom:var(--space-2);flex-shrink:0}.main-grid.mobile-nav-open .section-accordion,.main-grid.mobile-nav-open .global-search-results{max-height:none}.main-grid.mobile-nav-open .accordion-body{max-height:50vh}.display-card{min-height:auto;padding:var(--space-4)}.sanskrit-text{font-size:1.35rem}.ai-panel{width:100%;height:88vh;top:auto;bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.main-grid.ai-collapsed .ai-panel:not(.collapsed){transform:translateY(100%)}.top-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.header-actions{margin-left:0;flex-wrap:wrap;gap:var(--space-2)}.work-select-wrap{flex:1 1 auto;min-width:0}.work-select{max-width:none}.btn-label{display:none}.user-menu{margin-left:0}.user-name{display:none}}.login-gate{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-6);border-radius:var(--radius-xl, 1rem);border:1px solid var(--accent-gold-glow);background:#ffffff08;text-align:center;max-width:420px}.login-card h1{color:var(--accent-gold);font-size:1.6rem;margin:0}.login-card p{color:var(--text-main);opacity:.85;margin:0}.login-error{color:#f87171;font-size:.9rem}.user-menu{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3)}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent-gold-glow)}.user-name{font-size:.85rem;color:var(--text-main);opacity:.85;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}