@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:#0f172a;--brand-cyan:#22d3ee;--brand-pink:#ec4899;--brand-orange:#fb924c;--brand-purple:#8b5ef6;--brand-emerald:#34d399;--surface:#fff;--surface-muted:#f5f6f9;--border:#e6e9ef;--border-strong:#d7dce5;--text:#0f172a;--text-muted:#657084;--text-soft:#8c96a8;--cyan-soft:#e9fbfe;--purple-soft:#f3efff;--pink-soft:#fff0f7;--orange-soft:#fff4ec;--emerald-soft:#eafbf5;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-float:0 20px 60px #0f172a24;--font-heading:"Sora", "DM Sans", sans-serif;--font-body:"DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;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:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:650;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--brand-cyan);color:#09212a;border-color:var(--brand-cyan);box-shadow:0 5px 16px #22d3ee2e}.button--primary:hover:not(:disabled){background:#36d9f1}.button--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:#bfc6d2}.button--ghost{color:var(--text-muted);background:0 0}.button--ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.button--danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.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}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.eyebrow{color:#0b889a;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);border:1px solid var(--border);color:var(--text-muted);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}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:30;flex-direction:column;width:246px;padding:22px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.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}.workspace-selectors{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);gap:10px;padding:10px;display:grid}.workspace-selectors label>span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px 3px;font-size:10px;font-weight:700;display:block}.select-wrap{align-items:center;min-width:0;display:flex;position:relative}.select-wrap select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;width:100%;min-width:0;padding:5px 22px 5px 8px;font-size:13px;font-weight:650}.select-wrap>svg{pointer-events:none;color:var(--text-soft);position:absolute;right:3px}.org-avatar{background:var(--brand-dark);color:#fff;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:grid}.brand-dot{border-radius:50%;flex:none;width:9px;height:9px;margin-left:7px}.sidebar__nav{gap:4px;margin-top:28px;display:grid}.nav-section-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;padding:0 11px 7px;font-size:10px;font-weight:700}.sidebar__nav a,.sidebar__bottom>a{color:var(--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(--surface-muted);color:var(--text)}.sidebar__nav a.active,.sidebar__bottom>a.active{background:var(--cyan-soft);color:#08788a;font-weight:700}.sidebar__nav a.active svg,.sidebar__bottom>a.active svg{color:#08a5bc}.sidebar__bottom{gap:8px;margin-top:auto;display:grid}.user-menu{border-top:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:14px 4px 0;display:grid}.user-menu__avatar{background:var(--purple-soft);width:34px;height:34px;color:var(--brand-purple);border-radius:9px;place-items:center;font-size:10px;font-weight:700;display:grid}.user-menu__avatar--pink{background:var(--pink-soft);color:var(--brand-pink)}.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{font-size:12px}.user-menu small{color:var(--text-soft);margin-top:2px;font-size:10px}.user-menu button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.user-menu button:hover{background:var(--surface-muted);color:var(--text)}.demo-label{color:var(--text-soft);justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.sidebar-error{color:#be123c;text-align:center;font-size:9px}.app-content{min-height:100vh;margin-left:246px}.page{max-width:1500px;margin:0 auto;padding:38px clamp(24px,4vw,64px) 60px}.page--wide{max-width:1800px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.05}.page-header p{color:var(--text-muted);margin:0;font-size:14px}.page-header__actions{gap:10px;display:flex}.toolbar{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);border-bottom:0;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 14px;display:flex}.toolbar__group{align-items:center;gap:8px;display:flex}.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(--text-soft);margin-top:2px;font-size:10px}.segmented-control{background:var(--surface-muted);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{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0f172a14}.calendar-wrap{background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);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:#fbfbfc}.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}.post-card{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s}.post-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 22px #0f172a12}.post-card>strong{margin:9px 0 6px;font-size:13px;line-height:1.35;display:block}.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}.post-card--compact{border-left:3px solid var(--brand-cyan);background:#f0fcfe;border-radius:7px;padding:6px 7px}.post-card--compact:hover{transform:none}.post-card--compact>strong{white-space:nowrap;text-overflow:ellipsis;margin:5px 0;font-size:9px;overflow:hidden}.post-card--compact .post-card__meta{justify-content:flex-start}.post-card--compact .platform-badge{background:0 0;min-height:auto;padding:0}.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:#087f91}.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:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:560px}.board-column>header{justify-content:space-between;align-items:center;padding:14px 13px;display:flex}.board-column>header>div{align-items:center;gap:7px;display:flex}.board-column>header strong{font-size:12px}.board-column>header small{color:var(--text-soft);background:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;display:grid}.board-column>header button{color:var(--text-soft);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:0 9px 10px;display:grid}.add-card{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-soft);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;min-height:38px;font-size:11px;display:flex}.add-card:hover{border-color:var(--brand-cyan);color:#087f91;background:var(--cyan-soft)}.brand-overview{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-hero-card{background:linear-gradient(120deg,#fff,#f1fcfe);grid-column:1/-1;align-items:center;gap:20px;padding:26px;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}.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{margin:0 0 3px;font-size:15px}.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:1px solid var(--border);background:var(--surface-muted);border-radius:10px;padding:11px}.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 #0006;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:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:42px;padding:0 12px 0 40px}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-card{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{margin:0;font-size:15px}.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:1px dashed var(--border-strong);border-radius:var(--radius-lg);min-height:300px;color:var(--text-soft);cursor:pointer;background:0 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:13px}.new-template-card span{max-width:210px;font-size:10px;line-height:1.5}.new-template-card:hover{border-color:var(--brand-cyan);background:var(--cyan-soft)}.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:var(--surface-muted)}.settings-tabs button.active{background:var(--cyan-soft);color:#087f91;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;display:flex}.settings-card--horizontal{align-items:center}.settings-card--horizontal>div:nth-child(2){flex:1}.settings-card--horizontal strong{font-size:12px}.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:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);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-cyan);box-shadow:0 0 0 3px #22d3ee24}.input-prefix{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted);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:var(--surface);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:12px}.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:#087f91!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{grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.integration-row>div strong,.integration-row>div small{display:block}.integration-row>div strong{font-size:12px}.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:12px}.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;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a47;position:fixed;inset:0}.drawer{background:var(--surface);width:min(470px,100%);box-shadow:var(--shadow-float);flex-direction:column;animation:.24s ease-out drawerIn;display:flex;position:absolute;inset:0 0 0 auto}@keyframes drawerIn{0%{opacity:0;transform:translate(24px)}}.drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex}.drawer__header h2{letter-spacing:-.025em;margin:0;font-size:20px}.drawer__content,.modal__body{align-content:start;gap:16px;padding:22px;display:grid;overflow-y:auto}.preview-card{border:1px solid var(--border);border-radius:var(--radius-md);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{color:var(--text-muted);margin:5px 0 0;font-size:11px;line-height:1.55}.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:12px}.drawer__footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:9px;margin-top:auto;padding:16px 22px;display:flex}.modal-layer{place-items:center;padding:20px;display:grid}.modal{background:var(--surface);border-radius:var(--radius-xl);width:min(650px,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)}}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.platform-picker{flex-wrap:wrap;gap:7px;display:flex}.platform-picker>button{border:1px solid var(--border);background:var(--surface);opacity:.6;cursor:pointer;border-radius:999px;padding:2px}.platform-picker>button.is-selected{border-color:var(--brand-cyan);background:var(--cyan-soft);opacity:1}.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:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;box-shadow:0 16px 45px #0f172a12}.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:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;gap:16px;width:min(500px,100%);padding:36px;display:grid;box-shadow:0 20px 60px #0f172a0f}.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{color:#087f91;background:var(--cyan-soft);border-radius:16px;place-items:center;width:58px;height:58px;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{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;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{color:#087f91;background:var(--cyan-soft);border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.empty-state h3{margin:12px 0 4px;font-size:14px}.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;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar__close{place-items:center;display:grid}.sidebar-backdrop{z-index:29;background:#0f172a4d;position:fixed;inset:0}.mobile-menu-button{z-index:28;background:var(--surface);border:1px solid var(--border);border-radius:9px;place-items:center;display:grid;position:fixed;top:17px;left:17px;box-shadow:0 5px 18px #0f172a14}.app-content{margin-left:0}.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{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}.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__footer{grid-template-columns:1fr 1fr;display:grid}.modal-layer{padding:0}.modal{border-radius:0;height:100%;max-height:100vh}.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}}