:root{--radius:18px;--radius-sm:12px;--background:36 25% 97%;--foreground:25 18% 16%;--card:36 22% 95%;--card-foreground:25 18% 16%;--primary:25 20% 22%;--primary-foreground:36 25% 97%;--secondary:33 18% 90%;--secondary-foreground:25 18% 22%;--muted:33 15% 91%;--muted-foreground:25 10% 48%;--accent:33 18% 87%;--accent-foreground:25 18% 16%;--destructive:0 72% 51%;--destructive-foreground:36 25% 97%;--border:33 16% 86%;--input:33 16% 86%;--ring:25 20% 40%;--auth-page:linear-gradient(180deg, #f7f3ee 0%, #eee8e2 100%);--auth-page-accent:radial-gradient(circle at top, #e9d6b4cc, transparent 28%);--auth-shell-bg:#f6f3eee6;--auth-shell-strong:#ebe6e0eb;--auth-text:#302821;--auth-text-soft:#6b5f57;--auth-line:#d4cdc4f2;--auth-shadow:0 24px 54px #70583a2e;--auth-button:hsl(var(--primary));--auth-button-text:hsl(var(--primary-foreground));--auth-button-secondary:#f1eee9;--auth-button-secondary-text:hsl(var(--primary));--auth-gold:#a6793a;--auth-success:#3d8f5b;--auth-warning:#b07427;--auth-danger:#a23939}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,sans-serif;font-size:.875rem}a,button,input{font:inherit;outline:none}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-gap{gap:.75rem;display:grid}.auth-app{background:var(--auth-page);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.auth-background{pointer-events:none;background:var(--auth-page-accent), radial-gradient(circle at 15% 20%, hsl(var(--accent) / .28), transparent 24%), radial-gradient(circle at 85% 15%, hsl(var(--primary) / .18), transparent 26%);position:absolute;inset:0}.auth-background:before,.auth-background:after{content:"";position:absolute;inset:0}.auth-background:before{background-image:linear-gradient(hsl(var(--border) / .12) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--border) / .12) 1px, transparent 1px);background-size:110px 110px;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 82%);mask-image:radial-gradient(circle,#000 25%,#0000 82%)}.auth-background:after{background:radial-gradient(circle at 20% 100%, hsl(var(--primary) / .18), transparent 26%), radial-gradient(circle at 80% 100%, hsl(var(--accent) / .16), transparent 28%)}.auth-main{z-index:1;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:46rem;padding:1rem;display:flex;position:relative}.auth-shell{border-radius:calc(var(--radius) + 6px);border:1px solid var(--auth-line);background:linear-gradient(180deg, hsl(var(--card) / .94), var(--auth-shell-bg)), linear-gradient(180deg, hsl(var(--primary) / .08), transparent 20%);width:100%;max-height:calc(100vh - 8rem);box-shadow:var(--auth-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.75rem;padding:.75rem 1rem;display:grid;overflow-y:auto}.auth-header{margin-bottom:.5rem}.auth-brand{align-items:center;gap:.875rem;display:flex}.auth-brand p{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:700}.auth-brand span{color:hsl(var(--muted-foreground));letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.auth-copy{text-align:center;gap:.35rem;display:grid}.auth-eyebrow{color:var(--auth-gold);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:700}.auth-copy h1{color:var(--auth-text);margin:0;font-family:serif;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.04}.auth-copy>p,.section-head p,.feature-header p,.auth-banner-copy{color:var(--auth-text-soft);margin:0;font-size:.85rem;line-height:1.4}.separator{text-align:center;color:var(--auth-text-soft);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-block:.25rem;font-size:.75rem;display:flex}.separator:before,.separator:after{content:"";border-bottom:1px solid hsl(var(--border));flex:1}.separator:not(:empty):before{margin-right:1rem}.separator:not(:empty):after{margin-left:1rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.status-link{z-index:100;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s;display:inline-flex;position:fixed;bottom:.75rem;right:.75rem}.status-link-text{display:none}.status-dot{border-radius:999px;width:.5rem;height:.5rem;display:inline-block;position:relative}.status-dot:after{content:"";background:inherit;border-radius:999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(2.5)}to{opacity:0;transform:scale(2.5)}}.status-dot--green{background:var(--auth-success)}.status-dot--orange{background:var(--auth-warning)}.status-dot--red{background:var(--auth-danger)}.theme-dropdown{position:relative}.theme-icon-button{justify-content:center;align-items:center;gap:.45rem;padding:0 .8rem;display:inline-flex}.theme-menu{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card) / .98);width:min(18rem,100vw - 2rem);box-shadow:var(--auth-shadow);z-index:5;gap:.45rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.theme-menu-item{border-radius:var(--radius-sm);color:var(--auth-text);text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.35rem .65rem;padding:.75rem;display:grid}.theme-menu-item span{font-weight:700}.theme-menu-item small{color:var(--auth-text-soft);grid-column:2;font-size:.76rem;line-height:1.4}.theme-menu-item--active{background:hsl(var(--primary) / .08);border:1px solid hsl(var(--primary))}.auth-shell-head{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.back-link{color:var(--auth-text-soft);white-space:nowrap;align-items:center;gap:.45rem;display:flex}.status-strip{display:none}.status-strip--visible{display:block}.auth-content,.field-grid,.content-grid,.profile-grid,.guidance-grid,.stack,.section-head,.trust-grid,.summary-grid{gap:1rem;display:grid}.stack--tight{gap:.65rem}.settings-tile-grid,.settings-nav-grid,.link-grid,.action-grid{gap:.85rem;display:grid}.auth-banner,.auth-card{border:1px solid hsl(var(--border));background:var(--auth-shell-strong);border-radius:var(--radius);gap:1rem;padding:1rem;display:grid}.auth-banner{border-left:3px solid hsl(var(--primary));gap:.8rem}.auth-banner--success{border-left-color:var(--auth-success)}.auth-banner--warning{border-left-color:var(--auth-warning)}.auth-banner--danger{border-left-color:var(--auth-danger)}.auth-banner-icon{color:hsl(var(--primary));padding-top:.1rem}.auth-banner-title{margin:0;font-weight:700}.inline-error,.support-copy{color:var(--auth-text-soft);margin:0;line-height:1.45}.inline-error{color:var(--auth-danger);font-size:.8rem;font-weight:600}.auth-card--feature{background:radial-gradient(circle at top right, hsl(var(--primary) / .12), transparent 34%), var(--auth-shell-strong)}.feature-header{align-items:flex-start;gap:.9rem;display:flex}.feature-icon,.empty-icon,.session-check,.auth-crest{border:1px solid hsl(var(--border));background:hsl(var(--primary) / .1);width:2.9rem;height:2.9rem;color:hsl(var(--primary));border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.empty-icon,.session-check{width:4rem;height:4rem}.empty-icon--success,.session-check{color:var(--auth-success)}.auth-crest{position:relative}.auth-crest-ring{border:1px solid hsl(var(--primary) / .4);border-radius:999px;position:absolute;inset:0}.auth-button,.auth-link-button,.signout-link{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:3rem;font-weight:700;transition:filter .2s;display:inline-flex}.auth-button:disabled{opacity:.58;cursor:not-allowed}.auth-button:not(:disabled):hover,.auth-link-button:hover{filter:brightness(1.1)}.auth-button--primary,.auth-link-button{background:var(--auth-button);color:var(--auth-button-text)}.auth-button--secondary,.signout-link{background:var(--auth-button-secondary);color:var(--auth-button-secondary-text);border:1px solid hsl(var(--border))}.provider-grid{gap:.85rem;display:grid}.provider-button{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--background) / .38);min-height:3rem;color:var(--auth-text);justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1rem;display:flex}.auth-provider-glyph{width:1.1rem;height:1.1rem;color:hsl(var(--background));background:conic-gradient(from 180deg,#34a853,#4285f4,#fbbc05,#ea4335,#34a853);border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;display:inline-grid}.form-field{gap:.45rem;display:grid}.form-label{color:var(--auth-text);align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:flex}.form-label em{text-transform:uppercase;color:var(--auth-text-soft);font-size:.72rem;font-style:normal}.auth-input{border-radius:var(--radius-sm);border:1px solid hsl(var(--input));background:hsl(var(--background) / .45);min-height:3rem;color:var(--auth-text);padding:0 .9rem}.auth-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .16)}.trust-grid div{color:var(--auth-text);align-items:center;gap:.45rem;display:flex}.trust-grid svg{color:var(--auth-success)}.meta-links{color:var(--auth-text-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;font-size:.92rem;display:flex}.meta-links a{color:var(--auth-gold);font-weight:600}.meta-links-dot{color:hsl(var(--border))}.loading-card,.json-card,.text-link-card,.settings-chip{width:100%}.loading-card{text-align:center;justify-items:center}.text-link-card,.settings-chip{border-radius:var(--radius-sm);border:1px solid hsl(var(--border));background:hsl(var(--background) / .4);min-height:3rem;color:var(--auth-text);justify-content:center;align-items:center;padding:.85rem 1rem;font-weight:700;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.text-link-card:hover,.settings-chip:hover{background:hsl(var(--primary) / .08);border-color:hsl(var(--primary) / .22);transform:translateY(-1px)}.settings-nav-card{padding:.8rem}.settings-chip--active{background:hsl(var(--primary) / .12);border-color:hsl(var(--primary));color:hsl(var(--primary))}.settings-tile{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--background) / .38);grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:1rem;display:grid}.settings-tile-icon{border:1px solid hsl(var(--border));width:2.6rem;height:2.6rem;color:hsl(var(--primary));background:hsl(var(--primary) / .1);border-radius:999px;place-items:center;display:inline-grid}.list-row{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--background) / .32);gap:.9rem;padding:1rem;display:grid}.list-row-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.list-row-main,.list-row-body,.list-row-action{gap:.55rem;display:grid}.list-row-action{align-items:center}.row-badge{background:hsl(var(--primary) / .1);color:hsl(var(--primary));text-transform:uppercase;border-radius:999px;padding:0 .65rem;font-size:.72rem;font-weight:700}.profile-card{align-content:start;gap:1rem;display:grid}.profile-top{grid-template-columns:auto 1fr;align-items:center;gap:.8rem;display:grid}.profile-avatar{border:1px solid hsl(var(--border));width:2.9rem;height:2.9rem;color:hsl(var(--primary));background:hsl(var(--primary) / .1);border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.summary-grid div{border:1px solid hsl(var(--border));background:var(--auth-shell-strong);border-radius:var(--radius);padding:1rem}.summary-grid dt{text-transform:uppercase;color:var(--auth-text-soft);font-size:.76rem;font-weight:700}.summary-grid dd{color:var(--auth-text);margin:.45rem 0 0;font-weight:700}.session-head{align-items:flex-start;gap:.9rem;display:flex}.action-row{flex-wrap:wrap;gap:.75rem;display:flex}.action-row>*{flex:10rem}.json-card{text-align:left;border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--primary) / .05);gap:.8rem;padding:.95rem 1rem;display:grid}.json-card-head{color:var(--auth-text-soft);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;font-weight:700;display:flex}.json-card pre{border-radius:var(--radius-sm);color:#e7e2da;background:#241f19eb;margin:0;padding:.9rem;font-size:.78rem;line-height:1.5;overflow-x:auto}.auth-footer{z-index:100;color:var(--auth-text-soft);align-items:center;gap:.75rem;font-size:.7rem;font-weight:500;display:flex;position:fixed;bottom:.75rem;left:.75rem}.auth-footer p{margin:0}.auth-footer-links{align-items:center;gap:.35rem;display:flex}.footer-dot{color:hsl(var(--border));font-size:.8rem}.spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (width>=640px){.auth-main{padding:1.5rem}.auth-shell{padding:1.4rem}.provider-grid,.content-grid,.summary-grid,.status-state-grid,.link-grid,.settings-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-row{grid-template-columns:1fr auto;align-items:center}}@media (width>=900px){.auth-shell{width:min(100%,54rem);padding:1.6rem}.profile-grid,.settings-tile-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.auth-main{gap:.5rem;margin:0;padding:0}.auth-shell{border:none;border-radius:0;max-height:100vh}.auth-header,.auth-shell-head{text-align:center;flex-direction:column;align-items:stretch}.auth-brand,.header-actions{justify-content:center}.theme-menu{left:50%;right:auto;transform:translate(-50%)}.action-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}