:root,[data-theme=light]{--tw-bg: #f6f2ec;--tw-surface: #fdfbf7;--tw-surface-2: #f0eae1;--tw-text: #322d28;--tw-text-2: #6e675e;--tw-hint: #8a8177;--tw-line: #e4dcd1;--tw-accent: #a9552f;--tw-accent-weak: rgba(169, 85, 47, .12);--tw-accent-text: #ffffff;--tw-header: #fbf7f1;--tw-shadow: 0 6px 22px rgba(60, 45, 30, .07);--tw-on: #5e9e6f;--tw-on-bg: rgba(94, 158, 111, .14);--tw-on-text: #3f6e4c;--tw-paused: #c9973f;--tw-paused-bg: rgba(201, 151, 63, .16);--tw-paused-text: #8a6a2a}[data-theme=dark]{--tw-bg: #1a1712;--tw-surface: #24211a;--tw-surface-2: #2d2921;--tw-text: #ece5db;--tw-text-2: #b4aba0;--tw-hint: #8e857a;--tw-line: #36302a;--tw-accent: #ce8163;--tw-accent-weak: rgba(206, 129, 99, .16);--tw-accent-text: #201a14;--tw-header: #211e18;--tw-shadow: 0 8px 28px rgba(0, 0, 0, .4);--tw-on: #7fb98c;--tw-on-bg: rgba(127, 185, 140, .16);--tw-on-text: #9ecfab;--tw-paused: #d8ae63;--tw-paused-bg: rgba(216, 174, 99, .18);--tw-paused-text: #ddb877}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--tw-bg);color:var(--tw-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--tw-accent);text-decoration:none}::selection{background:#a9552f2e}@keyframes tw-shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}@keyframes tw-toast{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}@keyframes tw-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tw-spin{to{transform:rotate(360deg)}}.app{position:relative;height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--tw-bg)}.app-header{flex:none;height:56px;padding:0 8px;background:var(--tw-header);display:flex;align-items:center;border-bottom:1px solid var(--tw-line);padding-top:env(safe-area-inset-top);box-sizing:content-box}.app-header .slot{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.app-header .title{flex:1;text-align:center;font-size:16px;font-weight:600;color:var(--tw-text)}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.icon-btn:active{background:var(--tw-accent-weak)}.app-body{flex:1;overflow-y:auto;position:relative}.screen{min-height:100%;padding:24px 22px 20px;display:flex;flex-direction:column;animation:tw-rise .35s ease both}.app-footer{flex:none;background:var(--tw-header);border-top:1px solid var(--tw-line);padding:9px 18px calc(18px + env(safe-area-inset-bottom))}.footer-note{text-align:center;font-size:11.5px;color:var(--tw-hint);padding:5px 0 10px}.btn-main{width:100%;padding:15px;border-radius:12px;background:var(--tw-accent);color:var(--tw-accent-text);font-size:15.5px;font-weight:600;box-shadow:0 4px 14px #a9552f47;transition:transform .12s ease,filter .12s ease}.btn-main:active{transform:scale(.985);filter:brightness(.94)}.btn-secondary{width:100%;padding:13px;border-radius:12px;border:1px solid var(--tw-line);background:transparent;color:var(--tw-accent);font-size:14.5px;font-weight:600}.btn-secondary:active{background:var(--tw-accent-weak)}.btn-outline-accent{padding:13px 22px;border-radius:12px;border:1px solid var(--tw-accent);background:transparent;color:var(--tw-accent);font-size:14.5px;font-weight:600;white-space:nowrap}.btn-outline-accent:active{background:var(--tw-accent-weak)}.btn-quiet{width:100%;padding:14px;border-radius:12px;border:1px solid var(--tw-line);background:transparent;color:var(--tw-text);font-size:14.5px;font-weight:600}.btn-quiet:active{background:var(--tw-surface-2)}.card{background:var(--tw-surface);border:1px solid var(--tw-line);border-radius:20px;box-shadow:var(--tw-shadow)}.consent-card{padding:6px 18px 8px}.consent-eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--tw-hint);padding:14px 0 4px}.consent-row{display:flex;gap:13px;align-items:flex-start;padding:13px 0}.consent-row+.consent-row{border-top:1px solid var(--tw-line)}.consent-icon{flex:none;width:38px;height:38px;border-radius:11px;background:var(--tw-accent-weak);display:flex;align-items:center;justify-content:center}.consent-title{font-size:14.5px;font-weight:600;color:var(--tw-text);line-height:1.35}.consent-body{font-size:13px;color:var(--tw-text-2);line-height:1.45;margin-top:2px}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.pill .dot{width:8px;height:8px;border-radius:50%}.pill.on{background:var(--tw-on-bg);color:var(--tw-on-text)}.pill.on .dot{background:var(--tw-on)}.pill.paused{background:var(--tw-paused-bg);color:var(--tw-paused-text)}.pill.paused .dot{background:var(--tw-paused)}.invite-field{display:flex;align-items:center;gap:10px;background:var(--tw-surface-2);border:1px solid var(--tw-line);border-radius:14px;padding:13px 14px}.invite-link{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--tw-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{flex:none;width:34px;height:34px;border-radius:9px;background:var(--tw-accent-weak);display:flex;align-items:center;justify-content:center}.copy-btn:active{filter:brightness(.92)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--tw-line);border-top-color:var(--tw-accent);animation:tw-spin .8s linear infinite}.shimmer{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--tw-surface-2),var(--tw-line),var(--tw-surface-2));background-size:320px 100%;animation:tw-shimmer 1.3s linear infinite}.toast{position:absolute;left:50%;bottom:118px;transform:translate(-50%);background:#14100ceb;color:#fff;font-size:13px;font-weight:500;padding:10px 18px;border-radius:999px;white-space:nowrap;animation:tw-toast 2s ease forwards;z-index:30;pointer-events:none}.suggestion{width:100%;padding:12px 16px;border-radius:14px;background:var(--tw-surface);border:1px solid var(--tw-line);font-size:13.5px;color:var(--tw-text);text-align:left}.suggestion:active{background:var(--tw-surface-2)}.composer{flex:none;display:flex;align-items:center;gap:10px;background:var(--tw-surface);border:1px solid var(--tw-line);border-radius:16px;padding:5px 5px 5px 14px}.composer input{flex:1;border:none;background:none;outline:none;font:inherit;font-size:14px;color:var(--tw-text);padding:8px 0;min-width:0}.composer input::placeholder{color:var(--tw-hint)}.send-btn{flex:none;width:34px;height:34px;border-radius:50%;background:var(--tw-accent);display:flex;align-items:center;justify-content:center}.send-btn:active{filter:brightness(.92)}.dev-toggle{position:fixed;right:14px;bottom:128px;z-index:60;width:42px;height:42px;border-radius:50%;background:var(--tw-surface);border:1px solid var(--tw-line);box-shadow:var(--tw-shadow);display:flex;align-items:center;justify-content:center;color:var(--tw-accent);font-size:17px}.dev-panel{position:fixed;right:14px;bottom:178px;z-index:60;width:250px;max-height:min(72vh,640px);overflow-y:auto;background:var(--tw-surface);border:1px solid var(--tw-line);border-radius:16px;box-shadow:var(--tw-shadow);padding:12px}.dev-group{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tw-hint);padding:8px 6px 5px}.dev-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:10px;font-size:13px;font-weight:500;color:var(--tw-text);text-align:left}.dev-item .dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--tw-line)}.dev-item.active{background:var(--tw-accent-weak);color:var(--tw-accent);font-weight:600}.dev-item.active .dot{background:var(--tw-accent)}