:root{color-scheme:dark;--bg:#080e18;--panel:#101b2a;--ink:#eef5ff;--muted:#b6c4d7;--line:#33465d;--accent:#70e6d0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0,#18384a55,transparent 55%)}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#fff}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer;color:var(--ink);background:#193349;border:1px solid #54718c;border-radius:9px;min-height:44px;padding:9px 15px}button:hover{background:#244863}main,header,footer{width:min(1180px,calc(100% - 44px));margin:auto}header{padding:25px 0;border-bottom:1px solid var(--line)}nav{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:14px}.eyebrow{color:var(--accent);font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}.intro{padding:56px 0 34px;max-width:850px}h1{font-size:clamp(32px,5vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0 0 23px}h2{font-size:23px;line-height:1.3;margin:0 0 12px}h3{font-size:17px;line-height:1.4}p{margin:0 0 17px}.intro p,.card p,footer{color:var(--muted)}.intro .repo{overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace;color:var(--accent)}.current{display:flex;align-items:center;gap:16px 32px;flex-wrap:wrap;border:1px solid #368878;background:#102921;border-radius:14px;padding:21px 25px;margin-bottom:28px}.current p{margin:0;flex:1;min-width:200px}.current strong{display:block;color:#b5f4d6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#16253a,#0d1725);padding:25px;overflow:hidden}.badge{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#bacdff;text-transform:uppercase;display:block;margin-bottom:13px}.preview{aspect-ratio:16/9;border:1px solid #34465c;background:radial-gradient(ellipse at center,#223d56,#080f19);border-radius:12px;display:grid;place-items:center;margin:20px 0;overflow:hidden}.preview img{display:block;width:100%;height:100%;object-fit:contain}.preview span{padding:22px;color:#b8cadd;text-align:center}.actions{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}.actions a{font-size:14px}.source{margin-top:20px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.source summary{cursor:pointer;padding:5px 0}.source ul{padding-left:20px}.source li{margin:7px 0}.native{margin-top:32px}.native li{margin:15px 0}.native small{display:block;color:var(--muted);margin-top:3px}.scope{border-left:3px solid #e99aac;padding:14px 20px;background:#35202e;margin:30px 0;border-radius:0 10px 10px 0;font-size:14px}.portfolio{margin:32px 0;padding:23px;border:1px solid var(--line);border-radius:14px}.portfolio summary{cursor:pointer;font-weight:650}.portfolio ul{columns:2;padding-left:20px}.portfolio li{break-inside:avoid;margin:8px 0;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:26px 0 38px;font-size:12px}video{width:100%;max-height:380px;background:#060b12;border-radius:10px}code{overflow-wrap:anywhere}noscript p{padding:18px;background:#35202e}.motion-note{font-size:13px;color:var(--muted);margin:18px 0}.card:target{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:720px){main,header,footer{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.intro{padding-top:36px}.card{padding:21px}.portfolio ul{columns:1}.current{padding:20px}.actions{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}