:root{--bg:#f6f3ee;--surface:#fffdf9;--text:#1f1d1a;--muted:#6b665e;--line:#e4ded4;--accent:#2f5d50;--accent-text:#fffdf9;--calm:#3d7a5e;--amber:#b7791f;--red:#a33a2c;--t0:#2f6fb3;--t1:#13877f;--t2:#6d55c4;--t3:#4a8a3c;--t4:#6b7280;--t5:#b04a8f;--serif:"Iowan Old Style", "Source Serif 4", "Newsreader", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1b19;--surface:#252421;--text:#ece7df;--muted:#a39d93;--line:#3a3833;--accent:#8cc2ad;--accent-text:#1c1b19;--t0:#6fa3dc;--t1:#4fbdb3;--t2:#a593ea;--t3:#84bf73;--t4:#9aa1ab;--t5:#d985bd}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}main{max-width:40rem;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;gap:1.25rem;min-height:100dvh;margin:0 auto;display:flex}h1,h2{font-family:var(--serif);margin:0;font-weight:600;line-height:1.2}h1{font-size:1.9rem}h2{font-size:1.25rem}p{margin:0}.muted{color:var(--muted);font-size:.9rem}a{color:var(--accent);-webkit-tap-highlight-color:transparent}button{-webkit-tap-highlight-color:transparent;font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:.6rem;min-height:44px;padding:.7rem 1.1rem}button.quiet{color:var(--accent);background:0 0;padding-inline:.4rem}button.danger{background:var(--red);color:#fff}button:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border-radius:.9rem;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.row{align-items:center;gap:.75rem;display:flex}.grow{flex:1}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list a{background:var(--surface);color:var(--text);border-radius:.7rem;padding:.8rem 1rem;text-decoration:none;display:block}.code{font-family:var(--serif);letter-spacing:.08em;font-size:1.6rem}.qr{background:#fff;border-radius:.6rem;align-self:center;width:min(15rem,70vw);padding:.6rem}.qr svg{width:100%;height:auto;display:block}.link{word-break:break-all;font-size:.85rem}.dot{background:var(--muted);border-radius:50%;flex:none;width:.6rem;height:.6rem}.dot.on{background:var(--calm);animation:2.4s ease-in-out infinite pulse}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.dot.on{animation:none}}.messages{flex-direction:column;flex:1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.msg{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1rem;align-self:flex-start;max-width:85%;padding:.55rem .85rem}.msg.mine{background:color-mix(in srgb, var(--accent) 14%, var(--surface));align-self:flex-end}.msg .meta{color:var(--muted);margin-top:.15rem;font-size:.75rem;display:block}.msg.sending{opacity:.65}.composer{bottom:var(--dock,0px);z-index:1;background:var(--bg);gap:.5rem;padding-block:.5rem;display:flex;position:sticky}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer textarea:focus-visible{outline-offset:0}.composer textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);resize:none;border-radius:.7rem;flex:1;min-height:44px;max-height:10rem;padding:.6rem .8rem}.audit{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.audit code{font-size:.78rem}header{align-items:center;gap:.75rem;display:flex}footer{margin-top:auto;font-size:.85rem}a.button{text-align:center;background:var(--accent);color:var(--accent-text);border-radius:.6rem;min-height:44px;padding:.7rem 1.1rem;text-decoration:none;display:inline-block}a.quiet{padding:.4rem;text-decoration:none}input{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:.6rem;min-height:44px;padding:.6rem .8rem}.error{color:var(--red)}.banner{color:var(--text);border-left:3px solid var(--calm);text-decoration:none}.banner.amber{border-left-color:var(--amber)}.coop{align-items:center;gap:.75rem;display:flex!important}.line{white-space:nowrap;text-overflow:ellipsis;max-width:70vw;display:block;overflow:hidden}.tabs{scrollbar-width:none;gap:.4rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.tab{color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;min-height:36px;padding:.35rem .9rem}.tab.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.empty{align-self:center;margin-top:2rem}.scanner{object-fit:cover;background:#000;border-radius:.6rem;width:100%;max-height:50vh}.dalej{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:.5rem;max-height:70dvh;padding:.5rem .75rem;display:flex;position:sticky;bottom:0;overflow-y:auto}.dalej button{min-height:36px;padding:.4rem .9rem}.full{flex-basis:100%}.alarm{border-left:3px solid var(--red)}.file{align-items:center;gap:.6rem;min-width:12rem;display:flex}.file-name{overflow-wrap:anywhere;display:block}.file-icon{letter-spacing:.05em;color:var(--accent);border:1px solid var(--line);text-align:center;border-radius:.4rem;min-width:2.6rem;padding:.5rem .4rem;font-size:.7rem;font-weight:700}.file-image{border-radius:.6rem;max-width:100%;max-height:60vh;display:block}.msg audio,.msg video{max-width:100%}.msg progress{width:100%;height:4px;accent-color:var(--accent)}.icon{padding-inline:.5rem;font-size:1.25rem}.recording{align-items:center}.viewer{background:var(--bg);z-index:10;padding:max(.75rem, env(safe-area-inset-top)) 1rem 1rem;flex-direction:column;gap:.5rem;display:flex;position:fixed;inset:0}.viewer-body{background:var(--surface);border-radius:.6rem;flex:1;padding:.5rem;overflow:auto}.viewer-body canvas{margin:0 auto .5rem;display:block;box-shadow:0 1px 3px #00000026}.recorder{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.recorder .col{flex-direction:column;gap:.5rem;display:flex}.recorder input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:.6rem;padding:.5rem .7rem}.spec{background:var(--bg);border-radius:.5rem;max-height:10rem;padding:.5rem;font-size:.75rem;overflow-x:auto}main:has(.zoombar){touch-action:pan-x pan-y}.zoombar{gap:.25rem}.zoombar h3{font:600 .95rem var(--sans);color:var(--muted);margin:0}.zoombar button.quiet{white-space:nowrap;min-width:44px}.small{font-size:.78rem}.scale{text-align:center}.zoom{flex-direction:column;flex:1;gap:.35rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.zoom:before{content:"";background:var(--line);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.zoom .z,.zoom .tick{grid-template-columns:1fr 2rem 1fr;align-items:center;min-height:2.2rem;display:grid;position:relative}.zoom .side{text-align:inherit;color:var(--text);background:0 0;border-radius:.5rem;flex-direction:column;grid-row:1;gap:.05rem;min-width:0;min-height:0;padding:.3rem .5rem;font-size:.92rem;display:flex}.zoom button.side:hover{background:var(--surface)}.zoom .them .side{text-align:right;grid-column:1;align-items:flex-end}.zoom .me .side{text-align:left;grid-column:3;align-items:flex-start}.zoom .who{font-size:.85rem;font-weight:600}.zoom .topic{color:var(--muted);font-weight:400}.zoom .preview{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.glyph{background:var(--t0);z-index:1;width:.85rem;height:.85rem;box-shadow:0 0 0 3px var(--bg);border-radius:50%;grid-area:1/2;justify-self:center}.glyph.file{border-radius:.15rem}.glyph.voice{border-radius:.15rem;transform:rotate(45deg)scale(.85)}.glyph.ring{background:var(--bg);border:2px solid var(--muted);width:.75rem;height:.75rem}.glyph.ring.t0,.glyph.ring.t1,.glyph.ring.t2,.glyph.ring.t3,.glyph.ring.t4,.glyph.ring.t5{background:var(--bg)}.glyph.t0{background:var(--t0)}.glyph.t1{background:var(--t1)}.glyph.t2{background:var(--t2)}.glyph.t3{background:var(--t3)}.glyph.t4{background:var(--t4)}.glyph.t5{background:var(--t5)}.glyph.ring.t0{border-color:var(--t0)}.glyph.ring.t1{border-color:var(--t1)}.glyph.ring.t2{border-color:var(--t2)}.glyph.ring.t3{border-color:var(--t3)}.glyph.ring.t4{border-color:var(--t4)}.glyph.ring.t5{border-color:var(--t5)}.zoom .mark .side{font-size:.82rem}.zoom .tick{min-height:1.4rem}.zoom .tick span{z-index:1;background:var(--bg);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;grid-column:1/4;justify-self:center;padding:0 .5rem;font-size:.75rem;font-weight:600}.zoom .gap{min-height:3rem}.zoom .gap:before{content:"";background:repeating-linear-gradient(var(--bg) 0 4px, var(--muted) 4px 8px);width:2px;margin-left:-1px;position:absolute;top:.2rem;bottom:.2rem;left:50%}.zoom .gap span{z-index:1;background:var(--bg);color:var(--muted);grid-column:1/4;justify-self:center;padding:.1rem .6rem;font-size:.82rem;font-style:italic}.zoom .pager{grid-template-columns:1fr;justify-items:center}.zoom .pager button{background:var(--bg);z-index:1;min-height:36px}.zoom .tail{min-height:2.6rem;margin-top:.3rem}.zoom .tail span{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:999px;grid-column:1/4;justify-self:center;padding:.35rem .9rem;font-weight:600}.zoom .tail.amber span,.wait.amber{color:var(--amber);border-color:var(--amber)}.zoom .tail.red span,.wait.red{color:var(--red);border-color:var(--red)}.zoom .tail.amber span{background:color-mix(in srgb, var(--amber) 12%, var(--bg))}.zoom .tail.red span{background:color-mix(in srgb, var(--red) 12%, var(--bg))}p.wait{border:1px solid var(--line);border-radius:999px;align-self:center;padding:.3rem .9rem;font-weight:600}.line.wait{font-size:.9rem;font-weight:600}.whole .bin button{width:100%;color:var(--text);background:0 0;border-radius:.4rem;grid-column:1/4;grid-template-columns:1fr 4.6rem 1fr;align-items:center;min-height:2rem;padding:0;display:grid}.whole .bin button:hover:not(:disabled){background:var(--surface)}.whole .bin button:disabled{opacity:1}.whole .bin{min-height:0;display:block}.whole .bar{align-items:center;gap:.3rem;min-width:0;height:100%;display:flex}.whole .bar.them{justify-content:flex-end}.whole .bar i{background:var(--muted);opacity:.55;border-radius:.2rem;min-width:0;height:.7rem;display:block}.whole .bar.me i{background:var(--accent);opacity:.8}.whole .bar .n{color:var(--muted);font-size:.72rem}.whole .date{z-index:1;background:var(--bg);color:var(--muted);white-space:nowrap;justify-self:center;align-items:center;gap:.2rem;padding:0 .3rem;font-size:.72rem;display:flex;position:relative}.whole .pin{border:2px solid var(--text);border-radius:50%;width:.45rem;height:.45rem}.whole{flex:none}.whole .callouts{z-index:1;background:var(--bg);text-align:center;width:fit-content;max-width:90%;margin:0 auto .3rem;padding:.1rem .5rem;font-size:.75rem;display:block;position:relative}.msg.focus{outline:2px solid var(--accent);outline-offset:2px;transition:outline-color 1.2s}@media (prefers-reduced-motion:reduce){.msg.focus{transition:none}}