:root{--paper:#f4f3ee;--panel:#faf9f5;--code-bg:#f0efe9;--ink:#161815;--muted:#686b63;--faint:#9b9e95;--line:#d5d5cd;--line-strong:#aeb0a7;--accent:#d4f54a;--accent-border:#9ab52c;--focus:#88a41c29;--danger:#a4382c;--code-hover:#ebeae3;--copy-bg:#edf2d8;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,sans-serif}:root[data-theme=dark]{--paper:#181a18;--panel:#1e211e;--code-bg:#232623;--ink:#f0f1eb;--muted:#a7aba1;--faint:#71766d;--line:#393d38;--line-strong:#545951;--accent:#c5e345;--accent-border:#9ab52c;--focus:#c5e34521;--danger:#ef887d;--code-hover:#292d29;--copy-bg:#293021;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;transition:background-color .16s}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font-family:inherit}::selection{background:var(--accent);color:#12140f}.app-shell{width:min(100% - 32px,900px);margin:0 auto}.site-header{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;min-height:72px;display:flex}.wordmark{color:var(--ink);letter-spacing:.18em;align-items:center;gap:10px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:var(--paper);letter-spacing:.08em;padding:5px 7px 4px;font-size:12px}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:3px;place-items:center;transition:border-color .14s,background-color .14s;display:grid}.icon-button:hover{border-color:var(--line-strong);background:var(--panel)}.identity-section{border-bottom:1px solid var(--line-strong);padding:52px 0 46px}.identity-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.17em;margin:0 0 14px;font-size:10px;font-weight:700}.identity-section h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(34px,6.5vw,62px);font-weight:850;line-height:1.05}.identity-section h1 span{color:var(--accent-border)}.identity-meta{justify-content:space-between;align-items:end;gap:24px;margin-top:24px;display:flex}.identity-meta p{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.identity-meta a,.site-footer a{color:var(--ink);-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:4px;font-size:11px;font-weight:750;text-decoration-thickness:2px}.post-section{border-bottom:1px solid var(--line-strong);padding:38px 0 42px}.section-label{align-items:center;gap:12px;display:flex}.section-label>span{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;font-size:10px}.section-label h1,.section-label h2{color:var(--ink);letter-spacing:.07em;margin:0;font-size:14px;font-weight:750}.post-form{grid-template-columns:minmax(0,1fr) 190px 120px;align-items:start;gap:12px;margin-top:20px;display:grid}.field{color:var(--muted);gap:8px;font-size:11px;font-weight:650;display:grid}.field>span:first-child{justify-content:space-between;min-height:16px;display:flex}.field small{color:var(--faint);font-family:var(--mono);font-size:9px;font-weight:500}input{border:1px solid var(--line);background:var(--panel);width:100%;height:48px;color:var(--ink);font:inherit;border-radius:3px;outline:0;padding:0 14px;font-size:15px;transition:border-color .14s,box-shadow .14s}input::placeholder{color:var(--faint)}input:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--focus)}input[aria-invalid=true]{border-color:var(--danger)}.code-field input{font-family:var(--mono);letter-spacing:.14em;font-size:18px;font-weight:700}.field-error{color:var(--danger);font-size:10px;line-height:1.35}.primary-button{border:1px solid var(--accent-border);background:var(--accent);color:#12140f;height:48px;font:inherit;cursor:pointer;border-radius:3px;margin-top:24px;font-size:13px;font-weight:800;transition:filter .14s,transform .14s}.primary-button:hover{filter:brightness(.96)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;filter:saturate(.45)}.form-status{color:var(--danger);margin:12px 0 0;font-size:11px}.rooms-section{padding:28px 0 80px}.rooms-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.room-count{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;font-size:10px}.room-list{gap:10px;display:grid}.room-row{border:1px solid var(--line);border-left:3px solid var(--accent-border);background:var(--panel);grid-template:"title code"1fr"meta code"/minmax(0,1fr) 270px;min-height:108px;animation:.16s ease-out both room-enter;display:grid}.room-title-block{grid-area:title;min-width:0;padding:21px 22px 5px}.room-title-block h3{color:var(--ink);letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:730;overflow:hidden}.room-meta{grid-area:meta;justify-content:space-between;align-items:center;gap:14px;padding:4px 22px 18px;display:flex}.room-meta time{color:var(--muted);font-size:11px}.end-button{min-height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px;font-size:10px;font-weight:650;display:inline-flex}.end-button:hover{color:var(--danger)}.room-code{border:0;border-left:1px solid var(--line);background:var(--code-bg);min-width:0;color:var(--ink);cursor:pointer;grid-area:code;justify-content:space-between;align-items:center;gap:16px;padding:0 19px 0 24px;transition:background-color .14s;display:flex}.room-code:hover{background:var(--code-hover)}.room-code.is-copied{background:var(--copy-bg)}.room-code>span:first-child{font-family:var(--mono);letter-spacing:.13em;font-size:clamp(25px,4vw,32px);font-weight:750}.copy-label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.connection-notice{border:1px solid var(--line);color:var(--muted);margin:0 0 10px;padding:9px 11px;font-size:11px}.empty-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding:72px 16px;font-size:13px}.toast{z-index:10;border:1px solid var(--line-strong);background:var(--ink);min-width:150px;color:var(--paper);text-align:center;opacity:0;pointer-events:none;border-radius:3px;padding:10px 14px;font-size:11px;font-weight:700;transition:opacity .14s,transform .14s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,6px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.site-footer{border-top:1px solid var(--line-strong);color:var(--muted);padding:30px 0 40px}.footer-primary{grid-template-columns:minmax(0,1fr) auto;gap:32px;display:grid}.footer-primary strong{color:var(--ink);font-size:13px}.footer-primary p{margin:7px 0 0;font-size:10px}.footer-primary nav{justify-items:end;gap:10px;display:grid}.privacy-policy{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:11px}.privacy-policy summary{width:fit-content;color:var(--ink);cursor:pointer;font-weight:750}.privacy-policy>div{max-width:700px;margin-top:13px;line-height:1.8}.privacy-policy p{margin:8px 0}.footer-note{font-family:var(--mono);letter-spacing:.08em;margin:22px 0 0;font-size:9px}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@keyframes room-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.app-shell{width:min(100% - 24px,900px)}.site-header{min-height:62px}.identity-section{padding:36px 0 32px}.identity-meta{flex-direction:column;align-items:start;gap:14px}.post-section{padding:28px 0 32px}.post-form{grid-template-columns:minmax(0,1fr) 112px}.post-form .field:first-child{grid-column:1/-1}.primary-button{width:100%}.rooms-section{padding:24px 0 64px}.room-row{grid-template:"title""code""meta"/minmax(0,1fr)}.room-title-block{padding:17px 16px 14px}.room-title-block h3{white-space:normal;overflow-wrap:anywhere}.room-code{border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:0;min-height:64px;padding:0 14px 0 16px}.room-code>span:first-child{font-size:28px}.room-meta{min-height:44px;padding:6px 12px 6px 16px}.end-button{min-height:36px}.empty-state{padding:58px 12px}.footer-primary{grid-template-columns:1fr;gap:22px}.footer-primary nav{justify-items:start}}@media (width<=360px){.post-form{grid-template-columns:1fr}.post-form .field:first-child{grid-column:auto}.primary-button{margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}