:root{--paper: #f6f2e9;--card: #fffdf8;--ink: #1d1d1b;--ink-2: #22211e;--ink-body: #34312b;--muted: #746e65;--muted-2: #777168;--muted-3: #9e978b;--dark: #191918;--dark-text: #fffdf8;--dark-muted: #d5d0c6;--dark-faint: #989186;--signal: var(--event-color, #a51e6d);--signal-light: color-mix(in srgb, var(--signal) 55%, white);--signal-chip: color-mix(in srgb, var(--signal) 30%, white);--signal-tint: color-mix(in srgb, var(--signal) 5%, white);--signal-hover-bg: color-mix(in srgb, var(--signal) 10%, white);--signal-deep: color-mix(in srgb, var(--signal) 85%, black);--signal-deeper: color-mix(in srgb, var(--signal) 67%, black);--gold: #f9d56e;--green: #39b89b;--teal: #7ee1cc;--amber: #d49c2e;--font-sans: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--paper)}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}button{font-family:inherit;cursor:pointer;background:none;border:none}.mono{font-family:var(--font-mono)}.icon{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}.icon.sm{width:12px;height:12px}.container{max-width:1480px;margin:0 auto;padding:0 16px}@media(min-width:640px){.container{padding:0 28px}}.site-header{border-bottom:5px solid var(--signal);background:var(--dark);color:var(--dark-text)}.site-header .inner{display:flex;height:64px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{width:40px;height:40px;flex-shrink:0;background:var(--signal);clip-path:polygon(0 0,100% 0,100% 62%,62% 62%,62% 100%,0 100%)}.brand-kicker{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--signal-light)}.brand-name{margin-top:4px;font-size:16px;font-weight:900;letter-spacing:-.065em;line-height:1}.brand-name small{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;color:var(--dark-faint)}.brand-name-simple{font-size:15px;font-weight:700;letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:12px}.simple-main{padding-top:28px}.intro{padding-bottom:20px;border-bottom:1px solid rgba(29,29,27,.12);margin-bottom:24px}.session-nav{display:flex;gap:8px;margin-bottom:14px}.session-nav[hidden]{display:none}.session-nav a,.session-nav .current{display:inline-block;padding:6px 14px;font-size:13px;font-weight:600;border:1px solid rgba(29,29,27,.2);color:#605b52;text-decoration:none}.session-nav a:hover{border-color:var(--ink);color:var(--ink)}.session-nav .current{background:var(--ink);border-color:var(--ink);color:#fff}.event-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.event-picker label{font-size:13px;font-weight:500;color:var(--muted)}.event-picker select{min-width:240px;padding:8px 10px;font-size:14px;font-family:var(--font-sans);border:1px solid rgba(29,29,27,.25);background:var(--card);color:var(--ink)}.ng-note{font-size:12px;line-height:1.6;color:var(--muted)}#ng-words{width:100%;padding:10px;font-size:14px;font-family:var(--font-sans);line-height:1.7;border:1px solid rgba(29,29,27,.25);background:var(--card);color:var(--ink);resize:vertical}.intro .event-line{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}.intro .lede{margin-top:10px;font-size:15px;line-height:1.8;color:var(--ink-body);max-width:44em}.intro .q-count{margin-top:10px;font-size:13px;color:var(--muted)}.intro .q-count span{font-family:var(--font-mono);font-weight:600;color:var(--ink)}.conn{display:none;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--dark-muted)}@media(min-width:640px){.conn{display:inline-flex}}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}.conn-dot.error{background:var(--signal)}.btn-header{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);padding:8px 12px;color:inherit;text-decoration:none;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;transition:border-color .15s,background .15s}.btn-header:hover{border-color:var(--signal);background:var(--signal)}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);color:var(--dark-text)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-30;background:radial-gradient(900px 420px at 80% 0%,rgba(165,30,109,.35),transparent 60%),radial-gradient(700px 420px at 8% 90%,rgba(249,213,110,.12),transparent 55%),linear-gradient(160deg,#262523,#191918 55%,#0f0f0e)}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-20;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.95}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10;background:linear-gradient(180deg,#04040338,#0404036b 55%,#040403c2)}.hero-grid{display:grid;gap:32px;padding-top:48px;padding-bottom:48px}@media(min-width:1024px){.hero-grid{grid-template-columns:220px minmax(0,1fr) 260px;padding-top:64px;padding-bottom:64px}}.hero-rail{display:none;border-left:1px solid var(--signal);padding-left:16px}@media(min-width:1024px){.hero-rail{display:block}}.hero-rail .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--signal-light)}.hero-rail .v{margin-top:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.hero-rail .meta{margin-top:48px;display:flex;flex-direction:column;gap:16px;font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:.1em;color:var(--dark-muted)}.hero-rail .meta .k2{display:block;color:#777168}.hero-kicker{margin-bottom:20px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--dark-muted)}.hero-kicker .sq{width:8px;height:8px;background:var(--signal)}.live-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(165,30,109,.6);background:#a51e6d1a;padding:6px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--signal-chip)}.live-chip .icon{animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.headline-panel{margin-top:24px;max-width:576px;border-left:2px solid var(--gold);background:#0000009e;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.headline-panel .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--gold)}.headline-panel h1{margin-top:12px;font-size:clamp(2.3rem,5vw,4.7rem);font-weight:700;line-height:.98;letter-spacing:-.065em;word-break:keep-all}.headline-panel p{margin-top:16px;font-size:14px;line-height:1.9;color:#f4e8cd}@media(min-width:640px){.headline-panel p{font-size:16px}}.hero-status{align-self:end;border-top:1px solid rgba(255,255,255,.2);padding-top:16px}@media(min-width:1024px){.hero-status{border-top:none;border-left:1px solid rgba(255,255,255,.2);padding-top:0;padding-left:20px}}.hero-status .head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--dark-muted)}.hero-status .head .icon{color:var(--teal)}.hero-status .nums{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-status .n{font-size:30px;font-weight:700;letter-spacing:-.06em}.hero-status .l{margin-top:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--dark-faint)}.hero-bar{height:4px;background:var(--signal)}.layout{display:grid;gap:40px;padding-top:32px;padding-bottom:32px}@media(min-width:1024px){.layout{grid-template-columns:220px minmax(0,1fr) 260px;padding-top:48px;padding-bottom:48px}}.aside{display:none}@media(min-width:1024px){.aside{display:block}}.aside .sticky{position:sticky;top:28px}.aside-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--muted)}.aside-note{margin-top:16px;border-left:1px solid rgba(29,29,27,.2);padding-left:16px}.aside-note .t{font-weight:700;line-height:1.6}.aside-note .s{margin-top:16px;font-size:14px;line-height:1.7;color:#68635a}.aside-foot{margin-top:32px;border-top:1px solid rgba(29,29,27,.15);padding-top:16px;font-family:var(--font-mono);font-size:10px;line-height:2;letter-spacing:.08em;color:var(--muted)}.aside-foot span{display:block}.compose-card{position:relative;border:1px solid rgba(29,29,27,.2);background:var(--card);padding:20px;box-shadow:0 20px 45px #27231f14}@media(min-width:640px){.compose-card{padding:24px}}.compose-card .accent{position:absolute;top:-1px;left:0;height:4px;width:96px;background:var(--signal)}.compose-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.compose-head label{font-size:18px;font-weight:700;letter-spacing:-.035em}.compose-head .limit{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}.compose-card textarea{margin-top:16px;min-height:112px;width:100%;resize:none;border:0;border-bottom:1px solid rgba(29,29,27,.15);background:transparent;padding:8px 0;font:inherit;font-size:16px;line-height:1.75;outline:none;color:var(--ink)}@media(min-width:640px){.compose-card textarea{font-size:18px}}.compose-card textarea::placeholder{color:var(--muted-3)}.compose-card textarea:focus{border-bottom-color:var(--signal)}.compose-foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.compose-note{font-family:var(--font-mono);font-size:10px;line-height:2;letter-spacing:.07em;color:var(--muted)}.compose-name{display:inline-flex;align-items:center;gap:10px}.compose-name .check{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer}.compose-name .check input{accent-color:var(--signal);width:15px;height:15px}.compose-name input[type=text]{border:1px solid rgba(29,29,27,.2);background:#fff;font:inherit;font-size:13px;padding:6px 10px;width:128px;color:var(--ink)}.btn-submit{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;background:var(--ink);padding:12px 16px;color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;transition:background .15s,transform .1s}.btn-submit:hover{background:var(--signal)}.btn-submit:active{transform:scale(.97)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.stream-head{margin-top:44px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid rgba(29,29,27,.15);padding-bottom:16px}@media(min-width:640px){.stream-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.stream-label{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--signal)}.stream-head h2{margin-top:8px;font-size:30px;font-weight:700;letter-spacing:-.055em}.sort-group{display:flex;align-items:center;gap:8px}.sort-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(29,29,27,.15);padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;color:#605b52;transition:border-color .15s,background .15s,color .15s,transform .1s}.sort-btn:hover{border-color:var(--ink)}.sort-btn:active{transform:scale(.97)}.sort-btn.active{border-color:var(--ink);background:var(--ink);color:#fff}.q-stream{margin-top:20px;display:flex;flex-direction:column;gap:16px}.q-card{position:relative;overflow:hidden;border:1px solid rgba(29,29,27,.1);background:var(--card);padding:20px;box-shadow:0 16px 40px #221f1b0f;transition:transform .2s,box-shadow .2s}@media(min-width:640px){.q-card{padding:24px}}.q-card:hover{transform:translateY(-2px);box-shadow:0 22px 46px #221f1b1a}.q-card.feature{border-color:#a51e6d80;background:var(--signal-tint)}.q-card.dim{opacity:.65}.q-rail{position:absolute;top:0;bottom:0;left:0;width:4px}.q-rail.approved{background:var(--green)}.q-rail.pinned{background:var(--signal)}.q-rail.pending{background:var(--amber)}.q-rail.hidden{background:var(--muted-2)}.q-banner{margin:-20px -20px 20px;padding:10px 20px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em}@media(min-width:640px){.q-banner{margin:-24px -24px 20px;padding:10px 24px}}.q-banner.feature{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--signal);color:#fff}.q-banner.feature .r{display:none}@media(min-width:640px){.q-banner.feature .r{display:block}}.q-banner.pending{border-bottom:1px solid rgba(212,156,46,.35);background:#fff7e4;color:#805818}.q-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-left:8px}.q-meta{display:flex;min-width:0;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:#6f6a60}.q-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--signal)}.q-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.08em}.q-chip.pinned{background:var(--signal);color:#fff}.q-chip.approved{background:#ddede9;color:#1a5148}.q-chip.pending{background:#f4e3b7;color:#6b4a12}.q-chip.hidden{background:#e9e7e2;color:#5f5b52}.q-body{margin-top:20px;padding-left:8px;font-size:17px;font-weight:500;line-height:1.8;letter-spacing:-.01em;color:var(--ink-2);word-break:break-word}@media(min-width:640px){.q-body{font-size:19px}}.q-foot{margin-top:24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding-left:8px}.q-author-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}.q-author{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted-2)}.q-edited{font-family:var(--font-sans);font-size:12px;letter-spacing:.02em;color:#9a9388}.q-actions-right{display:flex;align-items:center;gap:12px}.btn-like{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(29,29,27,.15);background:#fff;padding:8px 12px;color:#2a2824;font-family:var(--font-mono);font-size:11px;font-weight:600;transition:border-color .15s,color .15s,background .15s,transform .1s}.btn-like:hover{border-color:var(--signal);color:var(--signal)}.btn-like:hover .icon{transform:scale(1.1)}.btn-like:active{transform:scale(.97)}.btn-like .icon{transition:transform .15s}.btn-like.liked{border-color:var(--signal);background:var(--signal);color:#fff}.btn-like.liked .icon{fill:currentColor}.btn-like .n.bump{display:inline-block;animation:bump .34s cubic-bezier(.34,1.56,.64,1)}@keyframes bump{40%{transform:scale(1.35)}}.q-own{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid rgba(29,29,27,.1);padding-top:16px;padding-left:8px}.q-own .yours{margin-right:4px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--signal-deep)}.btn-mini{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(29,29,27,.15);padding:6px 10px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:#3a3731;transition:border-color .15s,background .15s,transform .1s}.btn-mini:hover{border-color:#1d1d1b59;background:#f7f3ea}.btn-mini:active{transform:scale(.97)}.btn-mini.danger{border-color:#a51e6d4d;color:var(--signal-deep)}.btn-mini.danger:hover{background:var(--signal-hover-bg)}.btn-mini.ok{border-color:#1a514840;color:#1a5148}.btn-mini.ok:hover{background:#ddede9}.btn-mini.pin{border-color:#a51e6d4d;color:var(--signal-deep)}.btn-mini.pin:hover{background:var(--signal-hover-bg)}.q-empty{border:1px dashed rgba(29,29,27,.25);background:var(--card);padding:32px;text-align:center}.q-empty .t{margin-top:12px;font-weight:700}.q-empty .s{margin-top:8px;font-size:14px;color:var(--muted)}.q-empty .icon{width:28px;height:28px;color:var(--signal)}.conn-card{border:1px solid rgba(29,29,27,.15);background:var(--card);padding:20px}.conn-card .head{display:flex;align-items:center;justify-content:space-between}.conn-card .k{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--muted)}.conn-card .t{margin-top:16px;font-size:20px;font-weight:700;letter-spacing:-.04em}.conn-card .s{margin-top:8px;font-size:14px;line-height:1.7;color:var(--muted)}.op-note{position:relative;overflow:hidden;background:var(--ink-2);padding:20px;color:var(--dark-text);margin-top:20px}.op-note .ghost{position:absolute;right:-16px;top:-20px;width:112px;height:112px;color:#a51e6d33;stroke-width:1}.op-note .k{position:relative;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--signal-light)}.op-note .t{position:relative;margin-top:16px;font-size:16px;font-weight:700;line-height:1.75}.op-note .btn-header{position:relative;margin-top:20px}.site-footer{border-top:1px solid rgba(29,29,27,.1);background:#eee9de;margin-top:48px}.site-footer .inner{display:flex;flex-direction:column;gap:8px;padding:20px 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}@media(min-width:640px){.site-footer .inner{flex-direction:row;align-items:center;justify-content:space-between}}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px);background:var(--ink);color:var(--card);font-size:13px;padding:10px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:60;box-shadow:0 16px 40px #221f1b40}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:var(--signal);color:#fff}.op-layout{display:grid;gap:28px;padding-top:32px;padding-bottom:64px;align-items:start}@media(min-width:1024px){.op-layout{grid-template-columns:minmax(0,1fr) 300px}}.op-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px}.op-stats .item .n{font-size:26px;font-weight:700;letter-spacing:-.05em}.op-stats .item .l{font-family:var(--font-sans);font-size:12px;letter-spacing:.02em;color:var(--muted)}.op-panel{border:1px solid rgba(29,29,27,.15);background:var(--card)}.op-panel-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(29,29,27,.1);padding:12px 16px}.op-panel-head .k{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.op-panel-body{padding:16px;display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0}.setting-row label{font-size:13px;font-weight:500}.setting-row input[type=text],.setting-row input[type=datetime-local]{border:1px solid rgba(29,29,27,.2);background:#fff;font:inherit;font-size:12.5px;padding:6px 9px;flex:1;min-width:150px;color:var(--ink)}.switch{position:relative;width:40px;height:22px;background:#cdc6b8;cursor:pointer;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--card);transition:left .2s}.switch.on{background:var(--signal)}.switch.on:after{left:21px}#qr-box{display:flex;flex-direction:column;align-items:center;gap:10px}#qr-box canvas{border:1px solid rgba(29,29,27,.15);background:#fff}#qr-box .u{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted);word-break:break-all;text-align:center}@media(max-width:560px){.stream-head h2{font-size:24px}.headline-panel h1{font-size:2rem}}