:root{--paper:#080e1d;--ink:#e6efff;--muted:#91a3bb;--blue:#111e35;--orange:#91d8ff}body{background:#080e1d}#cosmos{position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 20%,#183452 0,transparent 48%),radial-gradient(ellipse at 10% 75%,#221c45,transparent 50%),#080e1d}nav{border-color:#ffffff12}.logo{color:#f0f6ff}.hero{min-height:690px;perspective:1300px}h1{font-size:72px;text-shadow:0 5px 40px #6098c325}h1 em{background:linear-gradient(100deg,#92e5ff,#abb5ff);background-clip:text;color:transparent}.eyebrow{color:#8aaccb;font-size:11px}.button{background:linear-gradient(115deg,#a4e7ff,#aab6ff);color:#10213c;box-shadow:0 5px 30px #79b6ff24;transition:box-shadow .2s,transform .2s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 40px #79b6ff50}.desk{height:480px;background:none;border-radius:0;transform-style:preserve-3d;transition:transform .2s ease-out;--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry))}.desk:before{inset:7%;border-radius:50%;background:radial-gradient(circle,#658dc740,transparent 66%);filter:blur(15px)}.sheet{z-index:3;background:linear-gradient(135deg,#213b56e8,#101f37eb);border:1px solid #a7dcff55;box-shadow:0 30px 65px #0008,inset 0 1px #ffffff40;transform:translateZ(65px) rotate(-9deg);backdrop-filter:blur(14px);top:26%;height:52%}.sheet strong{color:white}.sheet small{color:#9db8cc}.sheet .wave{background:repeating-linear-gradient(90deg,#91d8ff 0 4px,transparent 4px 9px);filter:drop-shadow(0 0 8px #80caff)}.note{z-index:4;right:-2%;top:9%;background:linear-gradient(145deg,#566396,#273552);border:1px solid #b9c9ff60;color:#dce7ff;box-shadow:0 25px 35px #0005;transform:translateZ(100px) rotate(10deg);border-radius:6px}.pixel{z-index:4;left:1%;bottom:9%;border:1px solid #b7f3e14d;border-radius:8px;color:#b9f3e6;background:linear-gradient(135deg,#244b51e8,#132e3e);box-shadow:0 20px 40px #0007;transform:translateZ(120px) rotate(5deg)}.desk a:hover{transform:translateZ(140px) translateY(-9px) rotate(0deg)}.stamp{color:#83b0d2;bottom:0}.orb{position:absolute;width:255px;height:255px;right:5%;top:6%;border-radius:50%;background:radial-gradient(circle at 28% 23%,#d4f2ff 0,#79a9d9 9%,#254c7c 35%,#152442 59%,#050b1a 75%);box-shadow:inset -20px -10px 30px #0009,inset 5px 3px 15px #a6f0ff77,0 0 65px #5b9ae52a;transform:translateZ(-70px);z-index:0}.orbit{position:absolute;width:420px;height:420px;left:2%;top:9%;border:1px solid #a7d6ff77;border-radius:50%;transform:rotateX(68deg) rotateZ(-28deg) translateZ(-30px);box-shadow:0 0 15px #73c9ff22,inset 0 0 10px #73c9ff22;pointer-events:none}.orbit.second{transform:rotateX(65deg) rotateZ(36deg);width:480px;height:480px;top:2%;left:-5%;opacity:.35}.orbit:after{content:'';width:10px;height:10px;background:#ccf4ff;box-shadow:0 0 20px #8addff;position:absolute;top:50%;left:-5px;border-radius:50%}.section{border-color:#ffffff13}.filters button{border-color:#ffffff20}.filters button[aria-pressed=true]{background:#a6d5f7;color:#11243a}.grid{gap:26px}.card{border:1px solid #ffffff16;background:linear-gradient(140deg,#1a2c4080,#0c172b90);border-radius:15px;padding:12px 12px 20px;transform-style:preserve-3d;position:relative;transition:transform .15s ease-out,border-color .3s,box-shadow .3s;overflow:hidden}.card:hover{border-color:#9cdcff70;box-shadow:0 24px 45px #0006}.card:before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),#9bddff18,transparent 80%);z-index:2}.card .tag,.card h3,.card p,.card .more{margin-left:10px;margin-right:10px}.art{height:215px;border:1px solid #ffffff0f;border-radius:9px;color:#edf4ff}.audio{background:linear-gradient(135deg,#382c46,#1b213e)}.audio .panel{background:linear-gradient(130deg,#523d58,#2a2844);box-shadow:8px 12px 0 #101729}.fitness{background:linear-gradient(130deg,#244440,#142830)}.fitness svg{filter:brightness(1.8)}.life{background:linear-gradient(130deg,#34446a,#1c233c)}.radar{background:radial-gradient(circle at 50% 100%,#3e708a,#142837)}.campus{background:linear-gradient(135deg,#394551,#202a3d)}.genesis{background:radial-gradient(circle at 70% 20%,#3f4679,#131e33)}.more{color:#b9dfff;border-color:#8ab1cd55}.about p{color:#afbed0}.chips span{border-color:#94b3cd30;color:#b9ccdd}.break{background:radial-gradient(ellipse at 0 0,#244865,#101e37 70%);border:1px solid #9bcbef33;box-shadow:0 25px 70px #0003}.footer{border-color:#ffffff15}.preview{border-color:#ffffff25}dialog{background:#101e32;color:#e6efff;border-color:#92cfff50;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#020612b0;backdrop-filter:blur(10px)}@media(max-width:800px){h1{font-size:52px}.hero{min-height:0}.desk{height:420px}.orb{width:220px;height:220px}.orbit{width:340px;height:340px}.orbit.second{width:380px;height:380px}.card{transform:none!important}}@media(max-width:500px){h1{font-size:46px}.desk{height:340px}.orb{width:180px;height:180px}.orbit{width:270px;height:270px}.orbit.second{width:300px;height:300px}.note{padding:15px;font-size:13px}.pixel{font-size:11px;padding:15px}.sheet{padding:20px}.sheet strong{font-size:25px}.sheet p{font-size:12px}.stamp{font-size:9px}}@media(prefers-reduced-motion:reduce){.desk,.card,.desk a{transform:none!important}.orbit{opacity:.2}}
html{overflow-x:clip}body{overflow-x:clip}.desk{isolation:isolate}.desk a:focus-visible,.card button:focus-visible{outline:2px solid #b5eaff;outline-offset:6px}