:root{--ink:#2B2A3D;--ink-soft:#5B5975;--paper:#FFFDF7;--sky:#B8C4F0;--sky-deep:#94A2E4;--grape:#6C5CE0;--peach:#FF9E7D;--mint:#7FD8C0;--line:#2B2A3D;--shadow:4px 4px 0 var(--ink);--radius:18px;--display:"Jua",system-ui,sans-serif;--body:"IBM Plex Sans KR",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--body);color:var(--ink);background:linear-gradient(170deg,var(--sky) 0%,var(--sky-deep) 100%);background-attachment:fixed;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.45) 1.5px,transparent 1.5px);background-size:26px 26px;pointer-events:none}.menubar{position:fixed;top:0;left:0;right:0;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fffdf7d1;backdrop-filter:blur(10px);border-bottom:2px solid var(--line);z-index:60}.brand{font-family:var(--display);font-size:16px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.brand-dot{width:12px;height:12px;border-radius:4px;background:var(--grape);border:2px solid var(--line)}.clock{font-family:var(--mono);font-size:13px;font-weight:500}.desktop{position:fixed;inset:38px 0 0;padding:26px 22px;display:grid;grid-template-columns:repeat(auto-fill,104px);grid-auto-rows:112px;gap:6px;align-content:start}.icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border:none;background:none;cursor:pointer;border-radius:14px;font-family:var(--display);font-size:14px;color:var(--ink);opacity:0;transform:translateY(8px);animation:pop .38s cubic-bezier(.2,1.3,.4,1) forwards}.icon:hover .icon-art,.icon:focus-visible .icon-art{transform:translateY(-4px) rotate(-3deg)}.icon:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.icon-art{width:56px;height:56px;transition:transform .18s cubic-bezier(.2,1.3,.4,1);filter:drop-shadow(3px 3px 0 rgba(43,42,61,.85))}.icon-label{background:#fffdf7e6;border:2px solid var(--line);border-radius:9px;padding:1px 8px;line-height:1.5}@keyframes pop{to{opacity:1;transform:translateY(0)}}.scrim{position:fixed;inset:0;background:#2b2a3d47;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s ease}.scrim.on{opacity:1;pointer-events:auto}.window{position:fixed;z-index:80;top:50%;left:50%;width:min(760px,calc(100vw - 56px));height:min(560px,calc(100vh - 110px));transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;background:var(--paper);border:2.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:opacity .2s ease,transform .24s cubic-bezier(.2,1.2,.4,1)}.window.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.titlebar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:2.5px solid var(--line);background:var(--grape);color:var(--paper);flex-shrink:0}.lights{display:flex;gap:6px}.light{width:13px;height:13px;border-radius:50%;border:2px solid var(--line);background:var(--paper)}.light.close{background:var(--peach);cursor:pointer;padding:0}.light.close:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.wintitle{font-family:var(--display);font-size:15px;letter-spacing:.02em}.winbody{flex:1;overflow-y:auto;overscroll-behavior:contain}.urlbar{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:2px solid var(--line);background:#f0eefc;flex-shrink:0}.navbtn{width:26px;height:26px;flex-shrink:0;border:2px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;font-size:12px;line-height:1;color:var(--ink)}.navbtn[disabled]{opacity:.35;cursor:default}.navbtn:focus-visible{outline:2px solid var(--grape);outline-offset:1px}.urlfield{flex:1;min-width:0;font-family:var(--mono);font-size:12.5px;background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:5px 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.urlfield b{color:var(--grape);font-weight:500}.page{padding:26px 30px 34px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grape);margin-bottom:9px}.page h1{font-family:var(--display);font-size:29px;line-height:1.32;font-weight:400;margin-bottom:14px}.page h2{font-family:var(--display);font-size:19px;font-weight:400;margin:26px 0 11px}.page p{font-size:14.5px;line-height:1.85;color:var(--ink-soft);margin-bottom:13px;max-width:60ch}.page p b{color:var(--ink);font-weight:600}.hr{height:2px;background:var(--line);opacity:.14;margin:24px 0;border-radius:2px}.postlist{list-style:none;display:flex;flex-direction:column;gap:2px}.postlink{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--body);color:var(--ink);display:flex;align-items:baseline;gap:12px;padding:11px 12px;border-radius:11px;transition:background .14s ease}.postlink:hover{background:#f0eefc}.postlink:focus-visible{outline:2px solid var(--grape);outline-offset:-2px}.postdate{font-family:var(--mono);font-size:11.5px;color:var(--grape);flex-shrink:0}.posttitle{font-size:14.5px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.card{border:2.5px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);overflow:hidden}.card-top{height:88px;border-bottom:2.5px solid var(--line);display:grid;place-items:center}.card-body{padding:11px 13px}.card-title{font-family:var(--display);font-size:15px;margin-bottom:4px}.card-meta{font-family:var(--mono);font-size:11px;color:var(--ink-soft)}.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;border:2px solid var(--line);border-radius:999px;padding:1px 8px;background:var(--mint);margin-top:8px}.tag.wip{background:#edebf8;color:var(--ink-soft)}.photogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.photo{aspect-ratio:1;border:2.5px solid var(--line);border-radius:12px;box-shadow:3px 3px 0 var(--ink);display:grid;place-items:end start;padding:9px;font-family:var(--mono);font-size:10.5px;color:var(--ink)}.photo span{background:var(--paper);border:2px solid var(--line);border-radius:7px;padding:0 6px;line-height:1.6}.vidlist{display:flex;flex-direction:column;gap:11px}.vid{display:flex;gap:13px;align-items:center;border:2.5px solid var(--line);border-radius:13px;box-shadow:3px 3px 0 var(--ink);background:var(--paper);padding:11px}.thumb{width:96px;height:58px;flex-shrink:0;border:2px solid var(--line);border-radius:9px;display:grid;place-items:center}.play{width:0;height:0;border-left:13px solid var(--paper);border-top:9px solid transparent;border-bottom:9px solid transparent;filter:drop-shadow(1.5px 1.5px 0 var(--ink))}.vidmeta{min-width:0}.vidtitle{font-size:14px;font-weight:500;margin-bottom:3px}.viddur{font-family:var(--mono);font-size:11px;color:var(--ink-soft)}.trashlist{list-style:none;display:flex;flex-direction:column;gap:9px}.trashitem{display:flex;gap:11px;align-items:baseline;padding-bottom:9px;border-bottom:2px dashed rgba(43,42,61,.16)}.trashitem s{font-size:14.5px;color:var(--ink-soft)}.why{font-family:var(--mono);font-size:11.5px;color:var(--grape);flex-shrink:0}.note{margin-top:22px;padding:13px 15px;border:2px dashed rgba(43,42,61,.3);border-radius:12px;font-size:12.5px;line-height:1.7;color:var(--ink-soft)}@media(max-width:720px){.desktop{inset:38px 0 0;padding:34px 20px;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:22px 8px;align-content:start}.icon{font-size:12.5px}.icon-art{width:52px;height:52px}.window{top:0;left:0;transform:translateY(14px);width:100%;height:100%;max-height:none;border:none;border-radius:0;box-shadow:none}.window.on{transform:translateY(0)}.titlebar{padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top))}.page{padding:22px 20px 46px}.page h1{font-size:24px}.grid{grid-template-columns:1fr 1fr}.card-top{height:74px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.icon{opacity:1;transform:none}}