:root{--bg:#0c0b0a;--panel:#13120f;--panel-2:#191714;--line:#2c2a25;--ink:#d9d2c0;--ink-2:#b9b2a1;--dim:#7f786b;--link:#cdbd8f;--accent:oklch(74% .1 22);--dread:0;--recent:var(--accent);--err:var(--accent);--voice:#e8e2d2;--redact:#000;--mono:"Nanum Gothic Coding", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--serif:"Nanum Myeongjo", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif KR", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --accent{syntax:"<color>";inherits:true;initial-value:oklch(74% .1 22)}:root{transition:--accent 4s ease-in-out}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.75;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}button{font:inherit;color:inherit}body:before{content:"";pointer-events:none;z-index:49;background:radial-gradient(ellipse at center, transparent 55%, oklch(.25 .12 25 / calc(var(--dread) * .55)) 100%);transition:background 4s;position:fixed;inset:0}::selection{color:var(--voice);background:#5a2a24}.dim{color:var(--dim)}.small{font-size:13px}.err{color:var(--err)}b{color:var(--voice);font-weight:700}code{font-family:var(--mono);color:var(--ink);background:var(--panel-2);border-radius:2px;padding:0 4px}.link{color:var(--link);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #cdbd8f59;text-decoration:underline #cdbd8f59}.link:hover,.link:focus-visible{color:var(--voice);text-decoration-color:currentColor}.link.recent,.link.unread{color:var(--recent)}.btn{color:var(--ink-2);cursor:pointer;font-family:var(--serif);letter-spacing:.22em;background:0 0;border:0;padding:6px 4px;transition:color .4s,letter-spacing .6s;position:relative}.btn:before{content:"「";color:var(--dim);margin-right:.15em;transition:color .4s}.btn:after{content:"」";color:var(--dim);margin-left:.05em;transition:color .4s}.btn:hover,.btn:focus-visible{color:var(--voice);letter-spacing:.3em}.btn:hover:before,.btn:hover:after,.btn:focus-visible:before,.btn:focus-visible:after{color:var(--accent)}.btn.primary{color:var(--voice);font-size:18px}.btn.small{letter-spacing:.12em;padding:2px;font-size:13px}.btn.small:hover,.btn.small:focus-visible{letter-spacing:.16em}.btn:disabled{opacity:.35;cursor:default}.btn:focus-visible{-webkit-text-decoration:underline wavy var(--accent) 1px;text-decoration:underline wavy var(--accent) 1px;text-underline-offset:6px;outline:none}:focus-visible{outline:1px dashed var(--ink-2);outline-offset:3px}.title-screen{text-align:center;place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.title-inner{flex-direction:column;align-items:center;gap:18px;max-width:460px;display:flex}.logo{font-family:var(--serif);color:var(--voice);margin:0;font-size:clamp(96px,26vw,168px);font-weight:700;line-height:1;animation:7s infinite flicker;position:relative}.logo span{display:inline-block;position:relative}.logo span:before{content:"";background:var(--bg);width:.05em;box-shadow:0 0 12px 2px var(--bg);animation:9s ease-in-out infinite gap;position:absolute;top:-6%;bottom:-6%;left:50%;transform:translate(-50%)}.logo span:after{content:"";opacity:0;background:#c9c2b0;border-radius:50%;width:4px;height:4px;animation:9s ease-in-out infinite eye;position:absolute;top:41%;left:50%;transform:translate(-50%)}@keyframes gap{0%,60%,to{width:.03em}75%,88%{width:.09em}}@keyframes eye{0%,72%,92%,to{opacity:0}78%,86%{opacity:.85}}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.6}98%{opacity:1}99%{opacity:.75}}.subtitle{color:var(--ink-2);font-family:var(--serif);letter-spacing:.3em;margin:0}.title-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.title-actions p{width:100%;margin:0}.sound-toggle{font-size:13px}.warning{color:var(--dim);margin-top:18px;font-size:12.5px;line-height:1.9}.boot{cursor:default;max-width:760px;min-height:100vh;margin:0 auto;padding:40px 16px}.boot pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;margin:0}.caret{background:var(--ink);vertical-align:middle;width:9px;height:17px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.register .prompt{margin-top:18px}.app{min-height:100vh}.bar{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:10px 16px 8px;padding-top:max(10px, env(safe-area-inset-top));background:#0c0b0af5;position:sticky;top:0}.bar>*{max-width:760px;margin-left:auto;margin-right:auto}.bar-top{color:var(--dim);flex-wrap:wrap;gap:4px 16px;font-size:12.5px;display:flex}.bar-top .host{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.bar-top .stat{white-space:nowrap;font-size:12.5px}.bar-top .link{color:var(--dim);text-decoration:none}.bar-top .link:hover{color:var(--ink)}.bar-top .link.unread{color:var(--recent)}.bar-top .link.flash{animation:1.2s ease-in-out 4 mailflash}@keyframes mailflash{50%{color:var(--voice);text-shadow:0 0 8px var(--recent)}}.prompt{border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:8px;margin-top:6px;padding:2px 0 2px 2px;transition:border-color .4s;display:flex}.prompt:focus-within{border-bottom-color:var(--ink-2)}.ps{color:var(--recent);font-weight:700}.prompt input{min-width:0;color:var(--voice);font-family:var(--mono);caret-color:var(--recent);letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:16px}.prompt input::placeholder{color:#5b564c}.prompt input.ghost{color:var(--recent)}.quick{flex-wrap:wrap;gap:2px 14px;margin-top:6px;font-size:13px;display:flex}.quick .link{color:var(--dim);text-decoration:none}.quick .link:hover{color:var(--ink)}.main{max-width:760px;padding:18px 16px 120px;padding-bottom:max(120px, env(safe-area-inset-bottom));margin:0 auto}.echo{color:var(--dim);word-break:break-all;margin:0 0 14px;font-size:13px}.screen{animation:.25s ease-out both in}@keyframes in{0%{opacity:0}to{opacity:1}}.screen-title{color:var(--voice);letter-spacing:.05em;word-break:break-all;margin:0 0 12px;font-size:15px;font-weight:700}.screen p{margin:0 0 10px}.help{margin:14px 0 18px}.help-row{border-bottom:1px dashed var(--line);grid-template-columns:150px 1fr;gap:12px;padding:6px 0;display:grid}.help-row dt{white-space:nowrap}.help-row dd{color:var(--ink-2);margin:0}@media (width<=520px){.help-row{grid-template-columns:1fr;gap:0}}.list-group{margin-bottom:14px}.decade{color:var(--dim);letter-spacing:.15em;margin:0 0 4px;font-size:12px;font-weight:400}.file-list,.mail-list,.find-list,.notes{margin:0;padding:0;list-style:none}.file-list li{flex-wrap:wrap;align-items:baseline;gap:0 10px;padding:3px 0;display:flex}.count{color:var(--dim);min-width:26px;font-size:12.5px}.count.zero{color:#4d4941}.file-id{letter-spacing:.03em;font-weight:700}.file-title{color:var(--dim);font-size:13px}.list-group.you .file-id{animation:3s infinite flicker}.mail-list li{padding:4px 0}.badge{font-size:12px;font-family:var(--serif);color:var(--recent);letter-spacing:.1em;margin-left:8px}.badge:before{content:"— "}.find-list li{border-bottom:1px dashed var(--line);padding:6px 0}.find-list .file-id{margin-right:10px;display:inline-block}.snippet{color:var(--ink-2);font-size:13.5px}.notes li{word-break:break-word;padding:4px 0}.notes .del{color:var(--dim);text-decoration:none}.echo-err{color:var(--dim);word-break:break-all}.confirm-row{gap:10px;margin-top:16px;display:flex}.new-file{color:var(--recent);font-size:13px;font-family:var(--serif);letter-spacing:.05em}.new-file:before{content:"※ "}.code-chip{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);white-space:nowrap;font-size:.8em}.code-chip:before{content:"(";color:var(--dim)}.code-chip:after{content:")";color:var(--dim)}.people{margin:0 0 16px;padding:0;list-style:none}.people li{border-bottom:1px dashed var(--line);padding:8px 0}.people p{margin:0}.person-head{align-items:baseline;gap:10px;display:flex}.person-head .code-chip{min-width:44px;font-size:13px}.person-files{font-size:13px;margin-top:2px!important}.doc{border:1px solid var(--line);background:var(--panel);margin:8px 0 16px;padding:22px 22px 8px}@media (width<=520px){.doc{margin-left:-4px;margin-right:-4px;padding:16px 14px 4px}}.doc-meta{color:var(--dim);border-bottom:1px dashed var(--line);word-break:keep-all;margin-bottom:16px;padding-bottom:10px;font-size:12.5px}.doc-body{font-family:var(--serif);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;font-size:16px;line-height:1.95}.doc-body p{margin:0 0 1.1em}.doc-body .line{display:block}.fade{animation:.5s ease-out both fade}@keyframes fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.spk{font-family:var(--mono);color:var(--link);font-size:14px;font-weight:700}.ts{font-family:var(--mono);color:var(--dim);font-size:13px}.bbs-h{font-family:var(--mono);color:#8fa37a;font-size:13px}.quote{font-family:var(--mono);color:#8fa0b8}.chat{font-family:var(--mono);color:var(--dim);margin-right:6px;font-size:13px}.pre{font-family:var(--mono);color:var(--ink);background:var(--panel-2);border-left:2px solid var(--line);white-space:pre-wrap;margin:0 0 1.2em;padding:10px 14px;font-size:14.5px;line-height:1.85;overflow-x:auto}.note{font-family:var(--mono);color:var(--ink-2);border-top:1px dashed var(--line);margin:1.4em 0 1.2em;padding-top:12px;font-size:13.5px;line-height:1.8}.note p{margin:0 0 6px}.note-mark{color:var(--recent)}.redact{background:var(--redact);color:#0000;-webkit-user-select:none;user-select:none;border-radius:1px;line-height:1.1;display:inline-block;box-shadow:0 0 0 1px #23211d}.photo{border:1px solid var(--line);background:#080807;min-height:140px;margin:1.4em 0 1.6em;position:relative}.photo:before{content:"loading……";font-family:var(--mono);color:#4d4941;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.photo.loaded{background:0 0;border-color:#0000;min-height:0}.photo.loaded:before{content:none}.photo-btn{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.photo img{opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.photo.loaded img{opacity:1;animation:1.6s steps(16,end) both develop,6s ease-in-out 1.6s infinite breathe}@keyframes develop{0%{clip-path:inset(0 0 100%);filter:brightness(1.6)contrast(.6)}to{clip-path:inset(0);filter:none}}@keyframes breathe{0%,to{filter:none}50%{filter:brightness(.92)contrast(1.06)}}.lightbox{z-index:100;cursor:zoom-out;text-align:center;background:#000000f0;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out both in;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:78vh}.lightbox p{max-width:640px;margin:8px 0 0}.app.glitch .main,.app.glitch .bar{animation:.65s steps(2,end) both glitch}@keyframes glitch{0%{filter:none;transform:translate(0)}15%{filter:hue-rotate(40deg)contrast(1.6);clip-path:inset(10% 0 40%);transform:translate(-6px,1px)skew(4deg)}30%{filter:invert();clip-path:inset(50% 0 5%);transform:translate(5px,-2px)}45%{filter:none;clip-path:none;transform:translate(-2px)}60%{filter:contrast(2)brightness(.6);transform:translate(3px,1px)skew(-6deg)}to{filter:none;clip-path:none;transform:none}}.called{text-align:center;padding-top:6vh}.voice{font-family:var(--serif);color:var(--voice);font-size:18px}.slow{animation:1.5s ease-out both fade}.slower{animation:2s ease-out 1.6s both fade}.called-img{max-width:360px;margin:0 auto;animation:2s ease-out 3s both fade}.ending{padding-top:6px;position:relative}.skip{float:right;color:var(--dim);cursor:pointer;font-size:12px;font-family:var(--serif);letter-spacing:.15em;background:0 0;border:0;position:sticky;top:140px}.end-line{word-break:keep-all;margin:0 0 10px;animation:.6s ease-out both fade}.end-line.mono{font-family:var(--mono);white-space:pre;margin:0;font-size:13px}.end-line.voice{margin:18px 0;font-size:19px}.share{margin:24px 0;animation:.8s ease-out both fade}.share-msg{word-break:break-all;margin-top:10px}.the-end-wrap{margin-top:48px;animation:2s ease-out both fade}.the-end{font-family:var(--serif);letter-spacing:.4em;color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}body:after{display:none}}.end-anchor{height:96px}