*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{--bg:#0d0e10;--panel:#15171a;--panel2:#1b1e22;--line:#ffffff1a;--line2:#ffffff0d;--ink:#eae8e2;--ink2:#dcd8ce;--ink3:#ada99e;--ink4:#494740;--needle:#8b93a3;--needle-bg:#8b93a31f;--on-needle:#0d0e10;--grid:#ffffff06;--amber:#d9a33a;--tr:.2s cubic-bezier(.4,0,.2,1);background:var(--bg);color:var(--ink2);font-family:var(--font-noto),"Noto Sans KR",system-ui,sans-serif;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);min-height:100vh;transition:background-color var(--tr),color var(--tr);background-size:22px 22px;font-size:15px;font-weight:400;line-height:1.65;overflow-x:hidden}html[data-theme=light] body{--bg:#f2efe7;--panel:#fbfaf5;--panel2:#eceadf;--line:#00000024;--line2:#0000000f;--ink:#1a1a16;--ink2:#403a30;--ink3:#6c675c;--ink4:#c2bfb4;--needle:#5f6675;--needle-bg:#5f66751a;--on-needle:#fdfcf7;--amber:#7d5a0f;--grid:#00000007}html{scroll-behavior:smooth}.mono{font-family:var(--font-mono),"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.reg{z-index:200;pointer-events:none;opacity:.5;width:14px;height:14px;position:fixed}.reg:before,.reg:after{content:"";background:var(--needle);position:absolute}.reg:before{width:1px;height:14px;top:0;left:6px}.reg:after{width:14px;height:1px;top:6px;left:0}.reg.tl{top:8px;left:8px}.reg.tr{top:8px;right:8px}.reg.bl{bottom:8px;left:8px}.reg.br{bottom:8px;right:8px}@media (max-width:719px){.reg{display:none}}header{z-index:100;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{align-items:center;gap:10px;max-width:1180px;height:52px;margin:0 auto;padding:0 24px;display:flex}.logo{font-family:var(--font-display),"Space Grotesk",sans-serif;color:var(--ink);letter-spacing:.02em;white-space:nowrap;font-size:19px;font-weight:700}.logo .a{color:var(--needle)}.logo-an{color:var(--ink3);letter-spacing:.14em;border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:13px}.spacer{margin-left:auto}.sw{border:1px solid var(--line);border-radius:5px;flex-shrink:0;display:flex;overflow:hidden}.sw button{background:var(--panel);font-size:13px;font-family:var(--font-mono),"IBM Plex Mono",monospace;color:var(--ink3);cursor:pointer;letter-spacing:.05em;transition:var(--tr);border:none;justify-content:center;align-items:center;padding:5px 9px;display:flex}.sw button+button{border-left:1px solid var(--line)}.sw button:hover{color:var(--ink)}.sw button.on{background:var(--needle);color:var(--on-needle)}.view-sw button{padding:5px 8px}.ticker-wrap{background:var(--panel);border-bottom:1px solid var(--line);padding:.5rem 0;overflow:hidden}.ticker{white-space:nowrap;width:max-content;animation:30s linear infinite tick;display:flex}.tick-item{color:var(--ink3);letter-spacing:.06em;align-items:center;gap:.7rem;padding:0 1.6rem;font-size:13px;display:flex}.tick-item:before{content:"+";color:var(--needle);font-size:13px}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{padding:46px 24px 30px}.eyebrow{letter-spacing:.24em;color:var(--needle);align-items:center;gap:9px;margin-bottom:18px;font-size:13px;display:flex}.eyebrow:before{content:"";background:var(--needle);width:26px;height:1px}h1{font-family:var(--font-display),"Space Grotesk",sans-serif;letter-spacing:-.015em;color:var(--ink);margin-bottom:18px;font-size:clamp(30px,5.4vw,52px);font-weight:500;line-height:1.1}h1 em{color:var(--needle);font-style:normal}.sub{color:var(--ink2);max-width:640px;font-size:15px;line-height:1.8}.shdr{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sidx{font-family:var(--font-mono),"IBM Plex Mono",monospace;color:var(--needle);border:1px solid var(--needle);letter-spacing:.05em;border-radius:4px;padding:2px 7px;font-size:13px;font-weight:600}.skick{letter-spacing:.2em;color:var(--ink3);text-transform:uppercase;font-size:13px}.stitle{font-family:var(--font-display),"Space Grotesk",sans-serif;color:var(--ink);font-size:19px;font-weight:500}.srule{border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 9px);opacity:.7;background-position:bottom;background-repeat:repeat-x;flex:1;min-width:20px;height:8px}.portal-section{padding:30px 24px 10px}.pcard,.list-row{--ac:var(--ac-d,var(--needle))}html[data-theme=light] .pcard,html[data-theme=light] .list-row{--ac:var(--ac-l,var(--needle))}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pcard{border:1px solid var(--line);background:var(--panel);transition:transform var(--tr),border-color var(--tr);border-radius:12px;flex-direction:column;min-height:150px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pcard:not(.wip):hover{border-color:var(--ac);transform:translateY(-3px)}.pcard .accentbar{background:var(--ac);flex-shrink:0;height:3px}.pcard.wip .accentbar{opacity:.4}.pc-body{flex-direction:column;flex:1;gap:.35rem;padding:16px 18px 18px;display:flex}.pc-top{justify-content:space-between;align-items:flex-start;margin-bottom:.3rem;display:flex}.pc-icon{color:var(--ink3);font-size:1.05rem}.pc-brand{font-family:var(--font-display),"Space Grotesk",sans-serif;letter-spacing:.01em;color:var(--ink);transition:color var(--tr);font-size:22px;font-weight:700;line-height:1}.pcard:not(.wip):hover .pc-brand{color:var(--ac)}.pcard.wip .pc-brand{color:var(--ink3);font-weight:500}.pc-desc{color:var(--ink3);letter-spacing:.01em;font-size:13px;line-height:1.5}.pc-url{color:var(--ink3);letter-spacing:.02em;margin-top:auto;padding-top:.4rem;font-size:13px}.list-wrap{flex-direction:column;gap:8px;display:flex}.list-row{border:1px solid var(--line);background:var(--panel);transition:border-color var(--tr),transform var(--tr);border-radius:10px;align-items:center;gap:1rem;padding:.85rem 1.1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.list-row:before{content:"";background:var(--ac);width:3px;position:absolute;top:0;bottom:0;left:0}.list-row.wip:before{opacity:.4}.list-row:not(.wip):hover{border-color:var(--ac);transform:translate(2px)}.lr-icon{color:var(--ink3);text-align:center;flex-shrink:0;width:1.3rem;font-size:1rem}.lr-brand{font-family:var(--font-display),"Space Grotesk",sans-serif;letter-spacing:.01em;color:var(--ink);width:7rem;transition:color var(--tr);flex-shrink:0;font-size:19px;font-weight:700}.list-row:not(.wip):hover .lr-brand{color:var(--ac)}.list-row.wip .lr-brand{color:var(--ink3);font-weight:500}.lr-desc{color:var(--ink3);flex:1;font-size:13px;line-height:1.4}.lr-url{color:var(--ink3);flex-shrink:0;font-size:13px}.badge{font-family:var(--font-mono),"IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:4px;flex-shrink:0;padding:.1rem .45rem;font-size:13px}.b-live{color:var(--ac);border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}.b-dev{color:var(--amber);border-color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.b-wip{color:var(--needle);border-color:var(--line);background:var(--needle-bg)}.two{grid-template-columns:1fr 1fr;align-items:start;gap:20px;padding:34px 24px 10px;display:grid}.col{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px 22px 24px}.about-txt{color:var(--ink2);margin-top:.2rem;font-size:15px;line-height:1.75}.astats{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1.1rem;display:grid;overflow:hidden}.astat{background:var(--panel2);padding:.8rem .9rem}.astat-n{font-family:var(--font-display),"Space Grotesk",sans-serif;color:var(--needle);font-size:26px;font-weight:500;line-height:1}.astat-l{color:var(--ink3);letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem;font-size:13px}.ulist{flex-direction:column;gap:8px;margin-top:.2rem;display:flex}.uitem{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:.8rem .95rem}.umeta{color:var(--needle);letter-spacing:.06em;margin-bottom:.3rem;font-size:13px}.utitle{color:var(--ink);font-size:15px;font-weight:500;line-height:1.45}.udesc{color:var(--ink3);margin-top:.25rem;font-size:15px;line-height:1.55}footer{border-top:1px solid var(--line);margin-top:40px}.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:32px 24px 24px;display:grid}.flogo{font-family:var(--font-display),"Space Grotesk",sans-serif;letter-spacing:.02em;color:var(--ink);font-size:19px;font-weight:700}.flogo .a{color:var(--needle)}.ftag{color:var(--ink3);max-width:36ch;margin-top:.6rem;font-size:15px;line-height:1.7}.fc-title{color:var(--needle);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.8rem;font-size:13px}.flinks{flex-direction:column;gap:.5rem;list-style:none;display:flex}.flinks a{font-family:var(--font-mono),"IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--ink3);transition:color var(--tr);font-size:13px;text-decoration:none}.flinks a:hover{color:var(--needle)}.fbot{border-top:1px solid var(--line2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 40px;display:flex}.fcopy{color:var(--ink3);letter-spacing:.05em;font-size:13px}@media (max-width:1000px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav{gap:8px}.logo-an{display:none}.two{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.astats{grid-template-columns:repeat(2,1fr)}.fbot{text-align:center;flex-direction:column}}@media (max-width:560px){.card-grid,.foot-grid{grid-template-columns:1fr}.lr-url{display:none}.lr-brand{width:5.5rem}h1{font-size:clamp(26px,8vw,34px)}}.ticker:hover{animation-play-state:paused}a.tick-item{text-decoration:none;transition:color .15s}a.tick-item:hover{color:var(--needle)}