.sys-shell,.acct-shell,.lg-shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.sys-bar,.lg-bar{height:calc(60px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 20px 0;border-bottom:1px solid var(--border-faint);background:var(--bg-veil);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);z-index:5;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.sys-bar-logo,.lg-bar-logo{color:var(--text);align-items:center;display:inline-flex}.sys-bar-back,.lg-bar-back{gap:6px}.sys-main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:56px 24px 64px;display:flex}.sys-gate,.handle-gate{z-index:100;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.sys-gate .sys-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}.sys-gate-main{flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;overflow-y:auto}.sys-card,.acct-card{background:var(--surface);border:1px solid var(--border-faint);width:100%;max-width:420px;box-shadow:none;text-align:left;border-radius:24px;margin:0 auto;padding:36px 28px 28px;position:relative;overflow:hidden}.sys-card:before{content:"";background-image:var(--grain);opacity:.1;mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.sys-card>*{position:relative}.member-gate{margin-top:40px}.config-error{margin-top:12dvh}.sys-mark{background:var(--surface-hi);border:1px solid var(--border);width:52px;height:52px;color:var(--text-dim);border-radius:999px;place-items:center;margin-bottom:16px;display:grid}.sys-mark--ok{color:var(--live)}.sys-mark--danger{color:var(--danger)}.sys-mark--brand{background:var(--grad-blue);border-color:var(--border-strong);box-shadow:var(--shadow-cta);color:var(--accent-fg);font-size:var(--fs-2xl);letter-spacing:var(--ls-2xl);font-weight:var(--fw-label)}.sys-mark--quiet{background:0 0;border-color:#0000}.sys-title{font-size:var(--fs-xl);font-weight:var(--fw-head);letter-spacing:-.015em;margin:0 0 10px}.sys-desc{font-size:var(--fs-md);color:var(--text-dim);margin:0 0 14px;line-height:1.65}.sys-desc:last-child{margin-bottom:0}.sys-body{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.sys-hint{font-size:var(--fs-sm);color:var(--text-faint);margin:2px 0 0;line-height:1.5}.sys-note{background:var(--surface-hi);border:1px solid var(--border-faint);border-radius:var(--r-panel);margin:0 0 16px;padding:14px 16px}.sys-note-title{font-size:var(--fs-base);font-weight:var(--fw-head);color:var(--text);margin-bottom:6px}.sys-note p{font-size:var(--fs-base);color:var(--text-dim);margin:0 0 6px;line-height:1.6}.sys-note p:last-child{margin-bottom:0}.sys-error,.sys-ok{font-size:var(--fs-base);margin:0 0 2px;line-height:1.55}.sys-error{color:var(--danger)}.sys-ok{color:var(--live)}.sys-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.sys-actions>.btn{width:100%}.sys-exit{margin-top:10px}.sys-exit>.btn{width:100%}body .sys-card .btn:not(.btn--hot,.btn--primary,.btn--ghost){background:var(--soft2)}body .sys-card .btn:not(.btn--hot,.btn--primary):hover:not(:disabled){background:color-mix(in srgb, var(--fg) 7%, var(--soft2))}body .sys-card .btn:not(.btn--hot,.btn--primary):active:not(:disabled){background:color-mix(in srgb, var(--fg) 12%, var(--soft2))}body .sys-card .btn--ghost{border-color:var(--line-strong)}body .sys-card .input{background:var(--soft2);border:1px solid var(--line);border-radius:var(--r-pill);padding-inline:16px}body .sys-card .input:focus{background:var(--soft);border-color:var(--line);box-shadow:0 0 0 1.5px var(--focus-ring) inset}body .sys-card .signup-consent .sc-input:focus-visible+.sc-box{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent)}.handle-gate-card.is-centered{text-align:center}.handle-gate-card.is-centered .sys-mark{margin-inline:auto}.handle-gate-card.is-centered .sys-body{text-align:left}.handle-gate-card.is-centered .handle-url{text-align:center}.sys-exit-link{color:var(--text-faint);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:6px auto 0;padding:6px 8px;font-size:13px;text-decoration:underline;display:block}.sys-exit-link:hover{color:var(--text-dim)}.app-auth-center{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;place-items:center;display:grid}html:has(.app-auth-center){--app-banner-h:0px}html:has(.app-auth-center) body .shell .sidebar{display:none}html:has(.app-auth-center) body .shell .tabbar{display:none}html:has(.app-auth-center) body .shell .feed-tabbar-reveal{display:none}html:has(.app-auth-center) body .app-banner{display:none}html:has(.app-auth-center) body .shell .shell-main{background:var(--bg);min-height:100dvh;margin-left:0;padding:0}.app-auth-center .bare-wait{justify-content:center;align-items:center;display:flex}.app-auth-center .bare-fail{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:320px;display:flex}.app-auth-center .bare-err{color:var(--warn);word-break:keep-all;margin:0;font-size:14px;line-height:1.55}body .handle-gate-card .sys-mark--brand{background:var(--soft2);box-shadow:none;color:var(--fg);border-color:#0000}body .handle-gate-card .handle-input:focus-within{box-shadow:0 0 0 1.5px var(--line-strong) inset}body .sys-card .signup-consent .sc-box[data-on]{background:var(--solid);border-color:var(--solid);color:var(--solid-fg)}body .sys-card .signup-consent .sc-input:focus-visible+.sc-box{outline-color:color-mix(in srgb, var(--fg) 35%, transparent)}