@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--primary:var(--brand-600);--primary-hover:var(--brand-700);--primary-soft:#2563eb14;--primary-border:#2563eb33;--primary-shadow:#2563eb33;--secondary:#2dd4bf;--accent:#f43f5e;--bg-main:#f6f8fb;--bg-liquid:linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);--surface:#fff;--surface-subtle:#f8fafc;--text-main:#0f172a;--text-dim:#475569;--text-muted:#64748b;--border-main:#e2e8f0;--glass-bg:#ffffffc7;--glass-bg-hover:#fffffff2;--glass-border:#0f172a14;--glass-border-dark:#0000000a;--font-main:"Plus Jakarta Sans", sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif;--font-size-32:2rem;--font-size-24:1.5rem;--font-size-18:1.125rem;--font-size-16:1rem;--font-size-14:.875rem;--font-size-12:.75rem;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--radius-card:12px;--radius-control:10px;--radius-pill:999px;--shadow-standard:0 1px 3px #0f172a14;--shadow-soft:var(--shadow-standard);--shadow-float:0 12px 30px #0f172a14;--status-success:#10b981;--status-success-strong:#059669;--status-success-soft:#10b98114;--status-warning:#f59e0b;--status-warning-strong:#d97706;--status-warning-soft:#f59e0b14;--status-danger:#ef4444;--status-danger-strong:#dc2626;--status-danger-soft:#ef444414;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}[data-theme=dark]{--bg-main:#020617;--bg-liquid:linear-gradient(135deg, #020617 0%, #0f172a 100%);--glass-bg:#0f172acc;--glass-bg-hover:#1e293bf2;--glass-border:#ffffff14;--glass-border-dark:#ffffff1f;--text-main:#f8fafc;--text-dim:#94a3b8;--shadow-soft:0 10px 30px -10px #00000080;--primary:var(--brand-400);--surface:#0f172a;--border-main:#334155}[data-theme=dark] .glass-card{background:var(--glass-bg);border-color:var(--glass-border-dark);box-shadow:0 8px 32px #0006}[data-theme=dark] .glass-card h2,[data-theme=dark] .glass-card h3,[data-theme=dark] .glass-card p{color:var(--text-main)}[data-theme=dark] input{border-color:var(--glass-border-dark);color:#fff;background:#0f172acc}[data-theme=dark] .navbar{border-color:var(--glass-border-dark);background:#0f172ae6}[data-theme=dark] .record-btn-large{border-color:#020617}[data-theme=dark] .home-action-card{background:linear-gradient(135deg,#2563eb33,#2563eb0d)!important;border:1px solid #2563eb4d!important}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-main);height:100%;margin:0;padding:0}.app-bootstrap{background:radial-gradient(circle at 18% 15%, #2563eb1a, transparent 32%), radial-gradient(circle at 84% 84%, #2dd4bf1a, transparent 28%), var(--bg-main);min-height:100vh}html,body{overscroll-behavior:none}body{font-family:var(--font-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow:auto}.app-container{background:var(--bg-liquid);max-width:480px;margin:0 auto;position:fixed;inset:0;overflow:hidden}.app-container--web{max-width:100%;margin:0}.app-container:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#0f172a06 1px,#0000 1px),linear-gradient(90deg,#0f172a06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 60%);mask-image:linear-gradient(#000000b3,#0000 60%)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.03em}.page-title{color:var(--text-main);font-size:3rem;font-weight:900;line-height:1.1}.page-subtitle{text-transform:uppercase;color:var(--primary);letter-spacing:.1em;opacity:.8;font-size:.8rem;font-weight:600}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-standard);padding:1.25rem;transition:all .3s cubic-bezier(.19,1,.22,1)}@media (hover:hover) and (pointer:fine){.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000001f}}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-control);font-weight:var(--font-weight-semibold);font-family:var(--font-heading);box-shadow:0 6px 20px var(--primary-shadow);cursor:pointer;border:none;padding:1rem 2rem;transition:all .3s}@media (hover:hover) and (pointer:fine){.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 28px -5px #2563eb52}}.btn-primary:active{transform:scale(.97)}.btn-back{background:var(--surface);border-radius:var(--radius-control);box-shadow:var(--shadow-standard);cursor:pointer;color:var(--text-main);border:none;justify-content:center;align-items:center;padding:.6rem;transition:all .3s;display:flex}.btn-back:hover{background:var(--bg-main);transform:translate(-2px)}[data-theme=dark] .btn-back{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 4px 12px #0000004d}.navbar{bottom:calc(24px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-card);z-index:100;background:#ffffffeb;justify-content:space-around;align-items:center;height:72px;display:flex;position:fixed;left:32px;right:32px;box-shadow:0 16px 40px #0f172a1f}.nav-item{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-control);min-width:52px;min-height:48px;color:var(--text-dim);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);flex-direction:column;text-decoration:none;transition:color .18s,background .18s;display:flex}.nav-item.active{color:var(--primary);background:var(--brand-50)}.nav-item-button{font:inherit;cursor:pointer;background:0 0;border:0}.mobile-more-backdrop{z-index:90;padding:var(--space-4);padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a47;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-menu{gap:var(--space-2);width:100%;padding:var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-card);background:var(--surface);display:grid;box-shadow:0 24px 64px #0f172a33}.mobile-more-menu>a{align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text-main);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex}.mobile-more-menu>a.active,.mobile-more-menu>a:hover{color:var(--primary);background:var(--brand-50)}.mobile-more-header{padding:0 var(--space-2) var(--space-3);border-bottom:1px solid var(--border-main);justify-content:space-between;align-items:center;display:flex}.mobile-more-header div{display:grid}.mobile-more-header span{color:var(--text-dim);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em}.mobile-more-header strong{font-size:var(--font-size-18)}.mobile-more-header button{color:var(--primary);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.record-btn-large{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:64px;height:64px;box-shadow:0 10px 25px var(--primary-shadow);border:4px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;margin-top:-60px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.record-btn-large:hover{transform:scale(1.1)translateY(-5px)rotate(5deg)}.content{padding:3rem 1.5rem;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));z-index:1;position:relative}.section-label{font-family:var(--font-heading);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;font-size:.8rem;font-weight:800;display:block}.gradient-text{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-main);border-radius:var(--radius-control);color:var(--text-main);font-family:var(--font-main);background:#ffffffb3;padding:1rem;font-weight:600;transition:all .2s}input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.badge{background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);padding:6px 14px;font-size:.75rem;font-weight:800}.recording-status-bar{top:calc(env(safe-area-inset-top,16px) + 8px);background:var(--accent);color:#fff;z-index:1000;border-radius:20px;align-items:center;gap:10px;padding:8px 20px;font-size:.85rem;font-weight:700;text-decoration:none;animation:.5s slideDown;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #f43f5e66}.pulse-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.record-btn-large.is-recording{animation:1.5s infinite borderPulse;background:var(--accent)!important}@keyframes borderPulse{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 15px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.layout-with-sidebar{background:var(--bg-main);width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:101;flex-direction:column;width:280px;padding:2.5rem 1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{font-family:var(--font-heading);color:var(--primary);align-items:center;gap:12px;margin-bottom:3.5rem;font-size:1.5rem;font-weight:900;text-decoration:none;display:flex}.sidebar-logo-image{object-fit:contain;border-radius:8px;flex:0 0 32px;width:32px;height:32px}.sidebar-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-section-label{margin:var(--space-5) var(--space-3) var(--space-1);color:var(--text-muted);font-size:.66rem;font-weight:var(--font-weight-bold);letter-spacing:.11em;text-transform:uppercase}.sidebar-section-label:first-child{margin-top:0}.sidebar-nav--utility{flex:0}.sidebar-item{color:var(--text-dim);border-radius:18px;align-items:center;gap:12px;padding:1rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex}.sidebar-item:hover{background:var(--primary-soft);color:var(--primary);transform:translate(4px)}.sidebar-item.active{background:var(--primary);color:#fff;box-shadow:0 10px 25px var(--primary-shadow)}.main-content{background:var(--bg-liquid);flex:1;min-height:100vh;margin-left:280px;padding:3rem 4rem}.desktop-top-bar{display:none}@media (max-width:768px){.sidebar{display:none}.layout-with-sidebar{background:var(--bg-main);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.main-content{min-height:0;padding:1.5rem;padding-top:calc(env(safe-area-inset-top,0px) + 1rem);padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:var(--bg-liquid);flex:1;margin-left:0;overflow-y:auto}.navbar{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.app-container--no-mobile-nav .main-content{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem)}}@media (min-width:769px){:root{--sidebar-width:252px;--desktop-header-height:72px}.app-container{height:100vh;overflow:hidden;background:var(--bg-liquid)!important;max-width:100%!important}.app-container--web{color:var(--text-main)}.layout-with-sidebar{background:0 0;height:100vh}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);padding:var(--space-6) var(--space-4);-webkit-backdrop-filter:none;background:#ffffffe6;box-shadow:12px 0 36px #0f172a09}.sidebar-logo{letter-spacing:0;margin-bottom:var(--space-8);padding-left:var(--space-3);color:var(--text-main);font-size:1.22rem}.sidebar-item{min-height:44px;padding:var(--space-3);border-radius:var(--radius-control);color:var(--text-dim);border:1px solid #0000;margin-bottom:.15rem;font-size:.88rem}.sidebar-item:hover{background:var(--surface-subtle);color:var(--primary);border-color:#0f172a0f;transform:none}.sidebar-item.active{background:var(--brand-50);color:var(--primary);border-color:var(--primary-border);box-shadow:inset 3px 0 0 var(--primary)}.sidebar-item svg{width:18px;height:18px}.main-content{margin-left:var(--sidebar-width);padding:0 var(--space-8) var(--space-8);background:0 0;max-width:none;height:100vh;overflow-y:auto}.navbar{display:none!important}.desktop-top-bar{z-index:20;padding:var(--space-3) 0;height:var(--desktop-header-height);-webkit-backdrop-filter:blur(18px);margin-bottom:var(--space-6);background:#f6f8fbdb;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.desktop-page-context{gap:.15rem;display:grid}.desktop-page-context span{color:var(--text-muted);font-size:.68rem;font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.desktop-page-context strong{color:var(--text-main);font-family:var(--font-heading);font-size:var(--font-size-18);line-height:1.2}.desktop-top-actions{align-items:center;gap:var(--space-3);display:flex}.desktop-quick-action{align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border:1px solid var(--primary-border);border-radius:var(--radius-control);background:var(--surface);color:var(--primary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-standard);text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.desktop-quick-action:hover{background:var(--brand-50);border-color:var(--primary)}.search-container-desktop{background:var(--surface);border:1px solid var(--glass-border);min-height:46px;padding:0 var(--space-3);border-radius:var(--radius-control);width:min(460px,42vw);box-shadow:var(--shadow-standard);align-items:center;display:flex}.search-container-desktop input{background:0 0;border:none;flex:1;padding:.5rem;font-size:.85rem}.search-container-desktop input:focus{box-shadow:none}.account-menu{align-items:center;display:flex;position:relative}.account-menu-trigger{color:var(--text-main);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.7rem;min-height:46px;padding:.35rem .45rem .35rem .75rem;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.account-menu-trigger:hover,.account-menu-trigger:focus-visible{background:var(--surface);border-color:var(--glass-border);outline:none;box-shadow:0 10px 30px #0f172a0f}.account-menu-copy{flex-direction:column;align-items:flex-end;min-width:0;line-height:1.2;display:flex}.account-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-main);font-size:.85rem;font-weight:700;overflow:hidden}.account-menu-role{color:var(--text-dim);font-size:.7rem}.account-menu-avatar{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.account-menu-chevron{color:var(--text-dim);transition:transform .18s}.account-menu-chevron.is-open{transform:rotate(180deg)}.account-menu-panel{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--glass-border);opacity:0;pointer-events:none;z-index:60;width:210px;padding:.45rem;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-6px);box-shadow:0 20px 45px #0f172a24}.account-menu-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.account-menu-action{width:100%;color:var(--text-main);border-radius:var(--radius-control);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.65rem;padding:.72rem .75rem;font-size:.88rem;font-weight:650;transition:background .16s,color .16s;display:flex}.account-menu-action:hover,.account-menu-action:focus-visible{background:var(--bg-main);color:var(--primary);outline:none}.account-menu-action--danger{color:var(--status-danger-strong)}.account-menu-action--danger:hover,.account-menu-action--danger:focus-visible{background:var(--status-danger-soft);color:var(--status-danger-strong)}.glass-card{background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-standard);border-radius:var(--radius-card)}.glass-card:hover{border-color:var(--primary-border);transform:translateY(-1px);box-shadow:0 18px 45px #0f172a12}.app-container--web .main-content>div:not(.desktop-top-bar){width:100%;max-width:1200px;margin-inline:auto}.recording-status-bar{top:var(--desktop-header-height)}}@media (min-width:769px) and (max-width:1024px){:root{--sidebar-width:80px}.sidebar{padding:var(--space-5) var(--space-3);align-items:center}.sidebar-logo{width:48px;min-height:48px;margin-bottom:var(--space-6);justify-content:center;padding:0}.sidebar-brand-name,.sidebar-item span,.sidebar-section-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-nav{align-items:center;gap:var(--space-2);width:100%}.sidebar-item{justify-content:center;width:48px;height:48px;margin:0;padding:0}.sidebar-item.active{box-shadow:inset 0 -3px 0 var(--primary)}.main-content{padding-inline:var(--space-6)}.search-container-desktop{width:min(420px,52vw)}.account-menu-copy{display:none}}@media (max-width:420px){.main-content{padding-right:var(--space-4);padding-left:var(--space-4)}.navbar{left:var(--space-2);right:var(--space-2);bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));height:68px}.nav-item{min-width:48px;font-size:11px}}