:root{--bg: #f7f4f6;--surface: #ffffff;--ink: #1c1418;--mute: #7a6e74;--line: #efe6ea;--brand: #c2186a;--brand-deep: #9a1254;--brand-soft: #fce4f0;--accent: var(--brand);--accent-soft: var(--brand-soft);--mine: #fce4f0;--ok: #3d8b6e;--shadow: 0 10px 40px rgba(194, 24, 106, .08)}html,body,#root{margin:0;height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);overflow:hidden;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.fine{color:var(--mute);font-size:13px}.kicker{margin:0 0 4px;color:var(--mute);font-size:12px;font-weight:550}.wordmark{margin:0 0 28px}.wordmark-center{text-align:center}.wordmark-left{text-align:left}.wordmark-name{display:block;font-size:28px;font-weight:650;letter-spacing:-.045em;line-height:1.1}.wordmark-cat{display:block;margin-top:6px;color:var(--mute);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.legal{margin:22px 0 0;color:var(--mute);font-size:12px;letter-spacing:.06em;text-align:center}.form-error{color:var(--accent);font-size:13px}.mark{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:var(--accent);color:#fff;font-size:26px;font-weight:650;letter-spacing:-.04em;line-height:56px;text-align:center;box-shadow:0 8px 20px #c2186a47}.mark.sm{width:48px;height:48px;line-height:48px;font-size:22px;margin-bottom:14px}.gate{height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(ellipse at 20% 0%,rgba(194,24,106,.1),transparent 42%),var(--bg)}.gate-wrap{width:100%;max-width:400px;text-align:center}.gate .wordmark{margin-bottom:28px}.gate-card{position:relative;padding:28px 24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);text-align:left}.gate-card.is-busy{pointer-events:none}.gate-wait{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#ffffffdb}.tabs{display:flex;padding:4px;margin-bottom:20px;border-radius:12px;background:var(--bg)}.tab{flex:1;padding:9px 12px;border-radius:10px;color:var(--mute);font-weight:550}.tab.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1c191614}label{display:block;margin:0 0 14px}label span{display:block;margin-bottom:6px;color:var(--mute);font-size:12px;font-weight:550}input:not([type=range]),textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#faf8f5}input:not([type=range]):focus,textarea:focus{outline:2px solid rgba(194,24,106,.28);border-color:var(--accent);background:#fff}input[type=range]{width:100%;height:22px;margin:6px 0;padding:0;border:0;border-radius:0;background:transparent;outline:none;box-shadow:none;accent-color:var(--brand)}input[type=range]:focus{outline:none;border:0;background:transparent;box-shadow:none}.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:var(--bg);font-weight:600}.btn-wax{width:100%;background:var(--brand);color:#fff}.btn-wax:hover,.btn-wax:focus{background:var(--brand-deep)}.btn-wax:disabled{opacity:.6}.btn-send{width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.set-ico{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--brand-soft);color:var(--brand);flex-shrink:0}.settings-shell{flex:1;min-width:0;min-height:0;height:100%;display:flex;overflow:hidden}.settings-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--brand)}.settings-back{display:none}.settings-detail{padding-top:28px}.chip,.icon-btn{border-radius:999px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink)}.chip{padding:6px 12px;background:var(--bg);font-size:12px;font-weight:550}.chip.is-on{background:var(--accent-soft);color:var(--accent)}.app{display:flex;height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);overflow:hidden;background:var(--bg)}.rail{display:flex;flex-direction:column;flex-shrink:0;width:76px;height:100%;padding:18px 10px;background:var(--surface);border-right:1px solid var(--line);text-align:center}.rail nav{flex:1;min-height:0;overflow:auto}.rail-foot{margin-top:auto;padding-top:8px}.brand-mark{display:block;width:40px;height:40px;margin:0 auto 22px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;line-height:40px;box-shadow:0 6px 14px #c2186a40}.brand-mark:after{content:"Y"}.rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;margin:0 0 6px;padding:10px 2px;border-radius:12px;color:var(--mute);font-size:10px;font-weight:550}.rail-btn .rail-label{display:block}.rail-badge{position:absolute;top:4px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-weight:700;line-height:16px}.rail-btn.is-on{background:var(--accent-soft);color:var(--accent)}.ico{display:block;width:16px;height:16px;margin:0 auto 5px;border:1.8px solid currentColor}.ico-thread{border-radius:3px}.ico-people{border-radius:50%}.ico-group{border-radius:4px 4px 8px 8px}.ico-vault{border-width:1.8px 1.8px 5px}.ico-gear{border-radius:50%}.ico-eye{border-radius:50%/60% 60% 40% 40%}.me{width:36px;height:36px;margin-top:10px;border-radius:50%;background:#5c6b5a;color:#fff;font-weight:650;font-size:12px}.pane{width:340px;height:100%;min-height:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.pane-head,.thread-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:20px 18px 8px}.pane-head h2,.thread-head h2,.empty-desk h2,.lock-card h2,.card h2{margin:0;font-size:22px;font-weight:650;letter-spacing:-.03em}.search{display:block;padding:8px 16px 12px}.search input{border-radius:999px;background:var(--bg);border-color:transparent}.pane-body{flex:1;min-height:0;overflow:auto;padding:4px 10px 20px;scrollbar-width:none;-ms-overflow-style:none}.pane-body::-webkit-scrollbar{display:none}.row{position:relative;display:flex;align-items:center;width:100%;padding:10px 36px 10px 10px;margin:0 0 2px;border:0;border-radius:14px;background:transparent;text-align:left}.row:hover{background:#f7f4ef}.row.is-on{background:var(--accent-soft)}.avatar{width:44px;height:44px;border-radius:50%;color:#fff;line-height:44px;text-align:center;font-weight:650;font-size:14px;flex-shrink:0}.copy{flex:1;min-width:0;margin-left:12px}.row h3,.who h2{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who h2{font-size:16px}.row p,.meta{margin:3px 0 0;color:var(--mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-copy{min-width:0;flex:1;text-align:left}.who-copy .meta{display:flex;align-items:center;height:18px;min-height:18px;line-height:18px;margin-top:1px}.who-copy .meta.is-typing{color:var(--brand);font-weight:550}.who-copy .ink{display:inline-flex;align-items:center;flex-shrink:0;margin-right:5px}.who-copy .ink i{width:4px;height:4px;margin-right:2px}.row-badge{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 1px 3px #c2186a47}.row-badge-count{display:block}.row-badge-tip{position:absolute;top:calc(100% + 6px);right:0;white-space:nowrap;padding:6px 8px;border-radius:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:550;line-height:1.2;opacity:0;pointer-events:none;transform:translateY(-4px)}.row-badge:hover .row-badge-tip,.row:hover .row-badge-tip,.row-badge:focus-visible .row-badge-tip{opacity:1;transform:translateY(0)}@media(max-width:640px){.row-badge{min-width:18px;height:18px;font-size:10px;top:6px;right:6px}}.tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--bg);color:var(--mute);font-size:10px;font-weight:550}.workspace{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 120px),var(--bg)}.empty-desk,.thread,.detail{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.empty-desk{align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--mute)}.empty-desk h2{color:var(--ink);margin-bottom:6px}.thread-head{position:sticky;top:0;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;min-height:56px;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 10px;gap:8px}.head-left{display:flex;align-items:flex-start;min-width:0;flex:1;gap:2px}.thread-actions{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:6px;flex-shrink:0;padding-top:4px}.who{display:flex;align-items:flex-start;flex:1;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.who .avatar{width:36px;height:36px;line-height:36px;margin-right:8px;font-size:13px}.back{display:inline-flex;margin:2px 2px 0 0}.ink i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--accent);animation:ink 1s infinite}.ink i:nth-child(2){animation-delay:.15s}.ink i:nth-child(3){animation-delay:.3s}@keyframes ink{50%{opacity:.35}}.messages{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 10px;scrollbar-width:none;-ms-overflow-style:none}.messages::-webkit-scrollbar{display:none;width:0;height:0}.day{text-align:center;color:var(--mute);font-size:12px;font-weight:550;margin:4px 0 18px}.slip{width:fit-content;max-width:min(72%,28rem);margin:0 0 6px;padding:8px 12px 6px;border-radius:18px 18px 18px 6px;background:var(--surface);box-shadow:0 1px 2px #1c19160d}.slip.mine{margin-left:auto;border-radius:18px 18px 6px;background:var(--mine)}.slip.vanish{outline:1px solid rgba(194,24,106,.2)}.slip.gone .body,.slip.gone .media-card{filter:blur(8px);opacity:.3}.slip .by{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:600}.slip .body{margin:0;font-size:15px;white-space:pre-wrap;word-wrap:break-word}.slip .body a{color:var(--brand);text-decoration:underline;word-break:break-all}.link-chip{margin-top:6px;padding:6px 8px;border-radius:8px;background:var(--bg);color:var(--mute);font-size:12px}.open-retry{display:block;width:100%;padding:0;background:none;text-align:left;color:var(--brand);font-weight:550}.slip .foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:4px;color:var(--mute);font-size:11px}.slip:not(.mine) .foot{justify-content:flex-start}.fuse{color:var(--accent)}.media-card{display:block;width:100%;margin:6px 0;overflow:hidden;border:0;border-radius:12px;background:var(--bg);text-align:left}.media-visual{height:132px;background:linear-gradient(135deg,#efe8de,#e4ddd2)}.media-visual.audio{height:64px;background:#5c6b5a}.media-visual.video{background:#2a2622}.media-visual.doc{height:80px;line-height:80px;text-align:center}.media-card.sealed .media-visual,.media-card.is-loading .media-visual{display:flex;align-items:center;justify-content:center;background:var(--accent-soft)}.media-meta{padding:8px 10px;font-size:12px;color:var(--mute)}.media-real{display:block;width:100%;max-height:240px;object-fit:cover;background:#1c1916}.media-audio{display:block;width:100%;padding:10px 8px 0}.light-real{max-height:min(70dvh,520px);object-fit:contain;border-radius:12px}.pending-file{display:flex;align-items:center;justify-content:space-between;flex:1 1 100%;gap:8px;padding:6px 8px;border-radius:12px;background:var(--bg);font-size:13px}.pending-file img{height:44px;width:44px;object-fit:cover;border-radius:8px}.composer{position:sticky;bottom:0;z-index:8;display:flex;align-items:flex-end;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:10px 16px max(12px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.composer .grow{flex:1;margin:0}.composer textarea{resize:none;height:44px;min-height:44px;max-height:44px;overflow-y:auto;border-radius:22px;padding:11px 16px;background:var(--bg);border-color:transparent}.detail{overflow:auto;min-height:0;padding:28px 32px 48px}.card{max-width:520px;margin:0 0 14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.card h3{margin:0 0 8px;font-size:15px}.safety{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;word-break:break-all}.toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 14px;padding:0;background:none;text-align:left}.switch{width:42px;height:24px;border-radius:999px;background:#ddd6cc;position:relative;flex-shrink:0}.switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}.toggle.is-on .switch{background:var(--ok)}.toggle.is-on .switch:after{left:21px}.timer-row{margin:4px 0 6px;padding-top:4px}.timer-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.timer-row input[type=range]{width:100%}.timer-presets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}.timer-custom{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer-custom input{width:88px;padding:6px 10px;border:0;border-radius:10px;background:var(--bg);text-align:right}.vanish-menu{position:relative}.vanish-overlay{position:fixed;inset:0;z-index:40;background:transparent}.vanish-pop{position:fixed;z-index:41;width:240px;max-width:calc(100vw - 24px);max-height:min(320px,calc(var(--app-height, 100dvh) - 88px));overflow:auto;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.member{display:flex;align-items:center;margin:0 0 12px}.member .copy{flex:1;margin:0 10px}.lock,.lightbox,.blur-veil{position:fixed;inset:0;z-index:40}.lock{background:#f4f1ece0}.lock-card{width:92%;max-width:380px;margin:16vh auto 0;padding:32px 24px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.lightbox{background:#1c191673;text-align:center;padding:48px 16px}.light-close{position:absolute;right:16px;top:16px}.light-frame{max-width:720px;margin:0 auto;padding:24px;border-radius:16px;background:var(--surface)}.loader{display:inline-flex;align-items:center;justify-content:center;gap:10px}.loader-ring{display:block;width:22px;height:22px;border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.loader-sm .loader-ring{width:14px;height:14px}.loader-label{color:var(--ink);font-size:14px;font-weight:550}.btn-wax .loader-label{color:#fff}.btn-wax .loader-ring{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:24px;z-index:50;max-width:90%;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;transform:translate(-50%,80px);opacity:0;pointer-events:none}.toast.is-on{transform:translate(-50%);opacity:1}.blur-veil{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f1ec80}.app.is-blurred .pane,.app.is-blurred .workspace{filter:blur(14px)}@media(max-width:860px){.app.is-thread .pane{display:none}.app.is-thread .back{display:inline-block}.settings-shell .workspace,.settings-shell.is-open .pane{display:none}.settings-shell.is-open .workspace{display:flex;flex:1;width:100%;min-width:0}.settings-back{display:inline-flex}.settings-detail{padding:16px 16px 32px}.settings-head{margin-bottom:12px}}@media(max-width:640px){html,body{position:fixed;inset:0;width:100%}html,body,#root,.app{height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);overflow:hidden}.app{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.app.is-thread{padding-bottom:0}.app.is-thread .rail{display:none}.rail{position:fixed;inset:auto 0 0;z-index:20;display:flex;flex-direction:row;align-items:stretch;width:100%;max-width:100%;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-right:0;border-top:1px solid var(--line);overflow:hidden}.rail nav{display:flex;flex:1;width:100%;min-width:0;min-height:0;overflow:hidden;justify-content:space-between}.rail-btn{flex:1 1 0;width:auto;min-width:0;min-height:56px;margin:0;padding:6px 0;border-radius:0;font-size:10px;gap:2px}.rail-btn.is-desk-only,.brand,.me,.rail-foot{display:none}.rail-badge{top:4px;right:50%;transform:translate(14px)}.pane{width:100%}.pane-head,.thread-head{padding-top:max(10px,env(safe-area-inset-top,0px))}.app.is-thread .thread-head{position:sticky;top:0;z-index:12;overflow:visible;background:var(--surface)}.vanish-overlay{background:#1c191638}.vanish-pop{width:min(260px,calc(100vw - 24px))}.app.is-thread .composer{position:sticky;bottom:0;z-index:12}.app.is-thread .workspace,.app.is-thread .thread{overflow:hidden}.thread-actions .chip{padding:5px 8px;font-size:11px}.slip{max-width:min(82%,22rem)}input:not([type=range]),textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.ink i,.toast,.loader-ring{animation:none}}