:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden}
body{min-height:100dvh}
[hidden]{display:none!important}
button,input{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));min-height:68px}
.top-left,.top-right{display:flex;align-items:center;gap:13px}
.nav-link{border:0;background:transparent;padding:9px 5px;color:#303134;font-size:13px;text-decoration:none}
.nav-link:hover{text-decoration:underline}
.icon-button{width:40px;height:40px;display:grid;place-items:center;color:#5f6368;border:0;border-radius:50%;background:transparent}
.icon-button:hover,.icon-button[aria-expanded=true]{background:#f0f1f2}
.avatar{width:34px;height:34px;border:0;border-radius:50%;background:#27845c;color:#fff;font-size:17px;font-weight:bold;outline:3px solid #f4f5f6}
.app-menu{position:absolute;right:18px;top:62px;width:234px;padding:10px;border:1px solid #dfe3e7;border-radius:18px;background:#fff;box-shadow:0 12px 35px #0002;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.app-menu button{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:12px;background:transparent;color:#307f55;font-size:25px}
.app-menu button:hover{background:#f0f5ee}
.home{min-height:calc(100dvh - 68px);display:flex;align-items:center;justify-content:center;padding:20px 18px max(86px,env(safe-area-inset-bottom) + 24px)}
.home-inner{width:100%;max-width:660px;text-align:center;transform:translateY(-18px)}
.logo{white-space:nowrap;letter-spacing:-.052em;font-size:clamp(28px,7.65vw,70px);line-height:1.12;font-weight:700;margin:0 0 29px;user-select:none}
.blue{color:#4285f4}.red{color:#ea4335}.yellow{color:#fbbc05}.green{color:#34a853}
.search-wrap{position:relative;width:100%;z-index:12}
.search-shell{height:50px;width:100%;display:flex;align-items:center;gap:12px;padding:0 13px 0 20px;border:1px solid #dfe1e5;border-radius:26px;background:#fff;transition:box-shadow .14s,border-color .14s;box-shadow:0 1px 4px #20212412}
.search-wrap:focus-within .search-shell,.search-wrap:hover .search-shell{border-color:transparent;box-shadow:0 1px 7px #20212430}
.search-icon{color:#9aa0a6;flex:none}
#searchQuery{flex:1;min-width:0;width:100%;height:100%;padding:0;border:0;background:transparent;font-size:16px;outline:0;color:#202124;border-radius:0;appearance:none}
#searchQuery::-webkit-search-cancel-button{appearance:none}
.dice-button{border:0;background:transparent;color:#317c53;width:34px;height:36px;display:grid;place-items:center;border-radius:50%;flex:none}
.dice-button:hover{background:#ebf4ed}
.suggestions{position:absolute;z-index:15;top:46px;left:0;right:0;max-height:min(58dvh,460px);overflow-y:auto;margin:0;padding:12px 0 8px;list-style:none;background:#fff;border-radius:0 0 24px 24px;box-shadow:0 8px 19px #2021242a;text-align:left;overscroll-behavior:contain}
.search-wrap:has(.suggestions:not([hidden])) .search-shell{border-color:transparent;border-radius:25px 25px 0 0;box-shadow:0 -1px 7px #2021241f}
.search-wrap:has(.suggestions:not([hidden])) .suggestions{top:49px}
.suggestion{display:flex;align-items:center;gap:14px;padding:10px 20px 10px 22px;min-height:41px;cursor:pointer;font-size:14px;line-height:1.3;color:#202124;overflow-wrap:anywhere}
.suggestion:hover,.suggestion.selected{background:#f0f3f0}
.suggestion svg{flex:none;color:#a3a9ab}
.suggestion .text{flex:1}
.suggestion .alien{color:#b4b6b8;font-size:12px;flex:none}
.search-buttons{margin-top:22px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.search-submit{display:inline-flex;align-items:center;gap:13px;padding:0 18px 0 16px;min-height:44px;border-radius:999px;border:1px solid #1c3027;background:#173a2b;color:#e9fff0;font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .12s,background .12s}
.search-submit:hover{background:#24553d;transform:translateY(-1px)}
.search-submit:active{transform:scale(.97)}
.button-emoji{font-size:17px;color:#9beba9}.button-arrow{color:#9beba9;font-size:19px;font-weight:400;margin-left:1px}
.odd-layer{position:fixed;inset:0;z-index:24;pointer-events:none;overflow:hidden}
.odd-flyer{position:absolute;pointer-events:none;max-width:42vw;max-height:34vh;object-fit:contain;border:4px solid #fff;box-shadow:0 6px 19px #0004;animation:fly-away var(--fly-time,4s) ease-in forwards}
.odd-email{position:absolute;left:var(--x);top:var(--y);width:52px;height:52px;display:grid;place-items:center;border:1px solid #dadce0;border-radius:12px;background:#fff;color:#207f49;font-size:29px;box-shadow:0 6px 24px #0002;animation:odd-in .25s ease both;transform:rotate(var(--r))}
body.gravity .home-inner{transform:translateY(-18px) rotate(180deg);transition:transform .6s ease}
body.gravity .topbar{transform:rotate(180deg);transition:transform .6s ease}
body.identity-shift{filter:hue-rotate(165deg) invert(.86)}
.chaos{position:fixed;inset:0;z-index:70;overflow:hidden;background:#050906;isolation:isolate}
.first-opossum{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:90vw;max-height:84dvh;object-fit:contain;z-index:1;filter:drop-shadow(0 0 42px #a1ffa15d);animation:first-arrival .7s cubic-bezier(.2,.8,.2,1) both}
.clone-field{position:absolute;inset:0;z-index:2;pointer-events:none}
.clone{position:absolute;display:block;width:var(--w);height:auto;max-width:none;object-fit:contain;opacity:var(--o);transform:translate(-50%,-50%) rotate(var(--a)) scale(var(--s));filter:var(--f);box-shadow:0 3px 24px #0006;animation:clone-enter .27s steps(2,end) both;will-change:transform}
.glitch-layer{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;mix-blend-mode:screen}
.glitch-layer span{position:absolute;left:0;right:0;top:var(--y);height:var(--h);background:var(--c);transform:translateX(var(--x));animation:glitch-stripe .13s steps(2,end) infinite alternate}
.chaos.corrupt{animation:screen-corrupt .14s steps(2,end) infinite}
.chaos.corrupt .glitch-layer{opacity:1}
.chaos.corrupt .clone{animation:clone-corrupt .16s steps(2,end) infinite alternate}
.chaos.corrupt .first-opossum{filter:contrast(3) saturate(5) hue-rotate(130deg)}
.bsod{position:fixed;inset:0;z-index:100;background:#0078d7;color:#fff;overflow:auto;font-family:'Segoe UI',Arial,sans-serif;user-select:none;cursor:default}
.bsod-inner{max-width:1060px;margin:0 auto;min-height:100dvh;padding:clamp(32px,8.4vh,100px) clamp(27px,8vw,80px) max(40px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start}
.sad-face{font-size:clamp(88px,15vw,155px);font-weight:300;line-height:1;margin-bottom:21px;letter-spacing:-.12em}
.bsod h2{font-size:clamp(20px,3.8vw,31px);line-height:1.27;letter-spacing:-.02em;font-weight:400;margin:0 0 11px;max-width:800px}
.bsod p{font-size:clamp(13px,2.5vw,20px);font-weight:400;line-height:1.35;margin:0}
.bsod .progress{margin-top:25px}
.bsod-bottom{display:flex;align-items:flex-start;gap:19px;margin-top:33px}
.qr-code{width:100px;height:100px;background:#fff;padding:6px;flex:none;display:grid;grid-template-columns:repeat(25,1fr);grid-template-rows:repeat(25,1fr)}
.qr-code span.dark{background:#111}
.bsod-details{max-width:620px;padding-top:2px}
.bsod-details p{font-size:clamp(10px,1.6vw,13px);line-height:1.4;margin:0 0 13px}
@keyframes first-arrival{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes clone-enter{from{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) scale(.04)}to{opacity:var(--o);transform:translate(-50%,-50%) rotate(var(--a)) scale(var(--s))}}
@keyframes clone-corrupt{from{transform:translate(-53%,-50%) rotate(var(--a)) scale(var(--s));filter:hue-rotate(190deg) contrast(3)}to{transform:translate(-47%,-50%) rotate(var(--a)) scale(var(--s));filter:invert(.8) saturate(8)}}
@keyframes screen-corrupt{0%{transform:translate(0,0);filter:hue-rotate(0)}50%{transform:translate(8px,-5px);filter:hue-rotate(120deg) contrast(2)}100%{transform:translate(-9px,4px);filter:invert(.8)}}
@keyframes glitch-stripe{from{transform:translateX(-15vw)}to{transform:translateX(15vw)}}
@keyframes fly-away{0%{opacity:0;transform:translateY(80px) rotate(-25deg) scale(.3)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(-140px) rotate(45deg) scale(1.9)}}
@keyframes odd-in{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
.odd-portal{position:absolute;left:50%;top:50%;width:min(84vmin,620px);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#10221a 0deg,#89f2a9 7deg,#0e130d 14deg,#193326 25deg);box-shadow:0 0 0 18px #0a0e0aab,inset 0 0 90px #000;animation:portal-spin 4.4s linear both}
@keyframes portal-spin{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(0)}16%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(3) rotate(1000deg)}}
@media(max-width:550px){.topbar{min-height:58px;padding:10px 12px 5px}.top-left,.top-right{gap:5px}.nav-link{font-size:12px;padding:10px 7px}.mail-link{display:none}.home{min-height:calc(100dvh - 58px);padding-inline:16px}.home-inner{transform:translateY(-20px)}.logo{font-size:clamp(27px,8.2vw,42px);margin-bottom:23px}.search-shell{height:48px}.suggestion{padding:10px 15px;font-size:13px}.search-buttons{margin-top:20px;gap:9px}.bsod-inner{padding-top:8vh}.sad-face{margin-bottom:29px}.bsod-bottom{gap:14px}.qr-code{width:78px;height:78px;padding:4px}}
@media(max-width:350px){.top-left .nav-link:nth-child(2){display:none}.logo{font-size:26px}.search-buttons{flex-direction:column}}
@media(max-height:470px){.home-inner{transform:none}.home{padding-top:8px;padding-bottom:12px}.logo{margin-bottom:12px}}