.nav{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.navTop{justify-content:flex-end}@media(max-width:640px){.navTop{display:none}}.navSide{flex-direction:column;align-items:stretch}.navLink{text-decoration:none;padding:9px 14px;border-radius:var(--r-md);color:var(--text-2);white-space:nowrap;display:flex;align-items:center;min-height:40px;touch-action:manipulation;font-size:14px;font-weight:500;border:1px solid transparent;transition:color .16s var(--ease-out),border-color .16s var(--ease-out),background .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.navLink:hover{color:var(--text);background:var(--bg-raised);border-color:var(--border)}}.navLink.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.navSide .navLink{justify-content:flex-start;font-size:15px;padding:12px 14px}.homeWrap{display:grid;gap:clamp(12px,2.5vw,20px)}.home{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(1000px 500px at 18% 0%,oklch(.74 .12 198 / .08),transparent 55%),radial-gradient(600px 400px at 85% 85%,oklch(.74 .12 198 / .05),transparent 55%),var(--bg-surface);padding:clamp(20px,3vw,38px);min-height:clamp(280px,44svh,520px)}.bgGrid{position:absolute;inset:-200px;background-image:linear-gradient(oklch(.74 .12 198 / .05) 1px,transparent 1px),linear-gradient(90deg,oklch(.74 .12 198 / .05) 1px,transparent 1px);background-size:52px 52px;transform:rotate(-8deg);filter:blur(.3px);animation:drift 22s linear infinite;pointer-events:none}.hero{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,2.5vw,28px);align-items:start}@media(max-width:860px){.hero{grid-template-columns:1fr}}.heroContent>*{animation:heroIn .45s var(--ease-out) both}.heroContent .kicker{animation-delay:0ms}.heroContent .title{animation-delay:70ms}.heroContent .subtitle{animation-delay:.13s}.heroContent .ctaRow{animation-delay:.19s}@keyframes heroIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{margin:10px 0 0;font-size:clamp(32px,5.4vw,68px);line-height:1;letter-spacing:-.02em;font-weight:700}.subtitle{max-width:60ch;font-size:clamp(14px,1.4vw,17px);color:var(--text-2);margin-top:10px;line-height:1.55;overflow-wrap:break-word}.ctaRow{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.btnPrimary,.btnGhost{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-md);color:var(--text);text-decoration:none;white-space:nowrap;touch-action:manipulation;min-height:42px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform .16s var(--ease-out)}.btnGhost{border:1px solid var(--border);background:var(--bg-raised)}@media(hover:hover)and (pointer:fine){.btnPrimary:hover{border-color:var(--accent);background:#24c1c62e}.btnGhost:hover{border-color:var(--border-hi)}}.profileCard{border-radius:var(--r-lg);border:1px solid var(--border);background:#05080acc;padding:18px;min-width:0;animation:slideRight .5s var(--ease-out) .15s both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes slideRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.avatarRow{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;position:relative;min-width:0}.avatarGlow{position:absolute;width:68px;height:68px;border-radius:999px;left:-6px;top:-6px;background:radial-gradient(circle at 40% 40%,oklch(.74 .12 198 / .4),transparent 65%);filter:blur(8px);animation:glowPulse 3.5s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.avatar{width:56px;height:56px;border-radius:999px;border:1px solid var(--accent-border);background:var(--bg-surface);display:grid;place-items:center;flex-shrink:0;position:relative}.avatarIcon{width:26px;height:26px;color:var(--text-2)}.profileMeta{display:grid;gap:4px;min-width:0}.profileName{font-weight:700;font-size:16px;color:var(--text)}.profileRole{color:var(--text-2);font-size:11px;overflow-wrap:break-word;font-family:var(--font-mono)}.profileDivider{height:1px;background:var(--border);margin:14px 0}.profileFacts{display:grid;gap:10px}.factLabel{color:var(--accent);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:3px}.factValue{color:var(--text-2);font-size:13px;line-height:1.4}.profileLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.profileLink{text-decoration:none;padding:7px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-2);font-size:13px;font-weight:500;touch-action:manipulation;white-space:nowrap;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.profileLink:hover{border-color:var(--accent-border);color:var(--accent)}}.profileLink:active{transform:scale(.97);transition-duration:.1s}.aboutSection{padding:clamp(20px,2.8vw,32px);border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(800px 400px at 12% 0%,oklch(.74 .12 198 / .06),transparent 60%),var(--bg-surface)}.aboutGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(16px,2.5vw,28px);align-items:start}@media(max-width:860px){.aboutGrid{grid-template-columns:1fr}}.aboutKicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono);margin-bottom:10px}.aboutTitle{margin:0 0 14px;font-size:clamp(18px,2.2vw,26px);line-height:1.2;font-weight:700;letter-spacing:-.01em}.aboutText{color:var(--text-2);max-width:65ch;font-size:clamp(14px,1.4vw,15px);line-height:1.65}.aboutText p{margin:0 0 14px}.aboutText p:last-child{margin-bottom:0}.aboutCards{display:grid;gap:10px}.miniCard{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);padding:14px;transition:border-color .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.miniCard:hover{border-color:var(--border-hi)}}.miniLabel{color:var(--accent);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:6px}.miniValue{color:var(--text-2);font-size:14px;line-height:1.45}.featured{padding:clamp(18px,2.8vw,28px);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface)}.featuredHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.featuredTitle{margin:0;font-size:clamp(17px,2.2vw,22px);font-weight:700;letter-spacing:-.01em}.featuredLink{text-decoration:none;color:var(--accent);font-size:13px;font-weight:500;border-bottom:1px solid var(--accent-border);padding-bottom:1px;white-space:nowrap;transition:border-color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.featuredLink:hover{border-bottom-color:var(--accent)}}.projCardLead{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);padding:clamp(16px,2.5vw,22px);margin-bottom:12px;min-width:0;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.projCardLead:hover{border-color:var(--border-hi);transform:translateY(-2px)}}.projLeadInner{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}@media(max-width:640px){.projLeadInner{grid-template-columns:1fr}}.featuredSub{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.featuredSub{grid-template-columns:1fr}}.projCard{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);padding:clamp(14px,2vw,18px);display:grid;gap:10px;min-width:0;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.projCard:hover{border-color:var(--border-hi);transform:translateY(-2px)}}.projTitle{margin:0;font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em}.projBlurb{margin:0;color:var(--text-2);font-size:14px;line-height:1.55}.projTags{display:flex;flex-wrap:wrap;gap:6px}.projTag{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-3);font-family:var(--font-mono)}.cardActions{margin-top:4px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.projectsPage{display:grid;gap:clamp(12px,2.5vw,20px)}.projectsHero{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(1000px 500px at 18% 0%,oklch(.74 .12 198 / .08),transparent 55%),radial-gradient(600px 400px at 85% 85%,oklch(.74 .12 198 / .05),transparent 55%),var(--bg-surface);padding:clamp(20px,3vw,36px)}.heroTop{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(12px,2.5vw,20px);align-items:start}@media(max-width:760px){.heroTop{grid-template-columns:1fr}}.kicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:clamp(10px,1.6vw,11px);font-family:var(--font-mono);overflow-wrap:break-word}.subtitle{margin:10px 0 0;color:var(--text-2);max-width:65ch;font-size:clamp(13px,1.5vw,15px);overflow-wrap:break-word;line-height:1.6}.searchBox{border-radius:var(--r-md);border:1px solid var(--border);background:#05080acc;padding:clamp(12px,2vw,16px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-width:0}.input{width:100%;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:10px 12px;outline:none;min-height:42px;font-size:16px;font-family:var(--font-sans);transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.controls{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:end}@media(max-width:400px){.controls{grid-template-columns:1fr}}.btnGhost{border-radius:var(--r-md);padding:10px 14px;cursor:pointer;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-2);font-size:14px;font-weight:500;font-family:var(--font-sans);touch-action:manipulation;min-height:42px;white-space:nowrap;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.btnGhost:hover{border-color:var(--border-hi);color:var(--text)}}.btnGhost:active{transform:scale(.97);transition-duration:.1s}.tagBar{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tagBtn{border-radius:999px;padding:6px 13px;cursor:pointer;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-3);font-size:12px;font-family:var(--font-mono);touch-action:manipulation;white-space:nowrap;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),background .16s var(--ease-out),transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.tagBtn:hover{border-color:var(--border-hi);color:var(--text-2)}}.tagBtn:active{transform:scale(.97);transition-duration:.1s}.tagBtn.active{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}.spotlight{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface);padding:clamp(18px,2.6vw,28px)}.spotlightHeader{display:grid;grid-template-columns:1fr 200px;gap:16px;align-items:start}@media(max-width:760px){.spotlightHeader{grid-template-columns:1fr}}.spotKicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono);margin-bottom:10px}.spotTitle{margin:0;font-size:clamp(17px,2.2vw,24px);line-height:1.2;font-weight:700;letter-spacing:-.01em}.spotText{margin:10px 0 0;color:var(--text-2);max-width:65ch;font-size:14px;line-height:1.65}.spotMeta{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);padding:14px;min-width:0;width:100%}.metaRow{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:7px 0;min-width:0;border-bottom:1px solid var(--border)}.metaRow:last-child{border-bottom:none;padding-bottom:0}.metaRow:first-child{padding-top:0}.statusPill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);font-size:11px;font-family:var(--font-mono);color:var(--text-3)}.spotTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.highlights{display:grid;gap:10px;margin-top:16px}.hlItem{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start;color:var(--text-2);font-size:14px;min-width:0;line-height:1.5}.spotActions,.cardActions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:10px}.ghLink{text-decoration:none;color:var(--accent);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px;border-bottom:1px solid var(--accent-border);padding-bottom:1px;width:fit-content;transition:border-color .16s var(--ease-out)}.detailLink{text-decoration:none;color:var(--accent);font-size:12px;font-weight:500;border-bottom:1px solid var(--accent-border);padding-bottom:1px;transition:border-color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.detailLink:hover{border-bottom-color:var(--accent)}}.gridWrap{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface);padding:clamp(18px,2.6vw,28px)}.gridHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.gridTitle{margin:0;font-size:clamp(16px,2.2vw,22px);font-weight:700;letter-spacing:-.01em}.gridCount{color:var(--text-3);font-size:12px;font-family:var(--font-mono);white-space:nowrap}.projectGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,14px)}@media(max-width:640px){.projectGrid{grid-template-columns:1fr}}.card{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);padding:clamp(14px,2vw,18px);display:grid;gap:10px;min-width:0;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--border-hi);transform:translateY(-2px)}}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cardTitle{font-weight:600;font-size:15px;color:var(--text);letter-spacing:-.01em;overflow-wrap:break-word}.cardText{color:var(--text-2);font-size:14px;line-height:1.55}.cardTags{display:flex;flex-wrap:wrap;gap:6px}.cardFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--border);flex-wrap:wrap}.cardCat{color:var(--accent);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono)}.detailPage{display:grid;gap:clamp(12px,2.5vw,20px)}.detailHero{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(1000px 500px at 18% 0%,oklch(.74 .12 198 / .08),transparent 55%),radial-gradient(600px 400px at 85% 85%,oklch(.74 .12 198 / .05),transparent 55%),var(--bg-surface);padding:clamp(20px,3vw,36px)}.detailHeroInner{position:relative;display:grid;gap:14px}.backLink{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-size:13px;font-weight:500;width:fit-content;border-bottom:1px solid var(--accent-border);padding-bottom:1px;touch-action:manipulation;transition:border-color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.backLink:hover{border-bottom-color:var(--accent)}}.detailKicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:clamp(10px,1.6vw,11px);font-family:var(--font-mono)}.detailTitle{margin:0;font-size:clamp(26px,4.5vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.02em;overflow-wrap:break-word}.detailBlurb{margin:0;color:var(--text-2);max-width:70ch;font-size:clamp(14px,1.5vw,16px);line-height:1.65}.detailTags{display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-3);font-family:var(--font-mono)}.detailBody{display:grid;grid-template-columns:1fr 260px;gap:clamp(12px,2.5vw,20px);align-items:start}@media(max-width:860px){.detailBody{grid-template-columns:1fr}.detailSidebar{order:-1}}.detailMain{display:grid;gap:clamp(12px,2.5vw,16px);min-width:0}.detailSection{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface);padding:clamp(16px,2.6vw,28px);display:grid;gap:14px;min-width:0}.sectionHeading{margin:0;font-size:clamp(15px,1.8vw,19px);font-weight:600;color:var(--text);letter-spacing:-.01em;padding-bottom:12px;border-bottom:1px solid var(--accent-border)}.sectionBody{margin:0;color:var(--text-2);font-size:14px;line-height:1.8}.sectionList{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sectionListItem{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start;color:var(--text-2);font-size:13px;line-height:1.6;min-width:0}.hlDot{width:7px;height:7px;border-radius:999px;background:var(--accent);margin-top:7px;flex-shrink:0;box-shadow:0 0 10px #24c1c666}.detailSidebar{display:grid;gap:clamp(10px,2vw,14px)}@media(min-width:861px){.detailSidebar{position:sticky;top:16px}}.sideCard{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface);padding:14px;display:grid;gap:10px;min-width:0}.sideCardLabel{color:var(--accent);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono)}.sideCardVal{color:var(--text-2);font-size:14px;overflow-wrap:break-word}.statusPill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-raised);font-size:11px;font-family:var(--font-mono);color:var(--text-3);width:fit-content}.statusPill.Active{border-color:#45bf8280;background:var(--green-dim);color:var(--green)}.statusPill.Inprogress{border-color:#dda73480;background:var(--amber-dim);color:var(--amber)}.statusPill.Planned{border-color:var(--border);color:var(--text-3)}.highlightList{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ghLink{text-decoration:none;color:var(--accent);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px;border-bottom:1px solid var(--accent-border);padding-bottom:1px;width:fit-content;touch-action:manipulation;transition:border-color .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.ghLink:hover{border-bottom-color:var(--accent)}}.notFound{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface);padding:clamp(32px,5vw,64px);display:grid;gap:14px;justify-items:start}.nfKicker{color:var(--accent);font-size:11px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.nfTitle{margin:0;font-size:clamp(20px,3vw,32px);font-weight:700;letter-spacing:-.01em}.contactPage{width:100%;min-width:0}.contactHero{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(1000px 500px at 18% 0%,oklch(.74 .12 198 / .08),transparent 55%),radial-gradient(600px 400px at 85% 85%,oklch(.74 .12 198 / .05),transparent 55%),var(--bg-surface);padding:clamp(20px,3vw,36px);min-height:calc(100dvh - 140px)}.bgGrid{position:absolute;inset:-220px;background-image:linear-gradient(oklch(.74 .12 198 / .05) 1px,transparent 1px),linear-gradient(90deg,oklch(.74 .12 198 / .05) 1px,transparent 1px);background-size:52px 52px;transform:rotate(-8deg);filter:blur(.3px);animation:drift 22s linear infinite;pointer-events:none}@keyframes drift{0%{transform:translateZ(0) rotate(-8deg)}to{transform:translate3d(-120px,60px,0) rotate(-8deg)}}.scanline{position:absolute;left:0;right:0;height:130px;top:-150px;background:linear-gradient(to bottom,transparent,oklch(.74 .12 198 / .08),transparent);animation:scan 7s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(800px);opacity:0}}.contactHeader{position:relative;margin-bottom:clamp(16px,2.2vw,22px)}.kicker{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:clamp(10px,1.6vw,11px);font-family:var(--font-mono);overflow-wrap:break-word;word-break:break-word}.title{margin:10px 0 0;font-size:clamp(30px,5vw,58px);line-height:1;letter-spacing:-.02em;font-weight:700}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:.8}.glitch:before{transform:translate(2px);color:var(--accent);clip-path:inset(0 0 55% 0);animation:glitchTop 2.4s infinite linear}.glitch:after{transform:translate(-2px);color:#bae0e2;clip-path:inset(55% 0 0 0);animation:glitchBot 2s infinite linear}@keyframes glitchTop{0%{transform:translate(2px)}20%{transform:translate(3px,-1px)}40%{transform:translate(1px,1px)}60%{transform:translate(4px)}80%{transform:translate(2px,1px)}to{transform:translate(2px)}}@keyframes glitchBot{0%{transform:translate(-2px)}20%{transform:translate(-3px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(-4px)}80%{transform:translate(-2px,-1px)}to{transform:translate(-2px)}}.subtitle{margin:10px 0 0;color:var(--text-2);max-width:65ch;font-size:clamp(13px,1.5vw,15px);line-height:1.6}.contactGrid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(12px,2.5vw,18px);align-items:start}@media(max-width:760px){.contactGrid{grid-template-columns:1fr}}.leftPanel,.rightPanel{border-radius:var(--r-md);border:1px solid var(--border);background:#05080acc;padding:clamp(14px,2.2vw,20px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:0}.panelTitle{color:var(--accent);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:14px}.tiles{display:grid;grid-template-columns:1fr;gap:8px}.tile{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;text-decoration:none;color:inherit;padding:12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;touch-action:manipulation;text-align:left;min-width:0;width:100%;transition:border-color .16s var(--ease-out),transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.tile:hover{border-color:var(--accent-border)}}.tile:active{transform:scale(.98);transition-duration:.1s}.tileIcon{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent);flex-shrink:0}.tileText{min-width:0}.tileTop{font-weight:600;font-size:14px;color:var(--text)}.tileSub{color:var(--text-2);font-size:12px;margin-top:2px;overflow-wrap:break-word;word-break:break-all;font-family:var(--font-mono)}.toast{margin-top:12px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:500;opacity:1;transform:translateY(0);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}@starting-style{.toast{opacity:0;transform:translateY(4px)}}.meta{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.metaTitle{color:var(--accent);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:12px}.metaRow{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);min-width:0}.metaRow:last-child{border-bottom:none}@media(max-width:400px){.metaRow{grid-template-columns:1fr;gap:4px}}.metaKey{color:var(--accent);font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-family:var(--font-mono);padding-top:2px}.metaVal{color:var(--text-2);font-size:13px;line-height:1.4;overflow-wrap:break-word}.form{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.row{grid-template-columns:1fr}}.label{display:grid;gap:8px;color:var(--text-2);font-size:13px;font-weight:500}.input{width:100%;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:10px 12px;outline:none;font-size:16px;font-family:var(--font-sans);min-height:42px;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.textarea{min-height:140px;resize:vertical;font-size:16px;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.btnPrimary,.btnGhost{border-radius:var(--r-md);padding:10px 18px;text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);touch-action:manipulation;min-height:42px;display:inline-flex;align-items:center;white-space:nowrap;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform .16s var(--ease-out)}.btnPrimary{border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent)}.btnGhost{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-2)}@media(hover:hover)and (pointer:fine){.btnPrimary:hover{border-color:var(--accent);background:#24c1c62e}.btnGhost:hover{border-color:var(--border-hi);color:var(--text)}}.btnPrimary:active,.btnGhost:active{transform:scale(.97);transition-duration:.1s}.hint{color:var(--text-3);font-size:12px;line-height:1.55}.layout{min-height:100dvh;width:100%;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(10px,2vw,16px);padding:clamp(8px,2vw,16px);overflow-x:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:var(--r-lg);border:1px solid var(--border);background:#05080ae6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-width:0;position:sticky;top:clamp(6px,2vw,14px);z-index:8}.leftTop{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.brand{font-weight:700;letter-spacing:.08em;font-size:clamp(12px,2vw,14px);white-space:nowrap;color:var(--text);font-family:var(--font-mono);text-transform:uppercase}.iconBtn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-2);border-radius:var(--r-md);padding:0;cursor:pointer;touch-action:manipulation;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.iconBtn:hover{border-color:var(--accent-border);color:var(--accent)}}.iconBtn:active{transform:scale(.95);transition-duration:.1s}.content{width:100%;max-width:1400px;margin:0 auto;min-width:0}.backdrop{position:fixed;inset:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out);z-index:9}.backdrop.show{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(82vw,300px);background:#040608f7;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .28s var(--ease-drawer);padding:14px;z-index:10;overflow-y:auto;overscroll-behavior:contain;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sidebar.open{transform:translate(0)}.sideHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 14px;border-bottom:1px solid var(--border);margin-bottom:8px}.sideTitle{font-weight:600;font-size:11px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;font-family:var(--font-mono)}.footer{width:100%;max-width:1400px;margin:0 auto;padding:14px 4px 8px;color:var(--text-3);font-size:13px;border-top:1px solid var(--border);text-align:center}:root{color-scheme:dark;--bg: oklch(.11 .008 240);--bg-surface: oklch(.15 .009 240);--bg-raised: oklch(.19 .01 240);--border: oklch(.24 .01 240);--border-hi: oklch(.34 .012 240);--text: oklch(.94 .005 240);--text-2: oklch(.68 .01 240);--text-3: oklch(.46 .008 240);--accent: oklch(.74 .12 198);--accent-dim: oklch(.74 .12 198 / .12);--accent-border: oklch(.74 .12 198 / .35);--green: oklch(.72 .14 158);--green-dim: oklch(.72 .14 158 / .14);--amber: oklch(.76 .14 82);--amber-dim: oklch(.76 .14 82 / .14);--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--r-sm: 8px;--r-md: 12px;--r-lg: 16px}*,*:before,*:after{box-sizing:border-box;min-width:0}html,body{height:100%;overflow-x:hidden;background:var(--bg)}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}