:root{--chrome:#141412d6;--line:#ffffff1a;--text:#ecebe6;--muted:#a9a79f;--accent:#f2c230;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);overscroll-behavior:none;background:#161614;margin:0}body:not(.doc){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}button,a,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app{position:fixed;inset:0;overflow:hidden}.wall{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.topbar{padding:calc(8px + env(safe-area-inset-top)) 10px 18px 14px;pointer-events:none;z-index:5;background:linear-gradient(#0a0a099e,#0a0a0900);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.logo{letter-spacing:.14em;text-shadow:0 1px 6px #0009;white-space:nowrap;margin:0;font-size:17px;font-weight:800}.viewers{color:var(--muted);text-shadow:0 1px 4px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.top-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.login-btn,.account-btn{white-space:nowrap;border:0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;text-decoration:none}.login-btn{background:var(--text);color:#111}.account-btn{text-overflow:ellipsis;background:#ffffff24;max-width:42vw;overflow:hidden}.icon-btn{background:#ffffff1a;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-btn.small{width:26px;height:26px;font-size:16px;line-height:1}.shelf{padding-bottom:env(safe-area-inset-bottom);background:var(--chrome);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:5;position:absolute;bottom:0;left:0;right:0}.cans{scrollbar-width:none;gap:4px;padding:6px 10px 0;display:flex;overflow-x:auto}.cans::-webkit-scrollbar{display:none}.can{background:0 0;border:0;flex:none;width:30px;height:50px;padding:0;transition:transform .15s;position:relative;transform:translateY(8px)}.can-on{transform:translateY(-2px)}.can-cap{background:var(--paint);border-radius:3px 3px 1px 1px;width:10px;height:7px;position:absolute;top:2px;left:10px;box-shadow:inset 0 -2px #00000059}.can-body{background:linear-gradient(90deg, #ffffff47, #fff0 35%, #00000040), linear-gradient(var(--paint) 0 62%, #2a2a28 62% 66%, var(--paint) 66%);border-radius:5px 5px 3px 3px;width:20px;height:40px;position:absolute;top:9px;left:5px;box-shadow:0 0 0 1px #00000059,0 2px 6px #0006}.can-on .can-body{box-shadow:0 0 0 2px var(--text), 0 4px 10px #00000080}.tools{align-items:center;gap:8px;padding:8px 10px 10px;display:flex}.caps,.modes{background:#ffffff12;border-radius:999px;gap:2px;padding:2px;display:flex}.cap,.mode{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.cap span{border-radius:999px;display:block;box-shadow:0 0 0 1px #ffffff40}.cap-on,.mode-on{color:var(--text);background:#ffffff29}.ink{background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:flex}.ink-can{border-radius:3px;flex:none;width:13px;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff8c}.ink-fill{border-radius:1px;max-height:calc(100% - 4px);transition:height .2s;position:absolute;bottom:2px;left:2px;right:2px}.ink-text{white-space:nowrap;flex-direction:column;align-items:flex-start;font-size:12px;line-height:1.15;display:flex}.ink-text small{color:var(--muted);font-size:11px}.tool{background:#ffffff12;border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.tools .tool:first-of-type{margin-left:auto}.popover{border:1px solid var(--line);z-index:10;background:#1e1e1c;border-radius:14px;width:240px;padding:12px 14px;position:fixed;box-shadow:0 10px 30px #00000080}.popover-up{transform:translateY(-100%)}.pop-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pop-meta{color:var(--muted);margin:6px 0 4px;font-size:13px}.reasons{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.reason{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:8px 6px;font-size:13px}.sheet-backdrop{z-index:20;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,520px);max-height:88vh;padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#1d1d1b;border-radius:18px 18px 0 0;line-height:1.65;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet h2{margin:0;font-size:17px}.sheet p{margin:10px 0;font-size:14px}.sheet-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.sheet-actions.column{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn,.danger-btn{text-align:center;border:0;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.primary-btn{background:var(--accent);color:#141414}.secondary-btn{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff2e}.danger-btn{background:var(--danger);color:#160909}.text-btn{color:var(--muted);background:0 0;border:0;padding:8px 4px;font-size:14px}.danger{color:var(--danger)}.confirm{background:#ff6b6b14;border-radius:12px;padding:10px 12px}.facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0;font-size:14px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.toggle{align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent);margin-top:4px}.toggle small{color:var(--muted);font-size:12px;display:block}.shot{background:#111;border-radius:12px;place-items:center;min-height:140px;margin:10px 0;display:grid;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot-url{border:1px solid var(--line);background:#141413;border-radius:10px;width:100%;padding:8px 10px;font-size:12px}.tomorrow{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.tomorrow figure{margin:0}.tomorrow img,.tomorrow .ph{aspect-ratio:4/3;object-fit:cover;background:#2a2a27;border-radius:10px;width:100%;display:block}.tomorrow figcaption{color:var(--muted);text-align:center;margin-top:4px;font-size:12px}.links{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.links a{color:var(--text);padding:8px 4px;display:inline-block}.lead{color:var(--muted)}.onboarding{z-index:30;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ob-card{border:1px solid var(--line);background:#1d1d1b;border-radius:18px;width:min(100%,380px);padding:22px 22px 18px;line-height:1.7}.ob-card h2{margin:4px 0 8px;font-size:22px}.ob-step{color:var(--muted);margin:0;font-size:12px}.ob-dots{gap:6px;margin-top:12px;display:flex}.ob-dots span{background:#ffffff40;border-radius:999px;width:6px;height:6px}.ob-dots .on{background:var(--accent)}.toast{left:50%;bottom:calc(132px + env(safe-area-inset-bottom));border:1px solid var(--line);z-index:40;background:#0c0c0beb;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.turnstile-wrap{left:50%;bottom:calc(140px + env(safe-area-inset-bottom));z-index:35;opacity:0;pointer-events:none;width:min(92vw,320px);position:fixed;transform:translate(-50%)}.turnstile-wrap.visible{opacity:1;pointer-events:auto;border:1px solid var(--line);background:#1d1d1b;border-radius:14px;padding:12px}.turnstile-wrap p{margin:0 0 8px;font-size:13px}.no-webgl{position:absolute;inset:0}.no-webgl img{object-fit:cover;filter:brightness(.7);width:100%;height:100%}.no-webgl p{text-align:center;background:#0a0a09d9;border-radius:14px;width:min(90%,420px);padding:14px 18px;line-height:1.7;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.fallback{max-width:420px;margin:20vh auto 0;padding:20px;line-height:1.7}.legal{max-width:720px;margin:0 auto;padding:24px 20px 60px;font-size:15px;line-height:1.85}.legal h1{margin:8px 0 16px;font-size:24px}.legal h2{margin:28px 0 8px;font-size:17px}.legal a{color:var(--accent)}.legal .meta{color:var(--muted);margin-top:28px;font-size:13px}.legal-nav{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:16px;font-size:13px;display:flex}@media (width>=760px){.shelf{border:1px solid var(--line);border-radius:18px;width:720px;bottom:14px;left:50%;right:auto;transform:translate(-50%)}.toast{bottom:150px}}