@import url('https://fonts.googleapis.com/css2?family=Anton&family=Permanent+Marker&family=Space+Grotesk:wght@500;600;700;800&display=swap');
:root{--role:#24ddff;--pink:#ff2f92;--lime:#caff00;--violet:#8158ff;--dock:108px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07080b;color:#fff;font-family:'Space Grotesk',sans-serif}.blank-wall{position:fixed;inset:0 0 var(--dock);min-height:0;background:#090a0d url('assets/login-wall-v28.png') center/cover no-repeat;cursor:text;overflow:hidden;isolation:isolate}.blank-wall:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(#0002,#0005),radial-gradient(circle at 50% 52%,transparent 0 24%,#03040770 74%);pointer-events:none}.blank-wall:after{content:"";position:absolute;z-index:0;inset:0;opacity:.1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.login-head{position:absolute;z-index:9;left:4vw;right:4vw;top:0;height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1d}.login-logo{color:#fff;text-decoration:none;font:27px 'Anton'}.login-logo b{color:var(--lime);text-shadow:3px 3px 0 var(--pink)}.login-logo small{display:block;color:#777;font:7px 'Space Grotesk';font-weight:700;letter-spacing:.27em}.login-status{display:flex;align-items:center;gap:9px;color:var(--role);font-size:9px;font-weight:800;letter-spacing:.16em}.login-status i{width:8px;height:8px;border-radius:50%;background:var(--role);box-shadow:0 0 16px var(--role);animation:pulse 1.6s ease-in-out infinite}.login-intro{position:absolute;z-index:4;left:5vw;top:16vh;pointer-events:none}.login-intro>span{color:var(--role);font-size:9px;font-weight:800;letter-spacing:.16em}.login-intro h1{margin:14px 0 10px;font:clamp(45px,5.4vw,86px)/.86 'Anton';letter-spacing:-.02em}.login-intro h1 i{font-style:normal;color:var(--lime);text-shadow:5px 5px 0 var(--pink)}.login-intro p{margin:0;color:#989ba3;font-size:13px}.graffiti-zone{position:absolute;z-index:5;left:50%;top:57%;width:min(78vw,1060px);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.paint{min-height:95px;max-width:100%;overflow-wrap:anywhere;text-align:center;font:clamp(44px,6vw,98px)/.95 'Permanent Marker';color:#f8f4ea;text-shadow:7px 7px 0 var(--violet),-2px 0 0 var(--pink);filter:drop-shadow(0 12px 16px #000);transition:.2s}.paint:empty:before{content:"TAP + TYPE";color:#ffffff12;text-shadow:none}.paint.spray{animation:spray .16s ease}.paint.error{animation:wrong .3s ease;color:var(--pink)}.eye{pointer-events:auto;margin-left:24px;padding:9px 12px;border:1px solid var(--lime);background:#08090ddd;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer}.wall-message{position:absolute;top:115%;left:50%;width:min(88vw,760px);transform:translateX(-50%);text-align:center;color:#d8d8dc;font:clamp(12px,1.1vw,16px) 'Permanent Marker';text-shadow:2px 2px 0 #000}.login-actions{position:absolute;z-index:8;left:5vw;bottom:4vh;display:flex;gap:10px}.login-actions button{height:46px;padding:0 16px;border:1px solid #ffffff28;background:#08090ddd;color:#eee;font-size:9px;font-weight:800;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(12px)}.google-btn{display:flex;align-items:center;gap:12px}.google-btn b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:conic-gradient(from -30deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-size:12px}.continue-btn{color:#08090b!important;background:var(--role)!important;border-color:var(--role)!important;box-shadow:5px 5px 0 var(--pink)}.continue-btn b{font-size:15px}.catcher{position:absolute;z-index:3;inset:84px 0 0;width:100%;height:calc(100% - 84px);opacity:.001;border:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;cursor:text;appearance:none}.wall-decor{position:absolute;z-index:2;right:4vw;bottom:4vh;display:flex;align-items:center;gap:14px;color:#ffffff25;font-size:8px;font-weight:800;letter-spacing:.13em;pointer-events:none}.wall-decor i{width:110px;height:1px;background:linear-gradient(90deg,var(--cyan,#24ddff),var(--lime),var(--pink))}.wall-decor b{font:48px 'Anton';color:#ffffff0c}.account-dock{position:fixed;z-index:20;left:0;right:0;bottom:0;height:var(--dock);display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:10px 3vw calc(10px + env(safe-area-inset-bottom));background:#050609f2;border-top:1px solid #ffffff1d;backdrop-filter:blur(18px)}.account{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #ffffff17;background:#0b0c11;color:#8d9098;text-align:left;cursor:pointer;overflow:hidden}.account:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--c)}.account-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--c);color:var(--c);font-size:18px}.account b{display:block;color:#d4d5d9;font:14px 'Anton';letter-spacing:.03em}.account small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.account em{color:var(--c);font-style:normal;font-size:17px}.account.active{border-color:var(--c);background:linear-gradient(135deg,#11141b,#08090e);transform:translateY(-5px);box-shadow:0 9px 28px #0008}.account.active b{color:#fff}.toast{position:fixed;z-index:40;left:50%;bottom:calc(var(--dock) + 20px);transform:translate(-50%,20px);opacity:0;background:#f5f1e8;color:#090a0c;padding:12px 20px;border-left:7px solid var(--pink);font:15px 'Permanent Marker';transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.blank-wall.typing .paint{filter:drop-shadow(0 0 20px var(--role))}.blank-wall.loading:after{opacity:.25;animation:scan .8s linear infinite;background-image:linear-gradient(transparent 45%,var(--role) 50%,transparent 55%);background-size:100% 150px}
@keyframes spray{50%{filter:blur(1.5px) drop-shadow(0 0 24px var(--role));transform:scale(1.012)}}@keyframes wrong{25%{transform:translateX(-12px)}75%{transform:translateX(12px)}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes scan{to{background-position:0 150px}}
@media(max-width:800px){:root{--dock:88px}.blank-wall{inset:0 0 var(--dock);height:calc(var(--visual-h,100dvh) - var(--dock))}.login-head{height:62px;left:5vw;right:5vw}.login-logo{font-size:21px}.login-status{font-size:8px}.login-intro{left:5vw;top:10vh}.login-intro h1{font-size:12vw;margin-top:8px}.login-intro p{font-size:11px;max-width:70vw}.graffiti-zone{top:48%;width:90vw}.paint{font-size:clamp(35px,10.5vw,60px);min-height:65px}.paint:empty:before{font-size:8vw}.eye{margin-left:8px;padding:8px}.wall-message{font-size:11px;top:112%}.login-actions{left:5vw;right:5vw;bottom:3vh}.login-actions button{height:42px;padding:0 12px}.google-btn span{font-size:8px}.continue-btn{margin-left:auto}.wall-decor{display:none}.account-dock{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;padding:8px 4vw calc(8px + env(safe-area-inset-bottom))}.account{flex:0 0 150px;grid-template-columns:30px 1fr auto;padding:7px;scroll-snap-align:start}.account-icon{width:28px;height:28px;font-size:15px}.account b{font-size:12px}.account small{font-size:7px}.account.active{transform:none}.catcher{inset:62px 0 0;height:calc(100% - 62px)}}
@media(max-height:620px) and (max-width:800px){.login-intro h1{font-size:9vw}.login-intro p{display:none}.graffiti-zone{top:42%}.login-actions{bottom:2vh}}
.google-btn{display:flex;align-items:center;gap:13px;min-width:230px!important;padding:0 15px!important;background:#f7f8fa!important;color:#121318!important;border:1px solid #fff!important;box-shadow:0 8px 24px #0006;transition:transform .18s,box-shadow .18s}.google-btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px #0009,0 0 0 2px var(--role)}.google-btn:active{transform:translateY(1px)}.google-btn svg{width:25px;height:25px;flex:0 0 auto}.google-btn span{display:grid;text-align:left;line-height:1.05}.google-btn strong{font-size:10px;letter-spacing:.06em}.google-btn small{margin-top:4px;color:#70737b;font-size:7px;letter-spacing:.04em}.google-btn em{margin-left:auto;font-style:normal;font-size:16px}.login-admin{position:fixed;z-index:35;right:4vw;bottom:calc(var(--dock) + 22px);text-align:right}.login-admin>button{border:1px solid var(--lime);background:#07080de8;color:var(--lime);padding:11px 14px;font-size:9px;font-weight:800;letter-spacing:.1em;cursor:pointer}.login-admin>div{display:none;gap:5px;margin-top:7px;padding:8px;background:#050609ee;border:1px solid #ffffff20}.login-admin.open>div{display:flex}.login-admin a{color:var(--c);border-bottom:2px solid var(--c);padding:8px 10px;text-decoration:none;font:11px 'Anton'}
@media(max-width:800px){.google-btn{min-width:190px!important}.google-btn small{display:block}.login-admin{right:4vw;bottom:calc(var(--dock) + 12px)}.login-admin.open>div{display:grid;grid-template-columns:repeat(3,1fr)}}