@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#080b0f;color:#eef3f8;--bg: #080b0f;--panel: #0c1117;--panel2: #111820;--line: #26303a;--muted: #77899b;--soft: #a9b6c2;--accent: #83a6c6;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}img{display:block}.nav{height:82px;max-width:1540px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:13px;font-weight:600;font-size:14px}.brand img{width:34px;height:34px;object-fit:contain}.nav-link{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}.nav-link span{color:#fff;margin-left:7px}main,footer{max-width:1540px;margin:auto}.feed-hero{padding:86px 42px 70px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.eyebrow,.developers>span,.detail-bottom span{font:500 10px var(--mono);letter-spacing:.12em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow i{width:5px;height:5px;background:var(--accent);border-radius:50%}.feed-hero h1,.detail-title h1{margin:0;font-size:clamp(54px,6vw,92px);line-height:.94;letter-spacing:-.06em;font-weight:600}.feed-hero h1 span{color:#6f8294}.feed-intro{max-width:390px;padding-bottom:4px}.feed-intro p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 24px}.feed-intro span{font:500 10px var(--mono);color:var(--soft);letter-spacing:.1em}.project-grid{padding:0 42px 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 22px}.project-card{min-width:0;display:block}.mini-browser{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.project-card:hover .mini-browser{transform:translateY(-4px);border-color:#455462}.mini-bar,.browser-bar{position:relative;height:34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#0d1218}.mini-bar{padding:0 11px}.mini-bar>span{position:absolute;left:50%;transform:translate(-50%);font:400 8px var(--mono);color:#647587;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dots{display:flex;gap:5px}.dots i{width:5px;height:5px;border-radius:50%;background:#52606d}.mini-viewport{height:240px;position:relative;overflow:hidden;background:#090d11}.mini-viewport iframe{position:absolute;width:1440px;height:900px;border:0;left:0;top:0;transform-origin:0 0;transform:scale(.31);background:#fff;pointer-events:none}.preview-shield{position:absolute;inset:0;z-index:3;cursor:pointer}.card-meta{padding:17px 3px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.card-meta>div{display:flex;gap:13px;align-items:baseline;min-width:0}.card-index,.index{font:400 9px var(--mono);color:var(--accent)}.card-meta h2{margin:0;font-size:17px;font-weight:500;letter-spacing:-.02em}.card-arrow{font-size:13px;color:var(--muted);transition:.2s}.project-card:hover .card-arrow{color:#fff;transform:translate(2px,-2px)}.detail{padding:56px 42px 110px}.back{display:inline-block;margin-bottom:64px;font:500 10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.back:hover{color:#fff}.detail-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:end;margin-bottom:50px}.detail-title .index{display:block;margin-bottom:15px}.detail-title h1{font-size:clamp(50px,5vw,78px)}.detail-title p{max-width:680px;margin:23px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.detail-side{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:20px;padding:0 0 2px}.developers{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.developers>span{margin:0 0 4px;font:500 9px var(--mono);letter-spacing:.14em;color:var(--muted)}.developers b{display:block;margin:0;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;color:#b7c6d4;line-height:1.5}.open{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid #33414e;border-radius:8px;background:#0d1319;color:#e4ebf1;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.01em;text-transform:none;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.open:hover{background:#131b23;border-color:#5a7083;color:#fff;transform:translateY(-1px)}.open-arrow{display:inline-block;font-size:13px;font-weight:400;color:#87a9c7;transition:transform .18s ease}.open:hover .open-arrow{transform:translate(2px,-2px)}.browser{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.browser-bar{height:42px;padding:0 15px;justify-content:space-between}.browser-bar .address{position:absolute;left:50%;transform:translate(-50%);width:min(360px,45%);padding:7px 12px;border:1px solid #26313a;border-radius:5px;text-align:center;font:400 8px var(--mono);color:#6c7e8e;background:#121920}.browser-bar>a{color:var(--muted);font-size:12px}.frame-wrap{height:min(68vh,720px);min-height:480px;position:relative;overflow:hidden;background:#fff}.frame-wrap iframe{position:absolute;top:0;left:0;width:calc(100% + 20px);height:calc(100% + 20px);border:0;display:block;background:#fff;pointer-events:none}.frame-shield{position:absolute;inset:0;z-index:10;background:transparent;cursor:default}.detail-bottom{margin-top:36px;display:grid;grid-template-columns:2fr 1fr;gap:70px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}.detail-bottom p,.detail-bottom a{color:var(--muted);font-size:12px;line-height:1.7}.detail-bottom p{max-width:650px;margin:12px 0 0}.detail-bottom a{display:block;margin-top:12px}.detail-bottom a:hover{color:#fff}footer{margin-top:20px;padding:48px 42px 34px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:1fr auto;gap:34px;align-items:start}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{width:28px;height:28px}.footer-brand div{display:flex;flex-direction:column;gap:3px}.footer-brand b{font-size:12px;font-weight:600}.footer-brand span,.copy{color:#586978;font:400 9px var(--mono)}.socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px}.socials a{color:#758797;font:400 9px var(--mono);text-transform:uppercase}.socials a:hover{color:#fff}.copy{grid-column:1 / -1;padding-top:25px;border-top:1px solid rgba(255,255,255,.05)}.not-found{min-height:65vh;padding:100px 42px}.not-found>span{font:500 10px var(--mono);color:var(--accent)}.not-found h1{font-size:clamp(42px,7vw,90px);margin:15px 0 40px;letter-spacing:-.05em}@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-head{grid-template-columns:1fr 230px}}@media(max-width:720px){.nav{height:68px;padding:0 20px}.brand span{display:none}.feed-hero{padding:58px 20px 48px;display:block}.feed-intro{margin-top:30px}.project-grid{padding:0 20px 70px;grid-template-columns:1fr;gap:38px}.mini-viewport{height:220px}.detail{padding:38px 20px 75px}.back{margin-bottom:45px}.detail-head{grid-template-columns:1fr;gap:34px}.detail-side{padding:0}.detail-bottom{grid-template-columns:1fr;gap:28px}.frame-wrap{min-height:440px;height:62vh}footer{padding:40px 20px 28px;grid-template-columns:1fr}.socials{justify-content:flex-start}}@media(min-width:1250px){.mini-viewport iframe{transform:scale(.34)}}