:root{--ink:#211c22;--paper:#f4ecda;--phosphor:#bfeccf;--bloom:#ff7aa2;--glow:#9ff0dc;--sky:#e2cfa8;--font-body:"Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-stencil:"Saira Stencil One", "IBM Plex Mono", ui-monospace, monospace;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-osd:"VT323", ui-monospace, Menlo, monospace;--base-sw:clamp(140px, min(13.5vw, 24vh), 220px);color-scheme:light}html,body{height:100%}body{background:var(--sky);color:var(--ink);font-family:var(--font-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;overflow:hidden}#bg,#fg{pointer-events:none;display:block;position:fixed;top:0;left:0}#bg{z-index:0}#fg{z-index:3}.top{z-index:4;padding:calc(env(safe-area-inset-top,0px) + 20px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));pointer-events:none;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.brand{pointer-events:auto;gap:8px;display:grid}.brand img{filter:drop-shadow(0 2px #211c222e);width:clamp(150px,14vw,210px);height:auto;animation:7s ease-in-out infinite alternate drift;display:block}.tagline{font:500 11px/1.4 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#211c22c7;margin:0;padding-left:6px}@keyframes drift{to{transform:translateY(4px)}}.stage{z-index:2;pointer-events:none;margin:0;position:fixed;inset:0}.unit{--sw:calc(var(--base-sw) * var(--k,1));left:var(--x);bottom:var(--b);pointer-events:auto;padding:20px 14px 60px;position:absolute;translate:-50%}.screen{width:var(--sw);aspect-ratio:9/15;cursor:pointer;max-width:100%;color:inherit;font:inherit;background:#0b0d12;border:0;border-radius:10px;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.screen:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 26% 8%,#ffffff21,#0000 40%),repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#00000080);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #000000b3,inset 0 0 18px #00000073}.screen:focus-visible{outline:2px solid var(--glow);outline-offset:7px}.feed{transition:filter .25s;display:block;position:absolute;inset:0}.unit:hover .feed,.screen:focus-visible .feed{filter:brightness(1.12)saturate(1.08)}.feed video,.feed .kb{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.feed-logo{width:80%;height:auto;position:absolute;top:46%;left:50%;translate:-50% -50%}.osd{font-family:var(--font-osd);letter-spacing:.08em;color:#eef6df;text-shadow:0 1px #000000bf,0 0 6px #bef0d259;font-size:16px;line-height:1;position:absolute}.osd-tl{top:9px;left:10px}.osd-bl{bottom:9px;left:10px}.osd-br{opacity:0;transition:opacity .15s;bottom:9px;right:10px}.osd-bc{text-align:center;bottom:11px;left:0;right:0}.unit:hover .osd-br,.screen:focus-visible .osd-br{opacity:1}.feed-image{background:#57b7f0}.feed-image .kb{object-position:50% 62%;animation:16s ease-in-out infinite alternate kenburns}.feed-image .feed-logo{width:96%;animation:3s ease-in-out infinite alternate logobob;top:21%}@keyframes kenburns{0%{transform:scale(1.04)}to{transform:scale(1.2)translate(-3%,4%)}}@keyframes logobob{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(4px)rotate(1deg)}}.feed-next{background:radial-gradient(circle at 50% 42%,#22352f,#0b1311 72%)}.static{background-image:var(--noise);opacity:.16;mix-blend-mode:screen;background-size:120px 120px;animation:.5s step-end infinite static;position:absolute;inset:0}@keyframes static{0%{background-position:0 0}25%{background-position:-37px 21px}50%{background-position:18px -44px}75%{background-position:-52px -9px}}.qmark{filter:drop-shadow(0 0 6px #aae19659);width:46%;height:auto;position:absolute;top:45%;left:50%;overflow:visible;translate:-50% -50%}.q-sway{transform-origin:50px 100px;animation:4s ease-in-out infinite alternate qsway}@keyframes qsway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.q-ink{fill:none;stroke:#0b0f0d;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.q-stem{fill:none;stroke:#b4d98d;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round}.q-hair{fill:none;stroke:#8e7c4a;stroke-width:1px;stroke-linecap:round}.q-leaf{fill:#b4d98d;stroke:#0b0f0d;stroke-width:1.4px;stroke-linejoin:round}.q-vein{fill:none;stroke:#6f9a5a;stroke-width:.8px}.q-seed{fill:#c79a5e;stroke:#0b0f0d;stroke-width:1.6px}.q-ring{fill:none;stroke:#8a6a3e;stroke-width:.9px}.panel{justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.plate{gap:2px;min-width:0;margin:0;line-height:1;display:grid}.plate b{font-family:var(--font-stencil);color:#2a2620;letter-spacing:.03em;font-weight:400;font-size:clamp(14px, calc(var(--sw) * .1), 22px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plate small{font:500 9.5px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#6f6656}.like{height:30px;color:var(--phosphor);cursor:pointer;font:19px/1 var(--font-osd);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:linear-gradient(#3c3842,#25222b);border:1px solid #141217;border-radius:5px;flex:none;align-items:center;gap:6px;padding:0 9px 0 8px;transition:transform 60ms,box-shadow 60ms;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff24,0 2px #121016,0 3px 6px #00000038}.like:hover{background:linear-gradient(#45414c,#2a2730)}.like:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff1a,0 1px #121016}.like:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.led{background:#4b2c37;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:inset 0 0 0 1px #0009}.like.is-liked .led{background:var(--bloom);box-shadow:0 0 0 1px #00000080,0 0 8px 1px #ff7aa2cc}.flw{flex:none;width:15px;height:15px;overflow:visible}.flw path{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.flw circle{fill:currentColor}.like.is-liked .flw path{fill:#ff7aa28c;stroke:#ffd3e0}.qglyph{font:20px/1 var(--font-osd);text-align:center;width:10px}.toast{z-index:2;width:max-content;max-width:200px;color:var(--phosphor);font:500 10.5px/1.45 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;background:#16141a;border:1px solid #3a3640;border-radius:4px;padding:7px 10px;transition:opacity .18s,translate .18s;position:absolute;bottom:calc(100% + 12px);right:-6px;translate:0 4px}.toast.show{opacity:1;translate:0}.toast:after{content:"";border:5px solid #0000;border-top-color:#16141a;position:absolute;top:100%;right:20px}#portal{z-index:10;position:fixed;inset:0}#portal-bg{transition:left .55s cubic-bezier(.75,0,.2,1),top .55s cubic-bezier(.75,0,.2,1),width .55s cubic-bezier(.75,0,.2,1),height .55s cubic-bezier(.75,0,.2,1),border-radius .55s;position:fixed;top:0;left:0}@media (width<=719px){html,body{height:auto}body{min-height:100%;overflow:hidden auto}.top{position:absolute}.brand img{width:160px}.stage{pointer-events:auto;flex-direction:column;align-items:center;gap:156px;padding-block:196px 48vh;display:flex;position:relative;inset:auto}.unit{--base-sw:min(56vw, 236px);position:relative;bottom:auto;left:auto;translate:none}.unit:first-child{align-self:flex-start;margin-left:3vw}.unit:nth-child(2){align-self:flex-end;margin-right:3vw}.unit:nth-child(4){align-self:flex-start;margin-left:6vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}