:root{--bg0: #061411;--bg1: #0a1c19;--ink: #eef6f2;--muted: #8eaaa1;--accent: #d6ff4b;--accent-ink: #0f1f16;--line: rgba(238, 246, 242, .1);--surface: rgba(14, 36, 32, .72);--ok: #5dffb0;--danger: #ff8a5b;--font-display: "Fraunces", Georgia, serif;--font-body: "Figtree", system-ui, sans-serif;--radius: 16px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 500px at 90% -5%,rgba(214,255,75,.12),transparent 50%),radial-gradient(700px 480px at 0% 30%,rgba(93,255,176,.07),transparent 45%),linear-gradient(165deg,var(--bg0),var(--bg1));background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.app-shell{width:min(720px,calc(100% - 1.5rem));margin:0 auto;padding:1rem 0 2.5rem}.app-shell-landing{width:min(980px,calc(100% - 1.25rem))}.landing{padding:1.5rem 0 2.5rem;animation:rise .45s ease both}.landing-brand{margin-bottom:1.75rem;max-width:40rem}.landing-brand .brand{font-size:clamp(2.4rem,6vw,3.8rem);margin:0}.landing-lead{margin:.85rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.5;max-width:36rem}.landing-boot{margin:.5rem 0 0}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.landing-card{text-align:center;display:flex;flex-direction:column;align-items:center;min-height:100%}.card-head{margin-bottom:.35rem;width:100%}.landing-card h2{font-family:var(--font-display);font-size:1.45rem;margin:0 0 .3rem;letter-spacing:-.02em}.landing-card .qr-box{margin:.85rem auto;width:168px;max-width:168px;aspect-ratio:1}.landing-card .pair-code-block{justify-items:center;margin-top:.35rem;width:100%}.landing-card .pair-code{margin-left:.18em;font-size:1.45rem;letter-spacing:.18em}.join-card .join-panel{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin:.85rem auto 0;width:100%;max-width:13.5rem}.room-join-status{display:grid;gap:.75rem;place-items:center;text-align:center;padding:3rem 1rem}.join-code-input{width:100%;height:2.5rem;min-height:2.5rem;box-sizing:border-box;border-radius:10px;border:1px solid var(--line);background:#00000047;padding:0 .75rem;font-family:var(--font-body);font-size:1rem;font-weight:650;letter-spacing:.12em;text-align:center;text-transform:uppercase;outline:none}.join-code-input:focus{border-color:#d6ff4b73}.join-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.join-actions .btn{width:100%;justify-content:center}.join-url-hint{word-break:break-all;margin:0 0 .35rem;font-size:.78rem;opacity:.75;max-width:100%}.landing-foot{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.4rem .65rem;align-items:baseline}.share-page{padding-bottom:2rem}.share-title{font-size:clamp(2rem,5vw,3rem)!important}.share-panel{display:grid;gap:1rem}.share-drop{display:grid;gap:.25rem;place-items:center;text-align:center;padding:1.75rem 1rem;border-radius:16px;border:1.5px dashed rgba(214,255,75,.35);background:#d6ff4b0a;cursor:pointer}.share-drop.disabled{opacity:.5;pointer-events:none}.share-drop.drag{border-color:var(--accent);background:#d6ff4b1a}.share-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.55rem}.share-preview-cell{display:grid;gap:.3rem;padding:.4rem;border-radius:12px;border:1px solid var(--line);background:#0003;text-align:left;color:inherit}.share-preview-cell.clickable{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.share-preview-cell img,.share-preview-cell video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#000}.share-file-fallback{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#d6ff4b1a;color:var(--accent);font-family:var(--font-display);font-weight:800;font-size:.75rem}.share-file-name{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dl{font-size:.8rem;color:var(--accent)}.share-actions{display:flex;flex-wrap:wrap;gap:.5rem}.share-result{padding:1rem;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.share-result h3{margin:0 0 .35rem;font-family:var(--font-display)}.share-url{word-break:break-all;margin:.75rem 0}@media(max-width:820px){.landing-grid{grid-template-columns:1fr}.join-card .join-panel{max-width:none}.landing-card .qr-box{width:156px;max-width:156px}}.foot-link{font-weight:600;font-size:1.05rem}.composer-bar{align-items:flex-end;border-radius:18px;padding:.55rem;padding-bottom:max(.55rem,env(safe-area-inset-bottom))}.composer-input{resize:none;line-height:1.4;min-height:2.6rem;max-height:8rem;padding:.55rem .4rem}.linkish{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}@media(max-width:820px){.landing-grid{grid-template-columns:1fr}}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(2.4rem,7vw,4.5rem);line-height:.95;margin:0}.brand span,.logo span,.ws-brand span{color:var(--accent)}.tagline{margin:1rem 0 0;max-width:30ch;font-size:clamp(1.05rem,2.3vw,1.3rem);color:var(--muted);line-height:1.4}.hero{min-height:calc(100svh - 2rem);display:grid;align-content:center;animation:rise .55s ease both}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}.section{padding:2.5rem 0 0;border-top:1px solid var(--line)}.section h2{font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.03em;margin:0 0 .4rem}.section p{margin:0;color:var(--muted);max-width:40ch}.meta{color:var(--muted);font-size:.9rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.85rem 1.25rem;font-weight:600;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.btn-sm{padding:.55rem .95rem;font-size:.92rem}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:transparent;border:1px solid var(--line)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.logo,.ws-brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;font-size:1.2rem}.error-banner{padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(255,138,91,.35);background:#ff8a5b1a;color:#ffd2bf;margin-bottom:.75rem;font-size:.92rem}.join-form{display:flex;gap:.5rem;flex-wrap:wrap}.join-form input{flex:1 1 10rem;border-radius:999px;border:1px solid var(--line);background:#00000047;padding:.8rem 1.05rem;letter-spacing:.2em;text-transform:uppercase;outline:none}.workspace{min-height:calc(100svh - 2rem);display:grid;grid-template-rows:auto 1fr;gap:.85rem;animation:rise .4s ease both}.ws-top{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;padding-top:max(.35rem,env(safe-area-inset-top))}.ws-status{margin-left:auto;display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--muted)}.status-dot.on{background:var(--ok);box-shadow:0 0 0 3px #5dffb02e}.ws-code{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);font-weight:700}.pair-stage{display:grid;place-items:center;padding:1rem 0 2rem}.pair-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.35rem 1.25rem 1.5rem;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pair-card.slim{padding:1.5rem 1.25rem}.pair-card h1{font-family:var(--font-display);font-size:1.65rem;letter-spacing:-.03em;margin:0 0 .35rem}.lan-field{display:grid;gap:.35rem;text-align:left;margin:1rem 0 .25rem}.lan-field select{border-radius:10px;border:1px solid var(--line);background:#00000047;padding:.55rem .7rem}.qr-box{margin:1rem auto;width:min(100%,240px);aspect-ratio:1;border-radius:14px;background:#f2f6f3;display:grid;place-items:center;overflow:hidden}.qr-box img{width:100%;height:100%;object-fit:contain;display:block}.qr-loading{display:grid;gap:.55rem;place-items:center;padding:.5rem}.qr-spinner{width:1.65rem;height:1.65rem;border-radius:50%;border:2.5px solid rgba(11,31,28,.15);border-top-color:#0b1f1c;animation:qr-spin .7s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}.pair-code-block{display:grid;gap:.35rem;justify-items:center}.pair-code{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:.28em;margin-left:.28em}.ws-main{display:grid;grid-template-rows:1fr auto;gap:.75rem;min-height:0;height:calc(100svh - 5.5rem)}.inbox{min-height:0;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.85rem;scrollbar-width:thin}.inbox-empty{height:100%;min-height:220px;display:grid;place-content:center;text-align:center;gap:.35rem;padding:2rem 1rem}.inbox-empty-title{margin:0;font-family:var(--font-display);font-size:1.15rem}.inbox-empty .meta{margin:0;max-width:28ch}.inbox-section+.inbox-section{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}.inbox-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.55rem}.inbox-section-head h4{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.45rem}.gallery-cell-wrap{position:relative}.gallery-cell{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:12px;overflow:hidden;background:#00000059;cursor:pointer;width:100%}.item-remove{position:absolute;top:4px;right:4px;z-index:2;width:1.5rem;height:1.5rem;border-radius:999px;border:0;background:#000000b8;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.item-remove:hover,.item-remove-btn:hover,.item-remove-text:hover{color:var(--danger)}.text-actions{display:flex;gap:.35rem;flex-shrink:0}.gallery-cell:disabled{cursor:default}.gallery-cell img,.gallery-cell video{width:100%;height:100%;object-fit:cover;display:block}.cell-tag{position:absolute;left:6px;bottom:6px;font-size:.65rem;font-weight:700;padding:.12rem .35rem;border-radius:6px;background:#0009;color:var(--accent)}.cell-audio,.cell-loading,.cell-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.35rem;padding:.5rem;font-size:.85rem;color:var(--muted)}.cell-loading .bar{width:70%;justify-self:center}.cell-error{color:var(--danger);background:#00000073}.doc-list,.text-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.doc-row{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:12px;padding:.35rem .45rem .35rem .35rem;background:#0000002e}.doc-main{flex:1;min-width:0;display:flex;gap:.65rem;align-items:center;border:0;background:transparent;text-align:left;cursor:pointer;padding:.25rem;color:inherit}.doc-main:disabled{cursor:default}.doc-ext{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:10px;display:grid;place-items:center;background:#d6ff4b1a;color:var(--accent);font-family:var(--font-display);font-size:.68rem;font-weight:800}.doc-ext.large{width:4rem;height:4rem;font-size:.9rem;margin:0 auto .75rem}.doc-copy{min-width:0;display:grid;gap:.15rem;flex:1}.doc-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.doc-save{flex:0 0 auto;font-size:.85rem;color:var(--accent);padding:.35rem .5rem}.text-row{display:flex;gap:.65rem;align-items:flex-start;justify-content:space-between;padding:.7rem .8rem;border-radius:12px;border:1px solid var(--line);background:#0000002e}.text-row.sent{background:#d6ff4b12;border-color:#d6ff4b33}.text-row p{margin:0;white-space:pre-wrap;word-break:break-word;flex:1}.text-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--accent);cursor:pointer;font-size:.82rem;padding:0;flex:0 0 auto}.bar{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--ok))}.composer-bar{display:flex;align-items:center;gap:.45rem;padding:.45rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composer-bar.drag{border-color:#d6ff4b8c;background:#d6ff4b0f}.composer-bar.disabled{opacity:.55}.composer-tools{display:flex;gap:.2rem}.icon-btn{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid var(--line);background:#00000038;cursor:pointer;font-size:1.1rem;line-height:1}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.composer-input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:.45rem .35rem}.file-pick{display:inline-flex;cursor:pointer}.file-pick.disabled{opacity:.5;pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#030807e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:.85rem;animation:rise .2s ease both}.lightbox-sheet{width:min(920px,100%);max-height:calc(100svh - 1.7rem);display:grid;grid-template-rows:auto 1fr auto;gap:.65rem}.lightbox-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.lightbox-title{display:grid;gap:.15rem;min-width:0}.lightbox-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-tools{display:flex;gap:.4rem}.lightbox-body{position:relative;display:grid;place-items:center;min-height:42svh}.lightbox-canvas{width:100%;display:grid;place-items:center}.lightbox-canvas img,.lightbox-canvas video{max-width:100%;max-height:62svh;border-radius:12px;object-fit:contain;background:#000}.lightbox-doc{text-align:center;padding:1.5rem}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--line);background:#00000073;color:var(--ink);font-size:1.5rem;cursor:pointer;z-index:2}.lb-arrow.left{left:.15rem}.lb-arrow.right{right:.15rem}.lightbox-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:52px;gap:.35rem;overflow-x:auto;padding-bottom:.15rem}.lb-thumb{width:52px;height:52px;border-radius:8px;border:2px solid transparent;padding:0;overflow:hidden;background:#00000059;color:var(--muted);font-size:.65rem;cursor:pointer}.lb-thumb.on{border-color:var(--accent)}.lb-thumb img,.lb-thumb video{width:100%;height:100%;object-fit:cover}.scanner{display:grid;gap:.65rem}.scanner-frame{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:3 / 4;max-height:400px}.scanner-frame video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.scanner-canvas{display:none}.scanner-error{color:var(--danger);text-align:center;max-width:22rem}.scanner-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.scanner-aim{pointer-events:none;position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 999px #00000059}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:640px){.ws-status .meta{display:none}.gallery-grid{grid-template-columns:repeat(3,1fr)}.ws-main{height:calc(100svh - 4.8rem)}}