:root{color-scheme:light;--ink: #242b2e;--muted: #687477;--line: #d9e4e2;--paper: #f8fbfa;--accent: #4eaaa3;--accent-dark: #287972;--warm: #f6cf72;--rose: #e88f91;--font-sans: Aptos, "Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:#0a0e10}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:100vh}.workspace{position:relative;min-height:100vh;overflow:hidden;background:#05080a}.locked-group-state{position:absolute;left:24px;right:24px;top:220px;z-index:2;max-width:420px;padding:16px;color:#eef7f5;background:#f7faf91a;border:1px solid rgba(219,246,242,.14);border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.locked-group-state h2{color:#eef7f5}.locked-group-state .description{color:#eef7f5b8}.topbar{position:absolute;z-index:3;top:24px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none;color:#eef7f5;text-shadow:0 2px 18px rgba(0,0,0,.42)}.topbar>*{pointer-events:auto}.topbar-actions{display:flex;gap:10px;pointer-events:auto}.topbar .eyebrow{color:#dff6f1b8}.topic-expiry{margin:10px 0 0;color:#eef7f5c2;font-size:.86rem;font-weight:650}.topic-expiry.expired{color:#ffc7c8}.eyebrow{margin:0 0 4px;color:var(--accent-dark);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.group-meta{display:inline-grid;gap:4px;min-width:0;vertical-align:middle}.group-meta-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-meta-details{display:inline-flex;align-items:center;gap:6px}.group-count{display:inline-grid;min-width:20px;height:20px;padding:0 6px;place-items:center;color:#eef7f5c7;background:#eef7f51f;border:1px solid rgba(238,247,245,.14);border-radius:999px;font-size:.68rem;line-height:1}.group-lock{font-size:.78rem;line-height:1}.group-current-name{max-width:28vw;overflow:hidden;color:#eef7f5b8;font-size:.68rem;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-transform:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4.2rem);font-weight:700;line-height:1}h2{margin-bottom:10px;color:var(--ink);font-size:1.45rem;font-weight:700;line-height:1.1}h3{margin-bottom:12px;color:var(--ink);font-size:1rem;font-weight:700}canvas{display:block;width:100%;height:100vh;cursor:pointer}.start-shell{min-height:100vh;padding:42px clamp(18px,5vw,64px);color:#eef7f5;background:radial-gradient(ellipse 150% 44% at 20% 12%,transparent 62%,rgba(219,246,242,.08) 62.4%,transparent 63%),radial-gradient(ellipse 130% 38% at 82% 34%,transparent 60%,rgba(219,246,242,.07) 60.4%,transparent 61%),radial-gradient(circle at 25% 20%,rgba(78,170,163,.16),transparent 28%),linear-gradient(135deg,#05080a,#0b1114 52%,#030506)}.start-hero{max-width:680px;margin-bottom:34px}.start-hero h1{margin-bottom:12px;color:#eef7f5;font-size:clamp(2.4rem,8vw,5.8rem);line-height:.92}.start-hero .description{max-width:520px;color:#eef7f5b8;font-size:1.05rem}.start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:16px}.start-card{display:grid;gap:10px;padding:16px;background:#f7faf924;border:1px solid rgba(219,246,242,.14);border-radius:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.start-card-create{background:#f69c2433;border-color:#ffd68147}.start-card h2{color:#eef7f5}.start-card label{color:#eef7f5b3}.start-card input{background:#ffffffe6}.start-card-create .primary-button{background:#f69c24db}.start-error{max-width:740px;margin-top:16px;padding:12px 14px;color:#fff7df;background:#b85f665c;border-radius:8px;font-weight:650}.primary-button,.ghost-button,.like-button,.icon-button,.topic-button,.delete-topic-button,.link-button{border:0;border-radius:8px;cursor:pointer}.primary-button{padding:11px 15px;color:#fff;background:var(--accent);font-weight:700;box-shadow:0 8px 22px #4eaaa338}.primary-button:hover{background:var(--accent-dark)}button:disabled{cursor:not-allowed;opacity:.58}.ghost-button{padding:10px 14px;color:var(--ink);background:#eef6f4;font-weight:650}.idea-form{position:absolute;z-index:4;top:100px;right:24px;width:min(360px,calc(100vw - 48px));padding:16px;display:none;gap:12px;background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px #111f2329}.idea-form.visible{display:grid}label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid rgba(78,170,163,.18);border-color:var(--accent)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.detail-panel{min-height:100vh;padding:24px;overflow-y:auto;background:#f7faf9e0;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sheet-handle,.mobile-topic-summary,.mobile-topics-button,.mobile-menu-button,.mobile-nickname-button,.mobile-overlay-close,.mobile-topics-overlay{display:none}.group-card,.participant-card{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.group-heading,.topic-heading,.participant-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.group-title-button{min-width:0;padding:0;color:var(--ink);background:transparent;border:0;cursor:pointer;text-align:left}.group-title-button h2{margin-bottom:0}.group-title-button .group-count{color:#6d7779;background:#dfe8e6d6;border-color:#cbdad7e6}.mode-badge{padding:6px 9px;color:#fff;background:var(--accent);border:0;border-radius:999px;cursor:pointer;font-size:.74rem;font-weight:700}.needs-name-pill{color:#2f2208;background:#f6b652;box-shadow:0 8px 22px #c97a1c2e}.group-members-panel{display:grid;gap:12px;margin:0 0 16px;padding:12px;background:#ffffff9e;border:1px solid var(--line);border-radius:8px}.admin-settings{display:grid;gap:10px;margin:12px 0 16px;padding:12px;background:#eef6f4c7;border:1px solid var(--line);border-radius:8px}.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:var(--ink)}.toggle-row input{width:auto}.link-stack,.topic-list,.invite-links{display:grid;gap:8px;margin-bottom:12px}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:11px 0;color:var(--accent-dark);background:transparent;border:0;border-top:1px solid var(--line);cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}.section-toggle span{display:grid;width:26px;height:26px;place-items:center;color:var(--accent-dark);background:#dfe8e6;border:1px solid #cbdad7;border-radius:8px;font-size:0;letter-spacing:0}.section-toggle .chevron:before{content:"";width:8px;height:8px;border-right:2px solid var(--accent-dark);border-bottom:2px solid var(--accent-dark);transform:rotate(45deg) translate(-1px,-1px);transition:transform .16s ease}.section-toggle .chevron.open:before{transform:rotate(225deg) translate(-1px,-1px)}.link-stack input,.invite-link-row input{font-size:.76rem}.topic-row,.invite-link-row,.palette-control,.participant-input-row,.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px}.palette-control{align-items:end;margin:14px 0 12px}.palette-icon-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0 14px;padding:10px;background:#dfe8e6;border:0;border-radius:8px}.soft-panel-label{grid-column:1 / -1;margin:0 0 1px;color:#7b8789;font-size:.72rem;font-weight:600}.palette-icon-button{display:grid;min-width:0;width:80%;aspect-ratio:1;place-items:center;justify-self:center;color:var(--ink);background:#ffffffa3;border:1px solid #c7d8d4;border-radius:8px;cursor:pointer;font-size:.95rem}.palette-icon-button.active{background:#dff3ef;border-color:var(--accent);box-shadow:inset 0 0 0 2px #4eaaa338}.palette-icon-button.shuffle{background:#c7d5d2;border-color:#b5c8c4}.topic-button{min-width:0;padding:10px 11px;color:var(--ink);background:#eef6f4;font-weight:700;text-align:left}.topic-button span,.topic-button small{display:block}.topic-button small{margin-top:4px;color:var(--muted);font-size:.72rem;font-weight:650}.topic-button.active{color:#fff;background:var(--accent)}.topic-button.active small{color:#5f6b6e}.topic-button small.expired{color:#b85f66}.topic-button.archived{color:#6d7779;background:#f0f1f1}.topic-accordion{grid-column:1 / -1;margin:-2px 0 12px;padding:10px;background:#e2edebb8;border:1px solid var(--line);border-radius:8px}.archived-accordion{background:#eff1f1d6}.empty-bubble-detail{margin-bottom:10px}.more-button{width:100%;margin:0 0 12px;padding:10px 11px;color:var(--accent-dark);background:transparent;border:1px dashed #b9cfca;border-radius:8px;cursor:pointer;font-weight:700}.new-topic-button{width:100%;margin:2px 0 12px;padding:11px;color:var(--accent-dark);background:#e8efed;border:1px solid #d6e2df;border-radius:8px;cursor:pointer;font-weight:700;text-align:left}.archive-list{margin-top:4px}.links-footer{display:grid;gap:8px;margin-top:18px;padding:12px;background:#e8efed;border:1px solid #d6e2df;border-radius:8px}.links-footer label{color:#7b8789;font-size:.72rem;font-weight:600}.links-footer input{padding:8px 9px;color:#7d898b;background:#ffffff6b;border-color:#dbe6e3;font-size:.68rem}.copy-link-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:0}.copy-link-row input{border-right:0;border-radius:8px 0 0 8px}.copy-link-button{display:grid;width:34px;min-width:34px;padding:0;place-items:center;color:#7d898b;background:#ffffff6b;border:1px solid #dbe6e3;border-left:0;border-radius:0 8px 8px 0;cursor:pointer}.copy-icon{position:relative;display:block;width:15px;height:16px}.copy-icon,.copy-icon span{border:1.8px solid currentColor;border-radius:3px}.copy-icon span{position:absolute;right:-4px;top:4px;width:11px;height:12px;background:transparent}.confirm-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#05080a70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog{width:min(360px,100%);padding:18px;background:#f8fbfaf0;border:1px solid rgba(217,228,226,.9);border-radius:12px;box-shadow:0 24px 70px #0000003d}.confirm-dialog h2{margin-bottom:8px}.subtle-note{margin:4px 0 12px;color:var(--muted);font-size:.86rem}.warning-note{margin:8px 0 12px;color:#8a5f00;font-size:.84rem;font-weight:650}.participant-form.needs-name{padding:12px;background:#fff5c9;border:1px solid #f1d36d;border-radius:8px;box-shadow:0 10px 26px #ac891c24}input.name-required{background:#fff9df;border-color:#e6bd35}.delete-topic-button{width:38px;color:var(--muted);background:#f7eeee;font-weight:700}.compact-form{display:grid;gap:8px;margin-top:12px}.topic-admin-form{margin:0 0 14px;padding:12px;background:#e8efed;border:1px solid #d6e2df;border-radius:8px}.topic-admin-panel{margin:12px 0 0}.new-topic-form{margin:-2px 0 14px;padding:12px;background:#eef6f4d1;border:1px solid var(--line);border-radius:8px}.current-participant{margin:0;color:var(--muted);font-size:.86rem;font-weight:650;text-align:right}.participant-list,.voter-list{display:flex;flex-wrap:wrap;gap:8px}.participant-pill,.voter-pill{max-width:100%;padding:6px 9px;overflow:hidden;color:#324044;background:#eef6f4;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.participant-pill.active{color:#fff;background:var(--accent);border-color:var(--accent)}.link-button{padding:9px 10px;color:var(--ink);background:#eef6f4;font-size:.78rem;font-weight:700}.empty-state{margin-top:32px;color:var(--muted)}.empty-state h2{color:var(--ink)}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.icon-button{width:36px;height:36px;color:var(--muted);background:#eef6f4;font-size:1.5rem;line-height:1}.description{color:#3e4c4f;line-height:1.5}.inline-action{margin:-2px 0 12px}.danger-action{color:#8a3e45;background:#f7eeeee6}.like-button{width:100%;margin:12px 0;padding:13px 16px;color:#2a200a;background:var(--warm);font-weight:700}.like-button.remove{color:#fff;background:var(--rose)}.voter-list{margin-bottom:24px}.chat-section{margin-top:10px;padding:12px;background:#f7faf9e0;border:1px solid rgba(203,218,215,.86);border-radius:8px}.chat-section h3{margin-bottom:10px}.chat-heading-button{width:100%;margin:0 0 10px;padding:0;color:var(--ink);background:transparent;border:0;cursor:pointer;font-size:1rem;font-weight:700;text-align:left}.comments{display:grid;gap:10px;max-height:44vh;margin-bottom:12px;overflow:auto}.comment{padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;line-height:1.35}.system-comment{color:#516064;background:#eef6f4;font-weight:650}.comment time{display:block;margin-top:6px;color:var(--muted);font-size:.74rem}@media(max-width:860px){.start-shell{padding:28px 16px}.start-grid{grid-template-columns:1fr}.app-shell{position:relative;display:block;min-height:100svh;max-height:100svh;overflow:hidden}.workspace{min-height:100svh;padding-bottom:34vh}canvas{height:100svh}.detail-panel{position:fixed;z-index:5;right:0;bottom:0;left:0;min-height:64px;max-height:68vh;padding:8px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:18px 18px 0 0;border-top:1px solid var(--line);border-left:0;background:#f7faf9b3;box-shadow:0 -18px 48px #0003;transition:max-height .26s ease,min-height .26s ease,background-color .22s ease}.detail-panel.sheet-collapsed{min-height:calc(46px + env(safe-area-inset-bottom));max-height:calc(46px + env(safe-area-inset-bottom));background:#f7faf94d;overflow:hidden}.detail-panel.sheet-bubble{min-height:32vh;max-height:34vh;padding-top:2px}.detail-panel.sheet-chat{min-height:62vh;max-height:66vh}.detail-panel.sheet-participant,.detail-panel.locked-access{min-height:32vh;max-height:42vh}.detail-panel.sheet-bubble .sheet-handle{height:10px;margin-bottom:0}.detail-panel.sheet-bubble .sheet-handle span{width:34px;height:3px}.sheet-handle{display:grid;width:86px;height:34px;margin:0 auto 4px;padding:0;place-items:center;background:transparent;border:0;cursor:pointer}.sheet-handle span{display:block;width:48px;height:4px;background:#aebfbb;border-radius:999px}.mobile-topics-overlay{position:fixed;z-index:8;inset:0;display:block;padding:18px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;color:#eef7f5;background:radial-gradient(ellipse 140% 42% at 16% 8%,transparent 61%,rgba(219,246,242,.09) 61.4%,transparent 62%),radial-gradient(ellipse 120% 36% at 86% 20%,transparent 58%,rgba(219,246,242,.07) 58.4%,transparent 59%),radial-gradient(ellipse 150% 44% at 42% 40%,transparent 63%,rgba(219,246,242,.08) 63.4%,transparent 64%),radial-gradient(ellipse 110% 32% at 4% 66%,transparent 57%,rgba(219,246,242,.06) 57.4%,transparent 58%),radial-gradient(ellipse 135% 40% at 96% 82%,transparent 62%,rgba(219,246,242,.08) 62.4%,transparent 63%),radial-gradient(circle at 24% 18%,rgba(78,170,163,.12),transparent 28%),linear-gradient(135deg,#05080a,#0b1114 52%,#030506);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-topics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.mobile-topics-actions{display:flex;flex:0 0 auto;gap:10px}.mobile-topics-header h2{color:#eef7f5;margin-bottom:0}.mobile-topics-overlay .eyebrow{color:#dff6f1b8}.mobile-topics-overlay .topic-button,.mobile-topics-overlay .section-toggle,.mobile-topics-overlay .more-button{color:#eef7f5;background:#eef6f417;border-color:#dbf6f221}.mobile-topics-overlay .section-toggle{color:#eef7f59e;background:#eef6f411;border-color:#dbf6f21a}.mobile-topics-overlay .section-toggle span{color:#eef7f594;background:#eef6f414}.mobile-topics-overlay .section-toggle .chevron:before{border-color:#eef7f594}.mobile-topics-overlay .new-topic-button{position:relative;flex:0 0 auto;width:48px;height:48px;margin:0;padding:0;overflow:hidden;color:transparent;background:#f69c249e;border-color:#ffd681a8;border-radius:50%;box-shadow:inset 0 0 0 1px #fff4cc24}.mobile-topics-overlay .new-topic-button:before,.mobile-topics-overlay .new-topic-button:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:5px;background:#fff7df;border-radius:999px;transform:translate(-50%,-50%)}.mobile-topics-overlay .new-topic-button:after{transform:translate(-50%,-50%) rotate(90deg)}.mobile-topics-overlay .topic-button.active{background:#4eaaa36b}.mobile-topics-overlay .links-footer{margin-top:4px;margin-bottom:12px;background:#eef6f413;border-color:#dbf6f21f;box-shadow:inset 0 0 0 1px #ffffff09}.mobile-topics-overlay .links-footer label{color:#eef7f58a}.mobile-topics-overlay .links-footer input,.mobile-topics-overlay .copy-link-button{color:#eef7f585;background:#ffffff12;border-color:#dbf6f21a}.mobile-topics-overlay .topic-button.archived{color:#eef7f594;background:#eef6f413;border-color:#dbf6f21f}.mobile-topics-overlay .topic-button.archived small{color:#eef7f570}.mobile-topics-overlay .topic-button small,.mobile-topics-overlay .subtle-note,.mobile-topics-overlay label{color:#eef7f5b8}.mobile-topics-overlay .new-topic-form{background:#f69c2442;border-color:#ffd68161;box-shadow:inset 0 0 0 1px #fff4cc17}.mobile-topics-overlay .new-topic-form .primary-button{background:#f69c24d6;border-color:#ffd681b8;box-shadow:inset 0 0 0 1px #fff4cc2e}.mobile-topics-overlay input{background:#ffffffe6}.mobile-overlay-close{position:relative;display:block;flex:0 0 auto;width:44px;height:44px;background:#4eaaa3d1;border:2px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 12px 30px #0000002e;cursor:pointer}.mobile-overlay-close span{display:none}.mobile-overlay-close:before{content:"";position:absolute;inset:10px;border:2px solid rgba(255,255,255,.88);border-radius:50%;pointer-events:none}.mobile-full-topic-list{margin-bottom:12px}.mobile-topic-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;margin:0;padding:2px 4px 8px;color:var(--ink);background:transparent;border:0;cursor:pointer;text-align:left}.mobile-topic-summary span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-topic-summary small{min-width:28px;padding:3px 8px;color:#fff;background:#4eaaa3e6;border-radius:999px;font-weight:800;text-align:center}.detail-panel.sheet-collapsed .group-card,.detail-panel.sheet-collapsed .mobile-topic-summary,.detail-panel.sheet-bubble .mobile-topic-summary,.detail-panel.sheet-participant .mobile-topic-summary,.detail-panel.sheet-chat .mobile-topic-summary,.detail-panel.sheet-participant .topic-heading,.detail-panel.locked-access .topic-heading,.detail-panel.sheet-participant .topic-row,.detail-panel.locked-access .topic-row,.detail-panel.sheet-participant .topic-accordion,.detail-panel.locked-access .topic-accordion,.detail-panel.sheet-participant .more-button,.detail-panel.locked-access .more-button,.detail-panel.sheet-participant .links-footer,.detail-panel.locked-access .links-footer,.detail-panel.sheet-participant .palette-icon-row,.detail-panel.locked-access .palette-icon-row,.detail-panel.sheet-bubble .group-heading,.detail-panel.sheet-bubble .group-members-panel,.detail-panel.sheet-bubble .admin-settings,.detail-panel.sheet-bubble .topic-heading,.detail-panel.sheet-bubble .topic-row,.detail-panel.sheet-chat .group-heading,.detail-panel.sheet-chat .topic-heading,.detail-panel.sheet-chat .topic-row{display:none}.detail-panel.sheet-bubble .topic-accordion{margin:0;padding:6px 8px 8px;border-color:#d9e4e2b8}.detail-panel.sheet-bubble .empty-bubble-detail{margin-bottom:8px}.detail-panel.sheet-bubble .idea-detail{margin-bottom:8px;padding:7px 8px}.detail-panel.sheet-bubble .voter-list{display:none}.detail-panel.sheet-bubble .idea-detail .description{display:-webkit-box;margin-bottom:8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.detail-panel.sheet-bubble .chat-section{margin-top:8px;padding:9px 10px}.detail-panel.sheet-bubble .chat-section .comments,.detail-panel.sheet-bubble .chat-section .comment-form,.detail-panel.sheet-bubble .chat-section .subtle-note,.detail-panel.sheet-bubble .topic-admin-form,.detail-panel.sheet-bubble .more-button,.detail-panel.sheet-chat .more-button{display:none}.detail-panel.sheet-chat .topic-accordion{margin:0;padding:0;background:transparent;border:0}.detail-panel.sheet-chat .idea-detail{display:none}.detail-panel.sheet-chat .chat-section{min-height:calc(56vh - env(safe-area-inset-bottom));margin:0;padding:12px}.detail-panel.sheet-chat .comments{max-height:42vh}.group-card,.participant-card{margin-bottom:14px;padding-bottom:10px}.topic-accordion{max-height:none}.comments{max-height:26vh}.palette-icon-row,.links-footer{margin-top:10px}.palette-icon-row{margin-bottom:0;box-shadow:none}.group-members-panel,.admin-settings,.topic-accordion,.palette-icon-row,.links-footer,.topic-admin-form,.new-topic-form,.chat-section,.idea-detail,.participant-form.needs-name{background-color:#f7faf94d}.topic-button,.new-topic-button,.more-button{background-color:#eef6f4d9}.topic-button.active{background:#4eaaa3e0}}@media(max-width:520px){.topbar{top:16px;left:16px;right:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"group actions" "topic topic";align-items:start;gap:8px 10px}.topbar-copy{display:contents}.topbar .eyebrow{grid-area:group;justify-self:start;max-width:100%;margin:0;text-align:left}.topbar .eyebrow .group-meta{justify-content:flex-start;max-width:100%}.topbar .eyebrow .group-meta-name{max-width:42vw}.topbar h1{grid-area:topic;max-width:100%;margin-top:0;font-size:1.9rem}.topbar .topic-expiry{grid-column:1 / -1;margin-top:-4px}.topbar-actions{grid-area:actions;justify-self:end;max-width:100%;gap:8px}.mobile-nickname-button{display:grid;order:1;flex:0 0 auto;width:48px;max-width:none;height:48px;padding:0;place-items:center;overflow:hidden;color:#eef7f5;background:transparent;border:1px solid rgba(238,247,245,.46);border-radius:50%;box-shadow:none;cursor:pointer;font-size:1rem;font-weight:800}.mobile-nickname-button.needs-name{color:#fff7dff2;background:transparent;border-color:#ffd6819e}.topbar .add-bubble-button,.mobile-menu-button{display:grid;flex:0 0 auto;width:48px;height:48px;padding:0;place-items:center;color:#fff;background:#4eaaa3d1;border:2px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 12px 30px #0000003d}.topbar .add-bubble-button span{width:18px;height:18px;overflow:hidden;color:transparent;position:relative}.topbar .add-bubble-button span:before,.topbar .add-bubble-button span:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:5px;background:#fff;border-radius:999px;transform:translate(-50%,-50%)}.topbar .add-bubble-button span:after{transform:translate(-50%,-50%) rotate(90deg)}.topbar .add-bubble-button{order:2}.mobile-menu-button{order:3;display:grid;gap:3px;align-content:center;justify-content:center}.mobile-menu-button span{display:block;width:17px;height:2px;background:#fff;border-radius:999px}.idea-form{position:fixed;z-index:7;inset:142px 16px auto;width:calc(100vw - 32px);max-height:calc(100svh - 188px);overflow-y:auto}.detail-panel{padding:12px 12px calc(14px + env(safe-area-inset-bottom))}.group-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.group-title-button h2{font-size:1.25rem}.topic-button{padding:11px}.comment-form,.palette-control{grid-template-columns:1fr}.comment-form .primary-button{min-height:44px}.confirm-backdrop{align-items:end;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.confirm-dialog{padding:16px;border-radius:16px}}