:root{color-scheme:dark;--bg:#1b1a17;--fg:#f0ece7;--dim:#a7a29b;--quiet:#77716b;--orange:#ba591f;--line:#ffffff18}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg)}body{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Noto Sans Devanagari',monospace;font-size:15px;line-height:1.52;transition:background .35s,color .35s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px dashed var(--orange);outline-offset:5px}#reef{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}header{position:relative;z-index:2;padding:29px 18px}nav{display:flex;justify-content:center;align-items:center;gap:34px;color:#918c86;font-size:14px}nav a[aria-current]{color:#eeeae4}nav button{font-size:14px;color:inherit}nav button:hover,a:hover{color:#f2eee8}#theme{font-size:21px;line-height:20px;margin-left:1px;color:#aaa49a;transition:transform .5s}#theme:hover{transform:rotate(55deg)}main{position:absolute;left:50%;bottom:47px;transform:translateX(-50%);width:min(768px,calc(100% - 48px));padding:0;z-index:1;pointer-events:none}.verse-wrap,.bio{pointer-events:auto;width:fit-content;max-width:100%}.verse-wrap{margin:0 0 27px;min-height:0}#verse{text-align:left;color:#a9a49d;font-family:inherit;font-size:15px;line-height:1.58;letter-spacing:0;min-height:0;transition:color .25s}#verse:hover{color:#e6ddd0}.cursor{font-size:12px;margin-left:2px;animation:blink 1.15s steps(1,end) infinite}h1{font:inherit;margin:0;font-weight:600;font-size:15px;line-height:1.52}p{margin:0;font-size:15px;line-height:1.55}.inline,.bio p>span{text-decoration:underline;text-decoration-color:#bcb5aa;text-underline-offset:2px}.inline:hover{color:#fff0df}.socials{display:flex;align-items:center;gap:9px;margin-top:11px;color:#aaa49d;font-size:15px}.socials a{border-bottom:1px solid #a29b904a}.socials>span{color:#77716b}.scene-controls{position:fixed;top:30px;right:16%;display:flex;flex-direction:column;gap:3px;align-items:center;color:#69645e;font-size:11px;z-index:3}dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);height:fit-content;overflow:auto;background:var(--bg);color:var(--fg);border:1px solid #9a8f783d;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#17161399;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:9px;color:var(--dim)}#close{font-size:18px;line-height:1}.dialog-content{text-align:center;padding:25px 20px 30px}.dialog-content pre{font:13px/1.35 monospace;color:#c27a4b;margin:0 0 19px}.dialog-content h2{font:17px monospace;margin:0 0 10px}.dialog-content>p{font-size:11px;color:var(--dim)}.dialog-content .dialog-copy{font-size:10px;margin-top:12px}#return{margin-top:22px;font-size:10px;border-bottom:1px solid var(--dim);padding-bottom:3px}.light{color-scheme:light;--bg:#f3efe8;--fg:#302d28;--dim:#645e56;--quiet:#8b8379;--line:#00000015}.light .scene-controls{color:#797067}.light #verse{color:#6c655d}.light .socials{color:#666056}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){main{width:768px;bottom:54px}body,h1,p{font-size:15px}#verse{font-size:15px}nav{font-size:14px}nav button{font-size:14px}}@media(max-width:800px){.scene-controls{right:24px}main{width:calc(100% - 52px);bottom:44px}nav{gap:25px}h1,p,.socials{font-size:14px}#verse{font-size:14px}}@media(max-width:480px){header{padding:23px 14px}nav{gap:21px;font-size:12px}nav button{font-size:12px}#theme{font-size:20px}.scene-controls{top:72px;right:20px}main{width:calc(100% - 40px);bottom:35px}h1,p{font-size:12px;line-height:1.7}.socials{font-size:12px;gap:8px;margin-top:13px;flex-wrap:wrap}#verse{font-size:13px;line-height:1.75}.verse-wrap{margin-bottom:20px}.bio p br{display:none}.bio p{max-width:370px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#verse .verse-credit{display:block;margin-top:4px;color:#77716b;font-size:10px;letter-spacing:.08em;line-height:1.4}#verse .verse-credit:empty{display:none}.jelly-note{position:fixed;right:20px;bottom:15px;z-index:3;padding:5px 0;color:#8e887f;font-size:9px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #9d958747;transition:color .2s,border-color .2s}.jelly-note:hover{color:#e1d9ce;border-color:#d05b1b}.jelly-note span{color:#d05b1b}#jelly-facts{width:min(440px,calc(100vw - 28px));border:1px solid #a69a853d}.jelly-content{padding:24px 24px 26px}.jelly-content .eyebrow{margin:0 0 9px;color:#ce6a2d;font-size:9px;letter-spacing:.17em}.jelly-content h2{margin:0 0 12px;font:600 22px/1.25 ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace}.jelly-content .jelly-why{margin:0 0 19px;color:#c5beb5;font-size:12px;line-height:1.7}.fact-list{border-top:1px solid var(--line)}.fact-list p{display:grid;grid-template-columns:104px 1fr;gap:10px;align-items:baseline;margin:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5}.fact-list b{color:#dc7840;font-size:10px;letter-spacing:.07em}.fact-list span{color:#c9c3ba}.fact-sources{margin:17px 0 0!important;color:#77716b!important;font-size:8px!important;letter-spacing:.1em}.fact-sources a{color:#b8afa4;border-bottom:1px solid #b8afa43d}.fact-sources a:hover{color:#e9dfd0}#jelly-return{margin-top:19px;padding-bottom:3px;border-bottom:1px solid #aaa19773;color:#d8d0c5;font-size:10px}#jelly-return:hover{color:#fff}@media(max-width:600px){.jelly-note{right:13px;bottom:11px;font-size:8px}.jelly-content{padding:20px}.jelly-content h2{font-size:19px}.fact-list p{grid-template-columns:86px 1fr}}

/* Project and writing previews keep the reef's quiet pixel language. */
#soon:has(.showcase){width:min(720px,calc(100vw - 32px));border-color:#9a8f784d}
#soon:has(.showcase) .dialog-top{padding:14px 18px}
#dialog-body.showcase{padding:20px 22px 16px;text-align:left;animation:panel-in .5s cubic-bezier(.2,.75,.25,1) both}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.project-card,.writing-card{min-width:0;border:1px solid #ffffff17;background:linear-gradient(145deg,#23211d,#1a1916 75%);padding:12px;animation:panel-in .6s both}
.project-card:nth-child(2){animation-delay:.1s}
.pixel-art{height:142px;overflow:hidden;background:#171713;border:1px solid #ffffff0c;display:grid;place-items:center}
.pixel-art svg{width:100%;height:100%;image-rendering:pixelated;animation:art-float 6s ease-in-out infinite}
.project-vriksh .pixel-art svg{animation-delay:-2.7s}
.pixel-pulse{transform-box:fill-box;transform-origin:center;animation:signal 2.8s ease-out infinite}
.pixel-orbit{transform-box:fill-box;transform-origin:center;animation:orbit 18s linear infinite}
.project-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#8d867b;font-size:8px;letter-spacing:.12em}
.project-meta span+span{color:#d07a47}
.project-card h3,.writing-card h3{margin:6px 0 5px;color:#f0ece7;font-size:18px;letter-spacing:-.045em;font-weight:500}
.project-card>p,.writing-card>p{min-height:38px;color:#aaa39a;font-size:10px;line-height:1.65}
.project-tags{display:flex;gap:7px;margin-top:13px}
.project-tags span{padding:3px 6px;border:1px solid #ffffff1c;color:#aaa298;font-size:7px;letter-spacing:.1em}
.panel-footnote{margin:15px 2px 0;color:#756f67;font-size:9px;letter-spacing:.04em}
.panel-footnote span{color:#c76a36}
#soon:has(.writing-card){width:min(510px,calc(100vw - 32px))}
.writing-card{animation-delay:.08s}
.writing-art{height:150px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#4a33231c,transparent 62%),#171713;border:1px solid #ffffff0c}
.writing-art pre{margin:0;color:#c8b8a2;font:11px/1.45 ui-monospace,monospace;letter-spacing:.04em;text-shadow:0 0 12px #de85484a;animation:art-float 6s ease-in-out infinite}
.pixel-star{position:absolute;top:22px;right:24%;font-size:17px;color:#d77b45;animation:blink 2.6s steps(1,end) infinite}
.writing-art i{position:absolute;width:50px;height:50px;right:19%;bottom:-31px;border:1px solid #c76a3650;border-radius:50%;box-shadow:0 0 18px #c76a3620;animation:signal 3s ease-out infinite}
.writing-card h3{font-size:17px;line-height:1.35;max-width:330px}
.writing-card>p{min-height:0}
@keyframes panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes signal{0%{opacity:.8;scale:.65}85%,100%{opacity:0;scale:1.45}}
@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:560px){#soon:has(.showcase){width:calc(100vw - 20px)}#dialog-body.showcase{padding:14px 12px 12px}.project-grid{gap:8px}.project-card,.writing-card{padding:8px}.pixel-art{height:104px}.project-meta{font-size:7px;margin-top:10px}.project-card h3{font-size:15px}.project-card>p{font-size:9px;min-height:60px}.project-tags{gap:4px;flex-wrap:wrap}.project-tags span{font-size:6px;padding:3px 4px}.writing-art{height:120px}.writing-card h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){#dialog-body.showcase,.project-card,.writing-card,.pixel-art svg,.pixel-pulse,.pixel-orbit,.writing-art pre,.writing-art i,.pixel-star{animation:none!important}}