.auth-page{background:radial-gradient(ellipse at 20% 10%,color-mix(in srgb,var(--g-blue) 12%,transparent),transparent 55%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--g-violet) 10%,transparent),transparent 50%),var(--bg);place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;width:100%;max-width:440px;padding:36px;box-shadow:0 24px 80px #00000018}.auth-wordmark{font:700 13px var(--font-ui);letter-spacing:.15em;color:var(--ink-2);margin-bottom:48px}.auth-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px}.auth-card h1{font:600 clamp(30px,6vw,38px)/1.2 var(--font-display);letter-spacing:-.035em;color:var(--ink);margin:10px 0 12px}.auth-intro{color:var(--ink-2);margin-bottom:28px;font-size:15px;line-height:1.65}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form label{color:var(--ink-2);font-size:13px;font-weight:600}.auth-form input,.auth-form select{border:1px solid var(--line-3);background:var(--bg-2);width:100%;min-height:48px;color:var(--ink);font:400 16px var(--font-ui);border-radius:10px;margin-bottom:10px;padding:12px 14px}.auth-form input:focus-visible,.auth-form select:focus-visible,.auth-form button:focus-visible,.account-actions a:focus-visible{outline:2px solid var(--g-blue);outline-offset:3px}.auth-password{position:relative}.auth-password input{padding-right:50px}.auth-reveal{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:2px;right:2px}.auth-error{min-height:20px;color:var(--danger);font-size:13px;line-height:1.5}.auth-submit{background:var(--g-blue);color:#fff;min-height:48px;font:600 14px var(--font-ui);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;transition:filter .18s;display:flex}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-footnote{color:var(--ink-3);margin:24px 0 0;font-size:12px;line-height:1.6}.account-card{max-width:600px}.account-card .auth-wordmark{margin-bottom:24px}.account-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.account-actions a{color:var(--ink-2);font-size:14px}.account-actions button{border:1px solid var(--line-3);background:var(--surface-2);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0 16px}.account-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.account-section h2{font:600 20px var(--font-display);margin:0 0 20px}.account-users{margin:0;padding:0;list-style:none}.account-users li{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;display:flex}.account-users span{color:var(--ink-3)}@media (max-width:480px){.auth-page{padding:24px 16px}.auth-card{padding:28px 24px}.auth-wordmark{margin-bottom:36px}}@media (prefers-reduced-motion:reduce){.auth-submit{transition:none}}.auth-theme{z-index:2;position:fixed;top:16px;right:16px}.account-page{padding-bottom:140px}.account-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-section-heading h2{margin:0}.account-section-heading>span{color:var(--ink-3);font-size:12px}.account-description{color:var(--ink-2);margin:12px 0 16px;font-size:14px;line-height:1.6}.account-notice{color:var(--up);font-size:14px;line-height:1.5}.account-users li{flex-wrap:wrap;align-items:center}.account-user-info{flex-direction:column;gap:6px;min-width:0;display:flex}.account-user-info strong{overflow-wrap:anywhere;font-weight:600}.account-role{font-size:12px}.account-role[data-role=superadmin]{color:var(--comments)}.account-user-you{font-size:12px}.account-delete{border:1px solid var(--line-3);background:var(--surface-2);min-height:44px;color:var(--ink-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:flex}.account-delete:hover{border-color:var(--danger);color:var(--danger)}.account-delete:disabled{opacity:.5;cursor:default}.account-delete:focus-visible,.account-delete-confirm button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.account-delete-confirm{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--surface));border-radius:12px;flex-basis:100%;padding:16px}.account-delete-confirm p{color:var(--ink-2);margin:0 0 14px;font-size:13px;line-height:1.6}.account-delete-confirm>div{justify-content:flex-end;gap:10px;display:flex}.account-delete-confirm button{border:1px solid var(--line-3);background:var(--surface-2);min-height:44px;color:var(--ink);cursor:pointer;border-radius:9px;padding:0 14px;font-size:13px}.account-delete-confirm .account-delete-final{background:var(--danger);border-color:var(--danger);color:#fff}.account-delete-confirm button:disabled{opacity:.6;cursor:wait}.account-section .account-add-title{align-items:center;gap:9px;margin-top:28px;display:flex}.account-section .auth-form .auth-footnote{margin:0 0 10px}.account-delete span{color:inherit}
.app-shell.home-page.login-page{padding:0}.login-frame{flex-direction:column;min-height:100dvh;display:flex}.login-header{flex-shrink:0}.login-header-note{color:var(--ink-2);margin-right:18px;font-size:12px}.login-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:center;gap:clamp(40px,5.5vw,80px);width:100%;max-width:none;margin:0;padding:42px 0 44px;display:grid}.login-story{min-width:0}.login-kicker{color:var(--ink-2);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;font-weight:650;display:flex}.login-kicker svg{color:var(--comments)}.login-story h1{font:730 clamp(48px, 5.7vw, 86px)/1.02 var(--font-display);letter-spacing:-.055em;color:var(--ink);margin:22px 0 20px;animation-delay:90ms}.login-story h1 span{background:linear-gradient(96deg, var(--views) 2%, var(--comments) 50%, var(--likes) 98%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.06em;display:inline-block}.login-description{color:var(--ink-2);font-size:16px;line-height:1.65;animation-delay:.17s}.login-scene{isolation:isolate;max-width:620px;height:286px;margin-top:26px;position:relative}.login-scene-orbit{border:1px solid color-mix(in srgb, var(--comments) 27%, transparent);z-index:-1;width:86%;height:60%;box-shadow:0 0 60px -28px var(--comments), inset 0 0 48px -28px var(--views);border-radius:50%;position:absolute;top:20%;left:6%;transform:rotate(-14deg)}.login-scene-orbit:before{content:"";border:1px dashed color-mix(in srgb, var(--views) 24%, transparent);border-radius:inherit;position:absolute;inset:14px -18px;transform:rotate(23deg)}.login-scene-spark{color:var(--comments);position:absolute}.spark-one{top:8px;left:7%;transform:rotate(-12deg)}.spark-two{font:300 30px var(--font-display);color:var(--likes);top:8px;right:7%}.login-photo{border:5px solid var(--surface);background:var(--surface);border-radius:20px;width:148px;height:196px;position:absolute;box-shadow:0 18px 40px -12px #0006}.login-photo>img{object-fit:cover;border-radius:15px;width:100%;height:100%}.photo-instagram{z-index:2;animation:7s ease-in-out infinite login-float-ig;top:36px;left:3%;transform:rotate(-11deg)}.photo-tiktok{z-index:1;animation:8s ease-in-out infinite login-float-tt;top:6px;left:29%;transform:rotate(9deg)}.login-photo-platform{border:1px solid var(--glass-line);background:var(--surface);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-18px;left:10px;box-shadow:0 6px 18px #0002}.login-photo-caption{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131322b8;border-radius:8px;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;bottom:10px;left:9px;right:9px}.login-photo-caption span{font-size:9px;font-weight:550}.login-photo-caption svg{color:#ff80a9;flex-shrink:0}.login-photo-tag{font:650 19px/1.04 var(--font-display);letter-spacing:-.025em;color:#fff;text-shadow:0 2px 8px #0009;position:absolute;bottom:12px;left:8px;right:8px}.login-signal{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);z-index:3;border-radius:19px;width:238px;padding:16px 17px 13px;animation:9s ease-in-out infinite login-float-signal;position:absolute;top:84px;right:0;transform:rotate(-5deg);box-shadow:0 18px 48px -24px #0009}.login-signal-heading{font:650 16px var(--font-display);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:8px;display:flex}.login-signal-heading svg{color:var(--comments)}.login-signal>svg{width:100%;height:70px;margin:12px 0 8px;display:block;overflow:visible}.login-signal-path{animation:8s ease-in-out infinite login-line-glow}.login-signal-dot{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite login-dot}.login-signal-key{color:var(--ink-2);align-items:center;gap:6px;font-size:9px;display:flex}.login-signal-key i{background:var(--comments);border-radius:50%;width:5px;height:5px}.login-brand-cloud{z-index:4;align-items:center;gap:7px;display:flex;position:absolute;bottom:0;left:26%}.login-brand-cloud>span:not(.login-brand-cloud-note){border:1px solid var(--glass-line);background:var(--surface);border-radius:14px;place-items:center;width:42px;height:42px;padding:5px;display:grid;box-shadow:0 8px 22px #0002}.login-brand-cloud img{object-fit:contain}.login-brand-cloud-note{color:var(--ink-2);margin-left:6px;font-size:10px;line-height:1.5}.login-panel{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(1.5);width:100%;box-shadow:var(--shadow-card), 0 28px 90px -65px var(--comments);isolation:isolate;border-radius:30px;padding:30px;animation-delay:.21s;position:relative}.login-panel:before{content:"";background:var(--accent-grad);border-radius:2px;height:2px;position:absolute;top:-1px;left:30px;right:30px}.login-panel:after{content:"";border:1px solid color-mix(in srgb, var(--comments) 23%, transparent);z-index:-1;pointer-events:none;border-radius:33px;position:absolute;inset:-13px 14px 18px -13px;transform:rotate(-3deg)}.login-panel-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.login-panel-symbol{align-items:flex-end;gap:4px;height:44px;padding:7px 2px;display:flex}.login-panel-symbol i{transform-origin:bottom;border-radius:3px;width:7px;animation:4s ease-in-out infinite login-bars}.login-panel-symbol i:first-child{background:var(--views);height:14px}.login-panel-symbol i:nth-child(2){background:var(--comments);height:28px;animation-delay:-.6s}.login-panel-symbol i:nth-child(3){background:var(--likes);height:22px;animation-delay:-1.2s}.login-panel-symbol i:nth-child(4){background:var(--up);height:34px;animation-delay:-1.8s}.login-panel-arrow{border:1px solid var(--glass-line);width:42px;height:42px;color:var(--ink-2);background:color-mix(in srgb, var(--comments) 9%, transparent);border-radius:50%;place-items:center;display:grid}.login-panel h2{font:650 40px/1.1 var(--font-display);letter-spacing:-.04em;margin:10px 0 12px}.login-panel .daily-eyebrow{color:var(--ink-2)}.login-panel .auth-intro{max-width:280px;margin-bottom:26px;font-size:13px;line-height:1.6}.login-panel .auth-form{gap:9px}.login-panel .auth-form input{border-color:var(--glass-line);background:color-mix(in srgb, var(--glass) 75%, transparent);border-radius:13px}.login-panel .auth-form input:focus-visible{outline-color:var(--focus)}.login-panel .auth-submit{background:var(--accent-grad);color:var(--on-metric);min-height:50px;box-shadow:0 12px 28px -16px var(--a1);transition:transform .3s var(--e-spring), filter .18s;border-radius:13px}.login-panel .auth-submit:hover{transform:translateY(-2px)}.login-panel .auth-submit:hover svg{transform:translate(4px)}.login-panel .auth-submit svg{transition:transform .25s var(--e-out)}.login-panel .auth-submit:active{transform:scale(.98)}.login-panel .auth-footnote{border-top:1px solid var(--glass-line);padding-top:18px;font-size:11px;line-height:1.7}.login-status{background:color-mix(in srgb, var(--up) 12%, var(--glass));color:var(--ink);border-radius:12px;margin-bottom:18px;padding:12px;font-size:13px;line-height:1.5}.login-footer{min-height:60px;margin-top:0;padding-bottom:12px}@keyframes login-float-ig{0%,to{transform:translateY(0)rotate(-11deg)}50%{transform:translateY(-7px)rotate(-9deg)}}@keyframes login-float-tt{0%,to{transform:translateY(0)rotate(9deg)}50%{transform:translateY(6px)rotate(7deg)}}@keyframes login-float-signal{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-6px)rotate(-3deg)}}@keyframes login-line-glow{0%,to{opacity:1}50%{opacity:.75}}@keyframes login-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.85)}}@keyframes login-bars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}@media (max-width:1100px){.login-main{grid-template-columns:minmax(0,1fr) minmax(330px,380px);gap:36px}.login-story h1{font-size:clamp(44px,5.5vw,64px)}.login-description{font-size:14px}.login-scene{height:252px}.login-photo{width:125px;height:170px}.login-signal{width:195px;padding:14px;top:84px}.login-signal-heading{font-size:14px}.login-brand-cloud{left:12%}}@media (max-width:800px){.login-main{grid-template-columns:minmax(0,1fr);gap:36px;padding:32px 0 40px}.login-story,.login-panel{width:100%;max-width:520px;margin:0 auto}.login-story h1{font-size:clamp(44px,7.8vw,64px)}.login-scene{height:252px}.login-brand-cloud{left:12%}}@media (max-width:620px){.login-header{flex-wrap:nowrap;min-height:76px;padding:10px 0}.login-header-note{display:none}.login-main{gap:26px;padding:26px 0 32px}.login-kicker{letter-spacing:.08em;gap:8px;font-size:9px}.login-story h1{margin:18px 0 14px;font-size:clamp(39px,10.8vw,60px)}.login-description{font-size:14px}.login-scene{display:none}.login-panel{border-radius:25px;padding:24px}.login-panel-top{margin-bottom:20px}.login-panel h2{font-size:34px}.login-panel:after{inset:-7px 12px 14px -6px;transform:rotate(-2deg)}.login-footer{justify-content:space-between;font-size:10px}.login-footer>span{display:inline}}@media (prefers-reduced-transparency:reduce){.login-panel,.login-signal{background:var(--surface);-webkit-backdrop-filter:none}}