@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{--brand-white:#fafafc;--brand-dark:#111;--brand-cyan:#22d3ee;--brand-pink:#ec4899;--brand-orange:#fb924c;--brand-purple:#8b5ef6;--brand-emerald:#34d399;--surface:#fff;--surface-muted:#f6f7f9;--border:#e9edf2;--border-strong:#dce2e9;--text:var(--brand-dark);--text-muted:#657084;--text-soft:#8c96a8;--cyan-soft:#e9fbfe;--purple-soft:#f3efff;--pink-soft:#fff0f7;--orange-soft:#fff4ec;--emerald-soft:#eafbf5;--sidebar-surface:var(--brand-dark);--sidebar-surface-raised:color-mix(in srgb, var(--brand-dark) 94%, white);--sidebar-surface-hover:color-mix(in srgb, var(--brand-dark) 88%, white);--sidebar-border:color-mix(in srgb, var(--brand-dark) 84%, white);--sidebar-text:#fafafa;--sidebar-text-muted:#b1b1b1;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-float:0 18px 48px #1111111a;--glass-overlay-backdrop:blur(3px) saturate(108%) brightness(1.02);--glass-overlay-bg:#11111147;--glass-overlay-bg-no-filter:#11111161;--font-heading:"Sora", "DM Sans", sans-serif;--font-body:"DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-section-title:14px;font-family:var(--font-body);color:var(--text);background:var(--brand-white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--brand-white);min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-logo strong{font-family:var(--font-heading)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #22d3ee59}.button{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;font-weight:650;transition:color .18s,transform .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary,.button--primary:hover:not(:disabled){color:var(--brand-emerald);background:0 0}.button--secondary{color:var(--text);background:0 0}.button--secondary:hover:not(:disabled),.button--ghost{color:var(--text-muted);background:0 0}.button--ghost:hover:not(:disabled){color:var(--text);background:0 0}.button--danger{color:#be123c;background:0 0}.button--md{min-height:42px;padding:0 16px}.button--sm{min-height:36px;padding:0 12px;font-size:13px}.button--icon{width:40px;height:40px;padding:0}.button--plain{min-height:0;padding:0}.card{border-radius:var(--radius-lg);background:0 0;border:0}.eyebrow{color:var(--brand-emerald);letter-spacing:.105em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow--light{color:var(--brand-cyan)}.inline-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.soft-chip{background:var(--surface-muted);color:var(--text-muted);border:0;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:600}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-logo{align-items:center;gap:10px;display:inline-flex}.brand-logo__mark{color:#08242d;background:var(--brand-cyan);border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;display:grid}.brand-logo strong{letter-spacing:-.55px;font-size:19px}.brand-logo strong span{font-weight:500}.app-shell{min-height:100vh}.drawer-layer,.modal-layer,.sidebar-backdrop{-webkit-backdrop-filter:var(--glass-overlay-backdrop);backdrop-filter:var(--glass-overlay-backdrop);background:var(--glass-overlay-bg)}.sidebar{background:var(--sidebar-surface);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);z-index:30;flex-direction:column;width:246px;padding:22px 16px 16px;transition:filter .24s,opacity .24s;display:flex;position:fixed;inset:0 auto 0 0}.app-shell--post-open .sidebar{opacity:.96;pointer-events:none}.sidebar__active-indicator{z-index:0;background:var(--brand-white);pointer-events:none;border-radius:9px 0 0 9px;transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.sidebar>:not(.sidebar__active-indicator){z-index:1;position:relative}.sidebar__top{justify-content:space-between;align-items:center;padding:0 8px 22px;display:flex}.sidebar__close,.mobile-menu-button{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.sidebar .brand-logo strong{color:var(--sidebar-text)}.workspace-selectors{background:0 0;border:0;gap:10px;padding:10px;display:grid}.sidebar .workspace-selectors{z-index:2}.workspace-selector{min-width:0;position:relative}.workspace-selector__label{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px 3px;font-size:11px;font-weight:700;display:block}.workspace-selector__trigger{border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--sidebar-text);text-align:left;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.workspace-selector__trigger:hover:not(:disabled),.workspace-selector__trigger[aria-expanded=true]{background:var(--sidebar-surface-hover);color:var(--sidebar-text)}.workspace-selector__trigger[aria-expanded=true]{border-color:var(--sidebar-border)}.workspace-selector__trigger svg{color:var(--sidebar-text-muted);transition:transform .18s}.workspace-selector__trigger svg.is-open{transform:rotate(180deg)}.workspace-selector__value{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.workspace-selector__menu{isolation:isolate;z-index:5;border:1px solid var(--border-strong);border-radius:var(--radius-md);opacity:1;gap:3px;min-width:190px;padding:5px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 14px 30px #0000002e;background-color:#fafafc!important}.workspace-selector__option{width:100%;color:var(--brand-dark);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;font-size:13px;font-weight:600;display:grid}.workspace-selector__option:hover,.workspace-selector__option:focus-visible{background:var(--surface-muted);outline:none}.workspace-selector__option.is-selected{border-color:var(--border-strong);opacity:1;background-color:#e5e7eb!important}.workspace-selector__option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-selector__option svg{color:var(--brand-dark)}.sidebar__nav{gap:4px;margin-top:28px;display:grid}.nav-section-label{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 11px 7px;font-size:11px;font-weight:700}.sidebar__nav a,.sidebar__bottom>a{color:var(--sidebar-text-muted);border-radius:9px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:14px;font-weight:550;transition:background .16s,color .16s;display:flex}.sidebar__nav a:hover,.sidebar__bottom>a:hover{background:var(--sidebar-surface-hover);color:var(--sidebar-text)}.sidebar__nav a.active,.sidebar__bottom>a.active{width:calc(100% + 17px);color:var(--brand-dark);background:0 0;border-radius:9px 0 0 9px;font-weight:700}.sidebar__nav a.active svg,.sidebar__bottom>a.active svg{color:var(--brand-dark)}.sidebar__bottom{gap:8px;margin-top:auto;display:grid}.user-menu{border-top:1px solid var(--sidebar-border);grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:14px 4px 0;display:grid}.user-menu__avatar{color:#d8d0ff;background:#312e4b;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.user-menu__avatar--pink{color:#ffc1df;background:#4b263b}.user-menu div{min-width:0}.user-menu strong,.user-menu small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-menu strong{color:var(--sidebar-text);font-size:12px}.user-menu small{color:var(--sidebar-text-muted);margin-top:2px;font-size:10px}.user-menu button{color:var(--sidebar-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.user-menu button:hover{color:var(--sidebar-text);background:0 0}.demo-label{color:var(--sidebar-text-muted);justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.sidebar-error{color:#fda4af;text-align:center;font-size:9px}.sidebar :is(button,a,select):focus-visible{outline-color:#67e8f9}.app-content{min-height:100vh;margin-left:246px}.page{max-width:1800px;margin:0 auto;padding:38px clamp(24px,4vw,64px) 60px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.page-header__icon{place-items:center;width:60px;height:60px;display:grid}.page-header__icon svg{stroke-width:2px;width:57px;height:57px}.calendar-icon__outline{stroke:var(--brand-dark);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sidebar .calendar-icon__outline{stroke:var(--sidebar-text-muted)}.sidebar__nav a.active .calendar-icon__outline{stroke:var(--brand-dark)}.calendar-icon__dot{fill:var(--brand-cyan);stroke:none}.board-icon__large{fill:none;stroke:var(--brand-dark);stroke-width:1.75px}.sidebar .board-icon__large{stroke:var(--sidebar-text-muted)}.sidebar__nav a.active .board-icon__large{stroke:var(--brand-dark)}.board-icon__small{fill:var(--brand-pink);stroke:none}.brand-icon__outline{fill:none;stroke:var(--brand-dark);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.sidebar .brand-icon__outline{stroke:var(--sidebar-text-muted)}.sidebar__nav a.active .brand-icon__outline{stroke:var(--brand-dark)}.brand-icon__dot{stroke:none}.brand-icon__dot--cyan{fill:var(--brand-cyan)}.brand-icon__dot--pink{fill:var(--brand-pink)}.brand-icon__dot--orange{fill:var(--brand-orange)}.brand-icon__dot--purple{fill:var(--brand-purple)}.brand-icon__dot--emerald{fill:var(--brand-emerald)}.templates-icon__card{fill:var(--brand-white);stroke-width:1.75px}.templates-icon__card--back{stroke:var(--brand-orange)}.templates-icon__card--front{stroke:var(--brand-dark)}.sidebar .templates-icon__card{fill:var(--brand-dark)}.sidebar .templates-icon__card--front{stroke:var(--sidebar-text-muted)}.sidebar__nav a.active .templates-icon__card{fill:var(--brand-white)}.sidebar__nav a.active .templates-icon__card--front{stroke:var(--brand-dark)}.page-header__actions{gap:10px;display:flex}.page-header-action{color:var(--brand-dark)}.page-header-action:hover:not(:disabled){color:var(--text-muted)}.toolbar{border:1px solid var(--brand-dark);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--brand-dark);min-height:62px;color:var(--brand-white);border-bottom:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.toolbar__group{align-items:center;gap:8px;display:flex}.content-header-button,.content-header-button.button--secondary,.content-header-button.button--ghost{color:var(--brand-white)}.content-header-button:hover:not(:disabled),.content-header-button.button--secondary:hover:not(:disabled),.content-header-button.button--ghost:hover:not(:disabled){color:var(--brand-white);opacity:.72}.month-label{min-width:168px;padding:0 8px}.month-label strong,.month-label span{display:block}.month-label strong{font-size:15px}.month-label span{color:var(--brand-white);opacity:.68;margin-top:2px;font-size:10px}.segmented-control{background:0 0;border-radius:8px;padding:3px;display:flex}.segmented-control button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.segmented-control button.active{color:var(--text);box-shadow:none;background:0 0}.segmented-control .content-header-button.active{color:var(--brand-white)}.calendar-wrap{border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:0 0;overflow:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{border-bottom:1px solid var(--border);background:0 0}.calendar-weekdays span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--border);padding:10px 12px;font-size:10px;font-weight:700}.calendar-weekdays span:last-child{border-right:0}.calendar-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);min-height:126px;padding:9px;position:relative;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day.is-outside{background:#fafbfc}.calendar-day__number{color:var(--text-muted);place-items:center;width:24px;height:24px;margin-left:auto;font-size:11px;font-weight:600;display:grid}.calendar-day.is-outside .calendar-day__number{color:#c5cad2}.calendar-day.is-today .calendar-day__number{background:var(--brand-dark);color:#fff;border-radius:50%}.calendar-day__posts{gap:5px;margin-top:4px;display:grid}.calendar-post-card,.board-post-card{appearance:none;text-align:left;white-space:normal;border-radius:var(--radius-md);cursor:pointer;border:0;width:100%;padding:12px;transition:background .18s,color .18s;display:block}.calendar-post-card{background:var(--brand-white)}.board-post-card{background:var(--surface)}.calendar-post-card:hover,.board-post-card:hover{background:var(--surface-muted);color:var(--brand-emerald);transform:none}.calendar-post-card>strong,.board-post-card>strong{font-size:var(--font-size-section-title);margin:9px 0 6px;line-height:1.35;display:block}.calendar-post-card>p,.board-post-card>p{color:var(--text-muted);margin-bottom:12px;font-size:11px;line-height:1.5}.post-card__platforms{gap:4px;display:flex}.post-card__meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.post-card__meta>span:first-child{color:var(--text-soft);align-items:center;gap:4px;font-size:10px;display:flex}.calendar-post-card--compact{box-shadow:inset 3px 0 0 var(--brand-cyan);border-radius:7px;padding:6px 7px}.calendar-post-card--compact:hover{transform:none}.calendar-post-card--compact>strong{white-space:nowrap;text-overflow:ellipsis;margin:5px 0;font-size:9px;overflow:hidden}.calendar-post-card--compact .post-card__meta{justify-content:flex-start}.calendar-post-card--compact .platform-badge{background:0 0;min-height:auto;padding:0}.calendar-post-card--compact .platform-badge strong{width:15px;height:15px;font-size:7px}.platform-badge{background:var(--surface-muted);min-height:24px;color:var(--text-muted);border-radius:999px;align-items:center;gap:5px;padding:2px 7px 2px 3px;font-size:10px;font-weight:600;display:inline-flex}.platform-badge strong{color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.platform-badge--linkedin strong{background:#0a66c2}.platform-badge--facebook strong{background:#1877f2}.platform-badge--instagram strong{background:linear-gradient(135deg,#8b5ef6,#ec4899,#fb924c)}.badge{border-radius:999px;align-items:center;padding:5px 7px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.badge--idea{background:var(--surface-muted);color:var(--text-muted)}.badge--draft{background:var(--purple-soft);color:#6842ca}.badge--review{background:var(--orange-soft);color:#be5a1b}.badge--scheduled{background:var(--cyan-soft);color:var(--brand-emerald)}.badge--published{background:var(--emerald-soft);color:#13835e}.prototype-note{color:var(--text-soft);justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:10px;display:flex}.agenda-list{gap:10px;display:grid}.agenda-row{grid-template-columns:54px 1fr;align-items:center;gap:12px;display:grid}.agenda-date{text-align:center}.agenda-date strong,.agenda-date span{display:block}.agenda-date strong{font-size:20px}.agenda-date span{color:var(--text-soft);text-transform:uppercase;font-size:10px}.board{grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;padding-bottom:12px;display:grid;overflow-x:auto}.board-column{background:0 0;border:0;border-radius:0;min-height:560px}.board-column>header{border-radius:var(--radius-md);background:var(--brand-dark);color:var(--brand-white);justify-content:space-between;align-items:center;padding:14px 12px;display:flex}.board-column>header>div{align-items:center;gap:7px;display:flex}.board-column>header strong{font-size:var(--font-size-section-title)}.board-column>header small{color:var(--brand-white);opacity:.68}.board-column>header button{color:var(--brand-white);cursor:pointer;background:0 0;border:0}.status-dot{background:var(--text-soft);border-radius:50%;width:8px;height:8px}.board-column--draft .status-dot{background:var(--brand-purple)}.board-column--review .status-dot{background:var(--brand-orange)}.board-column--scheduled .status-dot{background:var(--brand-cyan)}.board-column--published .status-dot{background:var(--brand-emerald)}.board-column__content{align-content:start;gap:9px;padding:10px 0;display:grid}.add-card{border-radius:var(--radius-md);color:var(--text-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-height:38px;font-size:11px;display:flex}.add-card:hover{color:var(--brand-emerald);background:0 0}.brand-overview{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-column,.brand-context-card{background:var(--surface);border-radius:var(--radius-lg);border:0;align-self:start;padding:24px 48px}.brand-context-card{grid-column:1/-1}.brand-hero-card{grid-column:1/-1;align-items:center;gap:20px;display:flex}.brand-hero-card__logo{background:var(--brand-dark);width:72px;height:72px;color:var(--brand-cyan);border-radius:20px 20px 20px 7px;flex:none;place-items:center;font-size:30px;font-weight:700;display:grid}.brand-hero-card h2{margin:0 0 5px;font-size:24px}.brand-hero-card p{color:var(--text-muted);margin:0 0 13px;font-size:13px}.brand-section-card{padding:20px 0}.brand-section-title{margin:0;font-size:16px}.color-field-group{background:0 0;border:0;padding:0 20px 20px}.brand-color-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.brand-colors-subtitle{color:var(--brand-dark);letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:11px;font-weight:700;display:block}.brand-colors-subtitle--cyan{color:var(--brand-cyan)}.brand-colors-subtitle--emerald{color:var(--brand-emerald)}.brand-field-subtitle{color:var(--text-muted);font-family:var(--font-body);margin:0;font-size:12px;font-weight:650}.brand-section-field{margin-top:10px}.brand-logo-uploads{gap:10px;margin-top:10px;display:grid}.upload-placeholder{border-radius:var(--radius-sm);background:var(--brand-white);min-height:70px;color:var(--text-soft);align-items:center;gap:11px;padding:13px;display:flex}.upload-placeholder>svg{color:var(--text-muted);flex:none}.upload-placeholder>div{gap:2px;display:grid}.upload-placeholder strong{color:var(--text);font-size:12px}.upload-placeholder span{font-size:11px}.color-field{border-radius:var(--radius-md);background:var(--brand-white);width:100%;min-height:56px;color:var(--text-muted);cursor:pointer;align-items:center;gap:11px;padding:10px 12px;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative}.color-field__picker-button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;padding:0;position:relative}.color-field:focus-within{box-shadow:0 0 0 3px #fb924c42}.color-field__picker-button:focus-visible,.color-field__hex-input:focus-visible{outline-color:#fb924c80}.color-field__swatch{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #11111114}.color-field__icon{z-index:1;color:#fff;filter:drop-shadow(0 1px 1px #11111159);width:15px;height:15px;position:relative}.color-field__hex-input{width:100%;min-width:0;color:var(--text);font-family:var(--font-body);letter-spacing:.02em;background:0 0;border:0;outline:none;padding:0;font-size:14px;font-weight:700}.color-field__hex-input:focus{color:var(--text)}.color-field__action{margin-left:auto;font-size:11px;font-weight:650}.color-field__native-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.editable-text-field{gap:7px;display:grid}.editable-text-field>label{color:var(--text);font-size:12px;font-weight:700}.editable-text-field>:is(input,textarea),.select-field>select{border-radius:var(--radius-sm);background:var(--brand-white);width:100%;min-height:44px;color:var(--text);border:0;outline:none;padding:10px 12px;transition:box-shadow .15s}.editable-text-field>textarea{resize:vertical;min-height:auto;line-height:1.5}.editable-text-field>:is(input,textarea)::placeholder{color:var(--text-soft)}.editable-text-field>:is(input,textarea):focus,.select-field>select:focus{box-shadow:0 0 0 3px #fb924c42}.editable-text-field>:is(input,textarea):focus-visible,.select-field>select:focus-visible{outline-color:#fb924c80}.editable-text-field>:is(input,textarea):disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed}.editable-text-field>p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.4}.select-field{gap:7px;display:grid}.select-field>label{color:var(--text);font-size:12px;font-weight:700}.select-field>select{cursor:pointer}.section-heading,.section-heading>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading>div{justify-content:flex-start}.section-heading h3,.settings-section-title h2{font-size:var(--font-size-section-title);margin:0 0 3px}.section-heading p,.settings-section-title p{color:var(--text-soft);margin:0;font-size:11px}.section-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.section-icon--cyan{color:#07879a;background:var(--cyan-soft)}.section-icon--purple{color:var(--brand-purple);background:var(--purple-soft)}.section-icon--pink{color:var(--brand-pink);background:var(--pink-soft)}.section-icon--orange{color:#c66220;background:var(--orange-soft)}.section-icon--emerald{color:#17825f;background:var(--emerald-soft)}.trait-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.trait-grid span{border:0;border-left:2px solid var(--border-strong);background:0 0;border-radius:0;padding:4px 0 4px 10px}.trait-grid strong,.trait-grid small{display:block}.trait-grid strong{font-size:12px}.trait-grid small{color:var(--text-soft);margin-top:3px;font-size:9px}.pillar-list{gap:6px;margin-top:16px;display:grid}.pillar-list>div{border-top:1px solid var(--border);color:var(--text-muted);grid-template-columns:26px 1fr auto;align-items:center;padding:10px 4px 4px;display:grid}.pillar-list strong,.pillar-list small{display:block}.pillar-list strong{color:var(--text);font-size:11px}.pillar-list small{color:var(--text-soft);margin-top:2px;font-size:9px}.pillar-list b{color:var(--text-soft);font-size:10px}.body-copy{color:var(--text-muted);margin:18px 2px 0;font-size:12px;line-height:1.65}.color-swatches{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:18px;display:grid}.color-swatches>span{border-radius:9px;align-items:flex-end;height:66px;padding:6px;display:flex}.color-swatches small{color:#fff;text-shadow:0 1px 3px #1116;font-size:7px;font-weight:700}.template-toolbar{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.search-field{width:min(360px,100%);position:relative}.search-field svg{color:var(--text-soft);position:absolute;top:12px;left:13px}.search-field input{border:0;border-bottom:1px solid var(--border-strong);background:var(--surface-muted);border-radius:0;width:100%;min-height:42px;padding:0 12px 0 40px}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-card{background:var(--surface);overflow:hidden}.template-card__visual{place-items:center;height:120px;display:grid}.template-card__visual--cyan{background:var(--cyan-soft);color:#0792a6}.template-card__visual--purple{background:var(--purple-soft);color:var(--brand-purple)}.template-card__visual--orange{background:var(--orange-soft);color:#c66220}.template-card__visual--pink{background:var(--pink-soft);color:var(--brand-pink)}.template-card__visual--emerald{background:var(--emerald-soft);color:#16835f}.template-card__body{gap:12px;padding:17px;display:grid}.template-card h3{font-size:var(--font-size-section-title);margin:0}.template-card p{color:var(--text-muted);min-height:50px;margin:0;font-size:11px;line-height:1.5}.template-platforms{color:var(--text-soft);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:700}.new-template-card{border-radius:var(--radius-lg);min-height:300px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.new-template-card strong{color:var(--text);font-size:var(--font-size-section-title)}.new-template-card span{max-width:210px;font-size:10px;line-height:1.5}.new-template-card:hover{color:var(--brand-emerald);background:0 0}.settings-layout{grid-template-columns:190px minmax(0,700px);gap:34px;display:grid}.settings-tabs{align-content:start;gap:4px;display:grid}.settings-tabs button{min-height:39px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.settings-tabs button:hover{background:0 0}.settings-tabs button.active{color:var(--brand-emerald);background:0 0;font-weight:700}.settings-content{align-content:start;gap:14px;display:grid}.settings-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.settings-section-title>div{align-items:center;gap:11px;display:flex}.settings-card{align-items:flex-start;gap:18px;padding:20px 0;display:flex}.settings-card--horizontal{align-items:center}.settings-card--horizontal>div:nth-child(2){flex:1}.settings-card--horizontal strong{font-size:var(--font-size-section-title)}.settings-card--horizontal p{color:var(--text-muted);margin:4px 0 0;font-size:10px}.org-edit-logo{background:var(--brand-dark);width:60px;height:60px;color:var(--brand-cyan);border-radius:15px;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.settings-fields{flex:1;gap:15px;display:grid}.form-field{color:var(--text);gap:6px;font-size:11px;font-weight:650;display:grid}.form-field input,.form-field textarea,.form-field select{border:0;border-bottom:1px solid var(--border-strong);background:var(--surface-muted);width:100%;color:var(--text);border-radius:0;outline:none;min-height:42px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical;line-height:1.5}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #fb924c42}.input-prefix{border:0;border-bottom:1px solid var(--border-strong);background:var(--surface-muted);border-radius:0;align-items:center;display:flex;overflow:hidden}.input-prefix span{color:var(--text-soft);padding:0 0 0 11px;font-size:11px}.input-prefix input{background:0 0;border:0;border-radius:0}.members-card{overflow:hidden}.member-row{border-bottom:1px solid var(--border);grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:14px 16px;display:grid}.member-row:last-child{border-bottom:0}.member-row>div strong,.member-row>div>small{display:block}.member-row>div strong{font-size:var(--font-size-section-title)}.member-row>div>small{color:var(--text-soft);margin-top:3px;font-size:10px}.you-label{background:var(--cyan-soft);border-radius:4px;margin-left:4px;padding:2px 5px;color:var(--brand-emerald)!important;display:inline!important}.role-badge,.connected-label,.soon-label{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.role-badge{background:var(--surface-muted);color:var(--text-muted)}.connected-label{color:#13835e;background:var(--emerald-soft);align-items:center;gap:4px;display:inline-flex}.soon-label{color:var(--text-muted);background:var(--surface-muted)}.notice{border-radius:var(--radius-md);background:var(--cyan-soft);color:#08798a;align-items:flex-start;gap:10px;padding:12px 14px;font-size:10px;display:flex}.notice>div{gap:2px;display:grid}.notice strong{font-size:11px}.notice--warning{background:var(--orange-soft);color:#9c4e1c}.integration-list{gap:8px;display:grid}.integration-row{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.integration-row:last-child{border-bottom:0}.integration-row>div strong,.integration-row>div small{display:block}.integration-row>div strong{font-size:var(--font-size-section-title)}.integration-row>div small{color:var(--text-soft);margin-top:3px;font-size:10px}.social-logo{color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.toggle-row{grid-template-columns:36px 1fr auto;align-items:center;gap:11px;display:grid}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:var(--font-size-section-title)}.toggle-row small{color:var(--text-soft);margin-top:3px;font-size:10px}.toggle-row input{width:36px;accent-color:var(--brand-cyan)}.drawer-layer,.modal-layer{z-index:100;position:fixed;inset:0}@supports not ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){.drawer-layer,.modal-layer,.sidebar-backdrop{background:var(--glass-overlay-bg-no-filter)}}.drawer{background:var(--surface);box-shadow:var(--shadow-float);flex-direction:column;animation:.24s ease-out drawerIn;display:flex;position:absolute;inset:0 0 0 246px}@keyframes drawerIn{0%{opacity:0;transform:translate(24px)}}.drawer__header{border-bottom:1px solid var(--border);background:var(--brand-dark);justify-content:flex-start;align-items:flex-start;gap:14px;padding:22px;display:flex}.drawer__title{min-width:0}.drawer__title h2{color:var(--brand-white);letter-spacing:-.025em;margin:0;font-size:20px}.drawer__back-button.button--icon{width:48px;height:48px}.drawer__header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.drawer__header-actions .button--secondary{color:var(--brand-white)}.drawer__header-actions .button--secondary:hover:not(:disabled),.drawer__header .button--ghost{color:var(--sidebar-text-muted)}.drawer__header .button--ghost:hover:not(:disabled){color:var(--brand-white)}.drawer__content{flex:1;grid-template-columns:3fr 2fr;align-content:stretch;gap:0;min-height:0;padding:0;display:grid;overflow-y:auto}.drawer__main,.modal__body{align-content:start;gap:16px;display:grid}.drawer__main{background:var(--surface)}.drawer__aside{border-left:1px solid var(--border);background:var(--surface-muted);min-width:0}.drawer__main--editor,.drawer__aside--content,.drawer__aside--preview{align-content:start;gap:16px;padding:28px;display:grid;overflow-y:auto}.drawer__aside--content,.drawer__aside--preview{background:var(--surface-muted)}.drawer__section-heading{gap:4px;margin-bottom:4px;display:grid}.drawer__section-heading h3{letter-spacing:-.025em;margin:0;font-size:17px}.drawer__main--editor .upload-placeholder{min-height:76px;padding:12px}.preview-card{border:0;border-left:2px solid var(--border);background:var(--brand-white);border-radius:0;grid-template-columns:36px 1fr;gap:10px;padding:14px;display:grid}.preview-card__avatar{background:var(--brand-dark);width:36px;height:36px;color:var(--brand-cyan);border-radius:9px;place-items:center;font-weight:700;display:grid}.preview-card strong,.preview-card small{display:block}.preview-card strong{font-size:11px}.preview-card small{color:var(--text-soft);margin-top:2px;font-size:8px}.preview-card p,.preview-card__visual{grid-column:1/-1}.preview-card p{white-space:pre-line;color:var(--text-muted);margin:5px 0 0;font-size:11px;line-height:1.55}.preview-card__platforms{grid-column:1/-1;gap:5px;display:flex}.preview-card__footer{border-top:1px solid var(--border);color:var(--text-soft);grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:9px;display:flex}.preview-note{color:var(--text-soft);margin:0;font-size:10px;line-height:1.45}.preview-card__visual{background:linear-gradient(135deg, var(--cyan-soft), var(--purple-soft));min-height:150px;color:var(--brand-purple);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.preview-card__visual span{color:var(--text-soft);font-size:9px}.detail-row{border-bottom:1px solid var(--border);color:var(--text-muted);grid-template-columns:24px 1fr auto;align-items:center;padding:0 3px 12px;font-size:11px;display:grid}.detail-row strong{color:var(--text)}.field-block{color:var(--text-soft);gap:5px;font-size:10px;display:grid}.field-block strong{color:var(--text);font-size:var(--font-size-section-title)}.modal-layer{place-items:center;padding:20px;display:grid}.modal{background:var(--surface);border-radius:var(--radius-xl);width:min(900px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-float);flex-direction:column;animation:.2s ease-out modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.99)}}.modal__body--composer{grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr);gap:0;overflow-y:auto}.composer-sidebar,.composer-editor{align-content:start;gap:16px;padding:22px;display:grid}.composer-sidebar{background:var(--surface-muted);border-right:1px solid var(--border)}.composer-editor{min-width:0}.composer-sidebar .form-grid{gap:8px}.composer-sidebar .form-field textarea{min-height:90px}.composer-sidebar .upload-placeholder{min-height:76px;padding:12px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.platform-picker{flex-wrap:wrap;gap:7px;display:flex}.platform-picker>button{opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px}.platform-picker>button.is-selected{opacity:1;background:0 0;border-color:#0000}.auth-layout{grid-template-columns:minmax(390px,.92fr) 1.08fr;min-height:100vh;display:grid}.auth-showcase{background:var(--brand-dark);color:#fff;flex-direction:column;padding:38px clamp(32px,5vw,78px);display:flex;position:relative;overflow:hidden}.auth-showcase:before,.auth-showcase:after{content:"";filter:blur(2px);border-radius:50%;position:absolute}.auth-showcase:before{background:radial-gradient(circle,#22d3ee33,#0000 66%);width:420px;height:420px;top:18%;right:-190px}.auth-showcase:after{background:radial-gradient(circle,#8b5ef62e,#0000 66%);width:330px;height:330px;bottom:-100px;left:-170px}.auth-showcase .brand-logo{z-index:1;position:relative}.auth-showcase .brand-logo strong{color:#fff}.auth-showcase__content{z-index:1;max-width:550px;margin:auto 0;position:relative}.auth-showcase__content h1{letter-spacing:-.055em;margin:12px 0 22px;font-size:clamp(36px,4.5vw,62px);line-height:1.08}.auth-showcase__content h1 span{color:var(--brand-cyan)}.auth-showcase__content>p{color:#aeb8c8;max-width:460px;font-size:16px;line-height:1.6}.auth-showcase__content ul{color:#dbe2eb;gap:12px;margin:0;padding:30px 0 0;font-size:13px;list-style:none;display:grid}.auth-showcase__content li{align-items:center;gap:9px;display:flex}.auth-showcase__content li svg{color:var(--brand-emerald)}.auth-showcase>small{z-index:1;color:#657187;position:relative}.auth-form-wrap{background:var(--surface);place-items:center;padding:40px;display:grid}.auth-form{gap:16px;width:min(420px,100%);display:grid}.auth-form>h2{letter-spacing:-.04em;margin:-2px 0 -10px;font-size:30px}.auth-form>p{color:var(--text-muted);margin-bottom:8px;font-size:13px}.auth-form>.button{width:100%}.input-with-icon{position:relative}.input-with-icon>svg{color:var(--text-soft);position:absolute;top:13px;left:12px}.input-with-icon input{padding-left:40px}.input-with-icon button{width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:5px;right:5px}.form-between{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.form-between label{align-items:center;gap:5px;display:flex}.form-between a,.auth-switch a,.simple-auth-page a{color:#07879a;font-weight:700}.or-divider{background:var(--border);height:1px;margin:4px 0;position:relative}.or-divider span{color:var(--text-soft);background:#fff;padding:0 10px;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-switch{color:var(--text-muted);text-align:center;font-size:11px}.auth-mobile-logo{display:none}.form-message{border-radius:var(--radius-sm);align-items:center;gap:7px;padding:10px 12px;font-size:10px;font-weight:600;display:flex}.form-message--success{background:var(--emerald-soft);color:#157958}.form-message--error{color:#be123c;background:#fff1f2}.simple-auth-page{background:linear-gradient(135deg, var(--brand-white), var(--cyan-soft));flex-direction:column;justify-content:center;align-items:center;gap:35px;min-height:100vh;padding:30px;display:flex}.simple-auth-page .auth-form{background:var(--surface);border-radius:var(--radius-xl);box-shadow:none;border:0;padding:28px}.onboarding-page{background:linear-gradient(145deg, var(--brand-white), #f4fdff);min-height:100vh}.onboarding-page>header{border-bottom:1px solid var(--border);background:#ffffffbf;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,6vw,80px);display:flex}.onboarding-page>header>span{color:var(--text-soft);font-size:11px;font-weight:600}.onboarding-page>main{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 78px);padding:36px 20px;display:flex}.onboarding-progress{grid-template-columns:repeat(3,1fr);gap:6px;width:min(420px,100%);margin-bottom:24px;display:grid}.onboarding-progress span{background:var(--border);border-radius:999px;height:3px}.onboarding-progress span.done{background:var(--brand-cyan)}.onboarding-card{background:var(--surface);border-radius:var(--radius-xl);text-align:center;width:min(500px,100%);box-shadow:none;border:0;gap:16px;padding:36px;display:grid}.onboarding-card h1{letter-spacing:-.04em;margin:-2px 0 -5px;font-size:27px;line-height:1.15}.onboarding-card>p{color:var(--text-muted);font-size:12px;line-height:1.55}.onboarding-card .form-field{text-align:left}.onboarding-icon{width:58px;height:58px;color:var(--brand-emerald);background:var(--cyan-soft);border-radius:16px;place-items:center;margin:0 auto 4px;display:grid}.onboarding-icon--purple{color:var(--brand-purple);background:var(--purple-soft)}.onboarding-icon--success{color:#13835e;background:var(--emerald-soft);border-radius:50%}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.app-loading p{color:var(--text-muted);font-size:11px}.workspace-error{text-align:center;place-content:center;gap:8px;min-height:100vh;padding:24px;display:grid}.workspace-error strong{font-family:var(--font-heading)}.workspace-error p{color:var(--text-muted);font-size:12px}.workspace-error .button{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-self:center;padding:9px 14px}.loading-pulse{background:linear-gradient(90deg, var(--border), var(--brand-cyan), var(--border));background-size:200%;border-radius:999px;width:80px;height:3px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200%}}.empty-state{text-align:center;place-items:center;padding:38px;display:grid}.empty-state__icon{width:48px;height:48px;color:var(--brand-emerald);background:var(--cyan-soft);border-radius:13px;place-items:center;display:grid}.empty-state h3{font-size:var(--font-size-section-title);margin:12px 0 4px}.empty-state p{color:var(--text-muted);font-size:11px}@media (width<=1100px){.template-grid{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:repeat(5,235px)}.trait-grid{grid-template-columns:1fr}.color-swatches{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.sidebar{box-shadow:var(--shadow-float);transition:transform .22s,filter .24s,opacity .24s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar__close{place-items:center;display:grid}.sidebar-backdrop{z-index:29;position:fixed;inset:0}.mobile-menu-button{z-index:28;box-shadow:none;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:fixed;top:17px;left:17px}.app-content{margin-left:0}.drawer{left:0}.drawer__content{grid-template-columns:1fr}.drawer__aside{display:none}.page{padding:84px 18px 42px}.page-header{align-items:flex-start}.calendar-wrap{display:none}.calendar-page .agenda-list{display:grid}.calendar-page .segmented-control{display:none}.toolbar{border-bottom:1px solid var(--border);border-radius:var(--radius-lg)}.toolbar__group:last-child{display:none}.prototype-note{margin-top:18px}.brand-overview{grid-template-columns:1fr}.brand-hero-card,.brand-context-card{grid-column:auto}.settings-layout{grid-template-columns:1fr;gap:18px}.settings-tabs{padding-bottom:4px;display:flex;overflow-x:auto}.settings-tabs button{flex:none}.settings-tabs button svg{display:none}.auth-layout{grid-template-columns:1fr}.auth-showcase{display:none}.auth-mobile-logo{margin-bottom:40px;display:block}.auth-form-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 22px;display:flex}}@media (width>=821px){.calendar-page .agenda-list{display:none}}@media (width<=580px){.page-header{display:grid}.brand-color-fields{grid-template-columns:1fr}.page-header__actions,.page-header__actions .button{width:100%}.toolbar{padding:8px}.month-label{min-width:130px}.toolbar .button--ghost{display:none}.brand-hero-card{align-items:flex-start;padding:20px}.brand-hero-card__logo{border-radius:14px 14px 14px 5px;width:52px;height:52px}.template-toolbar{display:grid}.search-field{width:100%}.template-grid{grid-template-columns:1fr}.settings-card{display:grid}.settings-card--horizontal{grid-template-columns:38px 1fr}.settings-card--horizontal .button{grid-column:1/-1}.settings-section-title{align-items:flex-start}.settings-section-title>.button{width:40px;padding:0;font-size:0}.settings-section-title>.button svg{margin:0}.member-row{grid-template-columns:36px 1fr}.member-row .role-badge{grid-column:2;justify-self:start}.form-grid{grid-template-columns:1fr}.drawer__header{grid-template-columns:48px minmax(0,1fr);gap:10px;display:grid}.drawer__header-actions{grid-column:1/-1;justify-content:flex-end;margin-left:0}.modal-layer{padding:0}.modal{border-radius:0;height:100%;max-height:100vh}.modal__body--composer{grid-template-columns:1fr}.composer-sidebar{border-right:0;border-bottom:1px solid var(--border)}.onboarding-card{padding:26px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
