:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f5f4f2;--panel:#fff;--panel-soft:#fbfaf9;--text:#242424;--muted:#656565;--border:#dedbd6;--teams-purple:#5b5fc7;--teams-purple-dark:#4649a8;--teams-lavender:#eeeefe;--danger:#ba3b46;--shadow:0 22px 70px #1e1f281f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;background:#f5f4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at top left, #5b5fc72e, transparent 32rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1180px,100% - 28px);margin:0 auto;padding:18px 0 32px}.site-header{justify-content:space-between;align-items:center;gap:16px;padding:10px 2px 20px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--teams-purple);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 12px 30px #5b5fc752}.header-note{color:var(--muted);font-size:.92rem;font-weight:650}.landing-grid{flex-direction:column-reverse;gap:22px;display:flex}.intro-panel,.tool-panel{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffd1}.intro-panel{text-align:center;padding:30px 24px}.tool-panel{flex-direction:column;min-height:72vh;display:flex;overflow:hidden}.eyebrow{color:var(--teams-purple-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2{color:var(--text);margin:0;line-height:1}h1{letter-spacing:-.08em;max-width:10ch;margin-left:auto;margin-right:auto;font-size:clamp(3.2rem,14vw,6.2rem)}h2{letter-spacing:-.04em;font-size:clamp(1.35rem,5vw,2rem)}.intro-logo{object-fit:contain;width:min(100%,390px);height:auto;margin:10px auto;display:block}.intro-sample-desktop{display:none}.intro-sample-mobile{object-fit:contain;border-radius:.5rem;width:min(100%,330px);height:auto;max-height:340px;margin:16px auto;display:block}.tagline{max-width:28rem;color:var(--text);letter-spacing:-.025em;margin:18px auto 0;font-size:clamp(1.05rem,3.5vw,1.5rem);font-weight:800;line-height:1.28}.description{max-width:34rem;color:var(--muted);margin:22px auto 0;font-size:1rem;line-height:1.65}.feature-list{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.feature-list span{background:var(--teams-lavender);color:var(--teams-purple-dark);border:1px solid #5b5fc72e;border-radius:999px;padding:9px 12px;font-size:.86rem;font-weight:750}.tool-header{border-bottom:1px solid var(--border);background:#ffffffe6;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.message-count{white-space:nowrap;color:var(--muted);background:#f0f0f0;border-radius:999px;padding:8px 11px;font-size:.84rem;font-weight:700}.message-list{background:linear-gradient(#fbfaf9e0,#fbfaf9e0),repeating-linear-gradient(135deg,#5b5fc70f 0 1px,#0000 1px 16px);flex-direction:column;flex:1;gap:12px;min-height:360px;padding:18px;display:flex;overflow-y:auto}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);min-height:250px;color:var(--muted);text-align:center;background:#ffffffb3;place-content:center;padding:22px;display:grid}.empty-state p{color:var(--text);margin:0 0 8px;font-size:1.05rem;font-weight:800}.empty-state span{font-size:.92rem}.message-card{border-radius:var(--radius-lg);touch-action:manipulation;background:#fff;border:1px solid #5b5fc729;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:10px;padding:12px;display:grid;box-shadow:0 10px 28px #1e1f2814}.message-card.is-dragging{z-index:4;position:relative;box-shadow:0 18px 50px #1e1f282e}.message-content{min-width:0}.message-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:flex}.message-meta span:first-child{color:var(--teams-purple-dark)}.message-card p{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text);margin:0;font-size:.98rem;line-height:1.5}.message-actions{align-items:center;gap:4px;display:flex}.icon-button{color:#4b4b4b;background:0 0;border:0;border-radius:12px;place-items:center;width:36px;height:36px;transition:background .16s,color .16s,transform .16s;display:inline-grid;position:relative}.icon-button:hover,.icon-button:focus-visible{background:var(--teams-lavender);color:var(--teams-purple-dark);outline:none}.icon-button:active{transform:scale(.96)}.icon-button.danger:hover,.icon-button.danger:focus-visible{color:var(--danger);background:#fff0f2}.drag-button{color:var(--muted);touch-action:none}.tooltip-text{z-index:5;pointer-events:none;white-space:nowrap;color:#fff;opacity:0;background:#242424;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:750;transition:opacity .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.icon-button:hover .tooltip-text,.icon-button:focus-visible .tooltip-text{opacity:1}.edit-input,.composer-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);resize:vertical;background:#fff;outline:none;line-height:1.45;transition:border-color .16s,box-shadow .16s}.edit-input:focus,.composer-input:focus{border-color:#5b5fc7b3;box-shadow:0 0 0 4px #5b5fc724}.emoji-textarea-shell{width:100%;min-width:0;position:relative}.emoji-textarea-shell.has-top-resize-handle{--composer-resize-min-height:46px;--composer-resize-max-height:300px}.composer-resize-handle{z-index:3;width:36px;height:28px;color:var(--teams-purple-dark);cursor:ns-resize;touch-action:none;background:#ffffffeb;border:1px solid #5b5fc71f;border-radius:999px;place-items:center;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-grid;position:absolute;top:8px;right:8px}.composer-resize-handle svg{pointer-events:none}.composer-resize-handle:hover,.composer-resize-handle:focus-visible{background:#fff;border-color:#5b5fc757;outline:none;box-shadow:0 10px 24px #5b5fc729}.composer-resize-handle:active{transform:translateY(1px)}.edit-input{min-height:96px;padding:11px 52px 40px 12px;font-size:.96rem}.composer-area{border-top:1px solid var(--border);background:#fff}.composer{background:#fff;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.composer-input{resize:none;min-height:46px;max-height:300px;padding:12px 52px 12px 13px;font-size:1rem;overflow-y:auto}.emoji-inside-button{z-index:3;width:36px;height:36px;color:var(--teams-purple-dark);background:#eeeefedb;border:1px solid #5b5fc71f;border-radius:12px;place-items:center;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-grid;position:absolute;bottom:8px;right:8px}.emoji-inside-button:hover,.emoji-inside-button:focus-visible,.emoji-inside-button.is-open{color:var(--teams-purple-dark);background:#fff;border-color:#5b5fc757;outline:none;box-shadow:0 10px 24px #5b5fc729}.emoji-inside-button:active{transform:translateY(1px)}.emoji-popover{z-index:2147483647;background:#fff;border:1px solid #5b5fc72e;border-radius:20px;position:fixed;overflow:hidden;box-shadow:0 24px 80px #1e1f2847}.emoji-popover .EmojiPickerReact{border:0!important;width:100%!important}.save-button{background:var(--teams-purple);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:850;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex}.save-button:hover,.save-button:focus-visible{background:var(--teams-purple-dark);outline:none;box-shadow:0 12px 30px #5b5fc742}.save-button:active{transform:translateY(1px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=620px){.app-shell{width:min(100% - 18px,560px);padding-top:10px}.site-header{padding-bottom:12px}.header-note{display:none}.tool-panel{min-height:74vh}.intro-panel{padding:26px 14px}.intro-sample-mobile{width:min(100%,430px);max-height:none;margin:18px auto}.intro-sample-desktop{display:none}.tool-header{padding:17px}.message-list{min-height:320px;padding:14px}.message-card{grid-template-columns:auto minmax(0,1fr)}.message-actions{grid-column:2;justify-content:flex-end;margin-top:-4px}.composer{grid-template-columns:minmax(0,1fr) auto;padding:11px}.composer-input{height:104px;min-height:104px;max-height:340px;padding:16px 52px 16px 13px;font-size:1.04rem}.emoji-textarea-shell.has-top-resize-handle{--composer-resize-min-height:88px;--composer-resize-max-height:340px}.edit-input{padding-bottom:40px;padding-right:52px}.emoji-inside-button{width:36px;height:36px}.save-button{width:46px;padding:0}.save-button span{display:none}}@media (width>=900px){html{font-size:16px}.app-shell{width:min(1640px,100% - 24px);padding-top:12px;padding-bottom:16px}.site-header{padding-bottom:12px}.landing-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.intro-panel,.tool-panel{min-height:calc(100vh - 86px);max-height:calc(100vh - 86px)}.intro-panel{flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 24px 28px;display:flex;overflow-y:auto}.intro-panel .eyebrow{margin-bottom:10px;font-size:.8rem}.intro-logo{width:min(95%,420px);margin:8px auto 14px}.tagline{letter-spacing:-.022em;max-width:44rem;margin-top:16px;font-size:clamp(1.18rem,1.3vw,1.36rem);font-weight:800;line-height:1.36}.intro-sample-mobile{display:none}.intro-sample-desktop{object-fit:contain;border-radius:.5rem;width:min(100%,480px);height:700px;max-height:700px;margin:24px auto;display:block}.description{max-width:46rem;margin-top:22px;font-size:1rem;line-height:1.65}.feature-list{gap:12px;margin-top:22px}.feature-list span{padding:9px 13px;font-size:.86rem}.tool-header{padding:18px 20px}.message-list{min-height:0;padding:16px}.message-card{padding:10px}.composer{padding:14px}.composer-input{resize:none;height:76px;min-height:76px;max-height:320px;padding:13px 56px 13px 14px}.emoji-textarea-shell.has-top-resize-handle{--composer-resize-min-height:46px;--composer-resize-max-height:320px}.save-button{align-self:stretch;min-width:112px}}@media (width>=900px) and (height<=760px){.app-shell{padding-top:8px;padding-bottom:10px}.site-header{padding-top:6px;padding-bottom:8px}.intro-panel,.tool-panel{min-height:calc(100vh - 66px);max-height:calc(100vh - 66px)}.intro-panel{padding:22px 24px 20px}.intro-logo{width:min(92%,360px);margin:6px auto 10px}.tagline{margin-top:10px;font-size:1.08rem;line-height:1.32}.intro-sample-desktop{width:min(100%,480px);max-height:700px;margin:14px auto}.description{margin-top:14px;font-size:.95rem;line-height:1.48}.feature-list{margin-top:14px}.feature-list span{padding:8px 11px;font-size:.8rem}.tool-header{padding:14px 18px}.message-list{gap:10px;padding:14px}.composer{padding:12px}.composer-input{height:62px;min-height:62px;max-height:280px}.emoji-textarea-shell.has-top-resize-handle{--composer-resize-min-height:46px;--composer-resize-max-height:280px}}@media (width>=900px) and (width<=1200px){.landing-grid{grid-template-columns:1fr}.intro-panel,.tool-panel{min-height:auto;max-height:none}}.header-right{align-items:center;gap:14px;min-width:0;display:flex}.auth-nav{align-items:center;gap:8px;display:inline-flex}.auth-nav.signed-in{justify-content:flex-end;position:relative}.auth-loading{color:var(--muted);font-size:.88rem;font-weight:700}.signed-in-details{align-items:center;gap:8px;min-width:0;display:flex}.signed-in-email{max-width:210px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:800;overflow:hidden}.account-menu-button{border:1px solid var(--border);max-width:min(320px,100vw - 34px);min-height:40px;color:var(--text);font:inherit;background:#ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:6px 11px 6px 14px;font-weight:850;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.account-menu-button:hover,.account-menu-button:focus-visible,.account-menu-button[aria-expanded=true]{background:var(--teams-lavender);color:var(--teams-purple-dark);border-color:#5b5fc74d;outline:none}.account-menu-button:hover,.account-menu-button:focus-visible{transform:translateY(-1px)}.account-menu-chevron{flex:none;transition:transform .16s}.account-menu-button[aria-expanded=true] .account-menu-chevron{transform:rotate(180deg)}.account-dropdown{z-index:60;border:1px solid var(--border);background:#fffffff5;border-radius:16px;min-width:190px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #1e1f2829}.account-dropdown-item{width:100%;min-height:40px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:9px 10px;font-size:.92rem;font-weight:850;display:flex}.account-dropdown-item:hover,.account-dropdown-item:focus-visible{background:var(--teams-lavender);color:var(--teams-purple-dark);outline:none}.premium-pill,.sync-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:7px 9px;font-size:.76rem;font-weight:850;line-height:1;display:inline-flex}.premium-pill{background:var(--teams-lavender);color:var(--teams-purple-dark)}.nav-button{border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:850;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.nav-button.ghost{border:1px solid var(--border);color:var(--text);background:#ffffffad}.nav-button.primary{border:1px solid var(--teams-purple);background:var(--teams-purple);color:#fff}.nav-button:hover,.nav-button:focus-visible{outline:none;transform:translateY(-1px)}.nav-button.ghost:hover,.nav-button.ghost:focus-visible{background:var(--teams-lavender);color:var(--teams-purple-dark);border-color:#5b5fc74d}.nav-button.primary:hover,.nav-button.primary:focus-visible{background:var(--teams-purple-dark);box-shadow:0 12px 30px #5b5fc738}.auth-page{place-items:center;min-height:calc(100vh - 106px);padding:22px 0 34px;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(100%,520px);box-shadow:var(--shadow);background:#ffffffe6;padding:28px}.auth-back-button{color:var(--teams-purple-dark);background:0 0;border:0;padding:0 0 20px;font-size:.92rem;font-weight:850;display:inline-flex}.auth-title{max-width:none;color:var(--text);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,8vw,3.25rem);line-height:.98}.auth-copy{color:var(--muted);margin:16px 0 0;font-size:1rem;line-height:1.58}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-form label{color:var(--text);gap:7px;font-weight:850;display:grid}.auth-form input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:50px;color:var(--text);font:inherit;background:#fff;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:#5b5fc7b3;box-shadow:0 0 0 4px #5b5fc724}.auth-error,.sync-error{border-radius:var(--radius-md);color:var(--danger);background:#fff0f2;font-size:.92rem;font-weight:750;line-height:1.45}.auth-error{margin:0;padding:11px 12px}.auth-submit-button{background:var(--teams-purple);color:#fff;border:0;border-radius:16px;min-height:52px;padding:0 18px;font-weight:900;transition:background .16s,transform .16s,box-shadow .16s}.auth-submit-button:hover,.auth-submit-button:focus-visible{background:var(--teams-purple-dark);outline:none;box-shadow:0 12px 30px #5b5fc742}.auth-submit-button:active{transform:translateY(1px)}.auth-switcher{color:var(--muted);text-align:center;margin-top:20px;font-size:.96rem;font-weight:650}.auth-switcher button{color:var(--teams-purple-dark);font:inherit;background:0 0;border:0;padding:0;font-weight:900}.tool-status-stack{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.sync-badge-local,.sync-badge-synced{background:var(--teams-lavender);color:var(--teams-purple-dark)}.sync-badge-loading,.sync-badge-saving{color:#886225;background:#f5efe4}.sync-badge-error{color:var(--danger);background:#fff0f2}.sync-error{border-bottom:1px solid #ba3b4624;border-radius:0;margin:0;padding:10px 18px}@media (width<=760px){.site-header{align-items:flex-start}.header-right{flex-direction:column;align-items:flex-end;gap:8px}.auth-nav.signed-in{align-items:flex-end}.account-menu-button{max-width:240px}.account-dropdown{min-width:180px}.signed-in-details{justify-content:flex-end;max-width:190px}.signed-in-email{max-width:140px}.account-menu-button .premium-pill{display:none}}@media (width<=620px){.brand span{display:none}.header-right{flex:1}.auth-nav{gap:7px}.nav-button{min-height:36px;padding:0 12px}.nav-button.ghost svg{display:none}.auth-page{min-height:calc(100vh - 76px);padding:10px 0 24px}.auth-card{border-radius:22px;padding:22px 16px}.auth-copy{font-size:.96rem}.tool-status-stack{align-items:flex-end}.sync-badge{white-space:normal;text-align:center;max-width:150px}}