:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#282b2d;background:#fafaf8;font-synthesis:none;font-weight:400;font-size:14px;--orange: #ed6938;--line: #eaeae4;--muted: #858984;--paper: #fff;--green: #4e8067}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f6b08d;outline-offset:3px}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}a{color:inherit}input,textarea,select{border:1px solid #e2e3dc;border-radius:9px;background:#fff;padding:12px 13px;color:#292c2a;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#ee916c;box-shadow:0 0 0 3px #fbe9e0}input::placeholder,textarea::placeholder{color:#a0a29b}textarea{resize:vertical;line-height:1.65}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#454a44}label small{font-weight:400;color:var(--muted);line-height:1.5}small{font-size:11px}fieldset{padding:0;border:0;margin:0;min-width:0}fieldset:disabled{opacity:.7}.primary{background:var(--orange);color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:600;box-shadow:0 3px 6px #b14e1510;white-space:nowrap}.primary:hover:not(:disabled){background:#da592c}.secondary{border:1px solid #e3e5df;background:#fff;padding:11px 15px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.secondary:hover:not(:disabled){background:#f5f5f0}.text-button{padding:0;background:none;color:var(--orange);font-size:12px;font-weight:600}.icon-button{width:34px;height:34px;padding:7px;background:transparent;border-radius:8px;color:#777e75}.icon-button:hover{background:#efefea}.dark-button{color:#fff;background:#2d3831;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:600}.row{display:flex;align-items:center;gap:12px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8c9185}.brand{display:flex;align-items:center;gap:10px}.brand img{width:37px;height:37px}.brand>span{font-weight:800;font-size:24px;letter-spacing:-1.1px;line-height:1}.brand-light{font-weight:400;color:#898d84}.brand small{display:block;letter-spacing:2.2px;font-size:7px;color:#a1a49a;font-weight:500;margin-top:8px}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;position:fixed;left:0;top:0;bottom:0;border-right:1px solid var(--line);background:#fff;padding:29px 20px 12px;display:flex;flex-direction:column;z-index:25}.sidebar .brand{margin-left:7px}.workspace{display:flex;align-items:center;gap:10px;padding:13px 9px;margin:35px 0 29px;border:1px solid var(--line);border-radius:9px;background:#fcfcf9}.workspace-icon{background:#efefe6;border:1px solid #e3e4d9;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;color:#707557;font-weight:600}.workspace strong{font-size:11px;display:block}.workspace span{font-size:9px;color:#9a9d93;display:block;margin-top:4px}.workspace .workspace-dot{height:6px;width:6px;border-radius:50%;background:#70a686;margin-left:auto}.nav-label{font-size:8px;letter-spacing:1.5px;color:#9b9f95;margin-left:13px;margin-bottom:13px;font-weight:600}nav{display:flex;flex-direction:column;gap:6px}nav button{justify-content:flex-start;padding:13px;background:transparent;border-radius:8px;color:#777e75;font-size:12px;gap:12px}nav button:hover{background:#faf8f3}nav button.active{background:#fff1e9;color:#dc6635;font-weight:600}nav b{background:#f9d7c6;border-radius:5px;font-size:10px;padding:2px 5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.approval-note{border:1px solid #eaecdf;background:#fafbf5;border-radius:10px;padding:15px 12px;margin-bottom:19px}.approval-note>div{display:flex;align-items:center;gap:7px;color:#67764d}.approval-note strong{font-size:10px}.approval-note p{color:#999f8c;font-size:10px;line-height:1.8;margin:9px 0 0 2px}.user-block{width:100%;background:transparent;justify-content:flex-start;border-top:1px solid var(--line);padding:17px 3px 7px;gap:10px}.avatar{border-radius:50%;width:33px;height:33px;display:inline-grid;place-items:center;background:#eaece3;color:#6b7359;font-size:12px;font-weight:600;flex-shrink:0}.avatar.small{width:30px;height:30px;font-size:10px}.user-block>span:nth-child(2){text-align:left;flex:1}.user-block strong{display:block;font-size:11px}.user-block small{display:block;margin-top:4px;font-size:9px;color:#969b91}.user-block svg{color:#949a8d}.app-shell main{width:calc(100% - 238px);margin-left:238px}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffa3}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:10px;color:#a0a49c}.breadcrumb strong{color:#5e655b;font-weight:500}.topbar-right{display:flex;align-items:center;gap:20px}.timezone{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b9286}.page-content{max-width:1540px;margin:auto;padding:33px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.page-heading h1{font-size:29px;letter-spacing:-1.2px;font-weight:650;margin:10px 0}.page-heading p{font-size:12px;color:#91968b}.hello{color:#eeb957;font-weight:400;margin-left:6px;font-size:33px}.hero{border:1px solid #e8e5d9;border-radius:13px;background:#f2f2e9;display:flex;min-height:275px;overflow:hidden;position:relative;margin-bottom:24px}.hero-copy{padding:29px 32px;z-index:1;flex:1}.hero-label{display:inline-flex;align-items:center;gap:6px;color:#7e8569;font-size:8px;letter-spacing:1.1px;font-weight:700}.hero h2{font-size:28px;line-height:1.3;letter-spacing:-1px;margin:14px 0 12px;font-weight:600}.hero h2>span{color:#7e856f}.hero p{font-size:11px;color:#929784;line-height:1.8;margin-bottom:20px}.hero-art{width:360px;position:relative;flex-shrink:0}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#d7dacd55 1px,transparent 1px),linear-gradient(90deg,#d7dacd55 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 73%);mask-image:radial-gradient(ellipse,#000 15%,transparent 73%)}.mini-post{width:188px;padding:10px;background:#fff;border-radius:10px;position:absolute;left:74px;top:35px;transform:rotate(8deg);box-shadow:0 18px 30px #66684219}.mini-brand{display:flex;align-items:center;font-size:7px;font-weight:600;gap:4px;margin-bottom:9px}.mini-brand img{width:17px}.mini-brand svg{margin-left:auto}.mini-visual{background:#de7c4f;height:168px;position:relative;overflow:hidden;border-radius:4px;padding:20px 15px;color:#fff6df}.mini-visual>span{position:relative;z-index:2;font-size:21px;line-height:1.15;letter-spacing:-.7px;font-weight:600}.mini-visual em{font-style:normal;color:#ead8a5}.visual-disc{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#f5cd89,#b4622e);position:absolute;right:-8px;bottom:-53px;box-shadow:0 0 0 13px #ffd79920,0 0 0 27px #ffd79915}.visual-spark{position:absolute;right:24px;bottom:39px}.mini-lines{padding:9px 0 3px}.mini-lines i{display:block;background:#eeeee7;height:4px;width:86%;margin-bottom:4px;border-radius:2px}.mini-lines i:last-child{width:60%}.floating-tag{position:absolute;background:#fff;border:1px solid #e8e9df;border-radius:7px;padding:10px;font-size:8px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 8px 15px #515e3d0a}.tag-top{right:35px;top:41px;transform:rotate(-5deg);color:#a98d54}.tag-bottom{left:32px;bottom:31px;transform:rotate(-4deg);color:#6b835d}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:31px}.stat{background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:10px}.stat-title{display:flex;justify-content:space-between;align-items:center;color:#7d8578;font-size:10px}.stat-icon{padding:7px;border-radius:8px;display:flex}.orange{background:#fff0e7;color:#d68a5e}.amber{background:#fff7e2;color:#c7a15c}.blue{background:#edf3f7;color:#7d9cb2}.green{background:#eef4e9;color:#7a9a6f}.stat>strong{display:block;font-size:30px;line-height:1;margin:13px 0 10px;font-weight:600;letter-spacing:-1px}.stat>small{font-size:9px;color:#a4a99c}.overview-bottom{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font-size:15px;letter-spacing:-.3px;font-weight:600}.section-heading h2 span{font-size:9px;color:#9ba190;margin-left:6px;font-weight:400}.section-heading>.text-button{font-size:10px;color:#969e8d}.section-heading>svg{color:#9ba28f}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.overview-cards{gap:14px}.post-card{display:block;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;padding:0;color:inherit;min-width:0}.post-card:hover{box-shadow:0 7px 20px #31382109;transform:translateY(-2px)}.post-image{aspect-ratio:1.25;position:relative;background:#efece3;overflow:hidden}.post-image>img,.post-image>video{width:100%;height:100%;object-fit:cover}.post-image.story-thumb>img{object-fit:contain;background:#ece9df}.kind-chip{position:absolute;top:11px;left:11px;background:#fffefaee;padding:5px 7px;display:flex;align-items:center;gap:4px;border-radius:5px;font-size:8px;color:#6d7665}.image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:13px;flex-direction:column;color:#aca68e;font-size:10px;background:radial-gradient(circle at 80% 0,#f6dcc6,transparent 65%),#efede1}.post-details{padding:16px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:5px 7px;border-radius:4px;background:#f7f0df;color:#b28d49;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.approved{background:#edf3f6;color:#6b8ca3}.badge.published{background:#edf3e8;color:#769367}.badge.failed,.badge.review_required{color:#c35746;background:#fdf0eb}.badge.processing,.badge.publishing{color:#9473bb;background:#f3eefb}.post-details h3{font-size:12px;margin:10px 0 8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-details p{font-size:10px;color:#92998b;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;white-space:pre-line}.post-meta{display:flex;justify-content:space-between;align-items:center;padding-top:13px;margin-top:14px;border-top:1px solid #f0f1eb;color:#a0a694;font-size:8px;gap:5px}.post-meta>span{display:flex;align-items:center;gap:5px}.upcoming{border:1px solid var(--line);border-radius:11px;background:#fff;padding:19px 18px}.upcoming .section-heading h2{font-size:12px}.upcoming-empty{text-align:center;padding:30px 10px;color:#bac0af}.upcoming-empty h3{font-size:12px;color:#858e7a;margin:15px 0 8px}.upcoming-empty p{font-size:10px;line-height:1.8;color:#a2a992}.tip{border:1px solid #f0eee2;background:#fcfbf3;border-radius:8px;padding:15px;margin-top:14px}.tip>span{font-size:8px;letter-spacing:.9px;color:#aaa074;font-weight:600}.tip p{font-size:9px;color:#aba78e;line-height:1.9;margin-top:7px}.upcoming-item{width:100%;background:none;justify-content:flex-start;padding:13px 0;border-bottom:1px solid var(--line);gap:11px;text-align:left}.day-box{background:#f6f5ef;border-radius:7px;width:40px;min-width:40px;padding:6px;text-align:center;font-size:17px;color:#7e876d}.day-box small{display:block;font-size:8px;margin-top:3px}.upcoming-item>span:last-child{min-width:0}.upcoming-item strong{font-size:10px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upcoming-item>span>small{display:block;font-size:9px;color:#a0a591;margin-top:5px}.empty{border:1px dashed #e0e3d6;background:#fffdf9;border-radius:11px;padding:49px 25px;text-align:center}.empty-icon{background:#f4f1e8;width:60px;height:60px;display:grid;place-items:center;margin:0 auto 20px;color:#b6a584;border-radius:18px}.empty h3{font-size:17px;font-weight:600;letter-spacing:-.3px}.empty p{color:#9ca28f;line-height:1.8;font-size:11px;margin:11px auto 23px;max-width:320px}.page-footer{display:flex;justify-content:space-between;padding:28px 0 20px;margin-top:28px;border-top:1px solid var(--line);font-size:9px;color:#adb19f;gap:20px}.page-footer>span{display:flex;align-items:center;gap:5px}.page-footer i{margin:0 6px;font-style:normal}.list-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tabs button{background:none;color:#929985;font-size:11px;padding:9px 13px;border-radius:7px}.filter-tabs button.selected{background:#fff0e7;color:#d67847;font-weight:600}.search{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding-left:11px;color:#a4aa98}.search input{border:0;background:none;width:175px;font-size:10px}.calendar-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:23px}.calendar-panel .section-heading h2{text-transform:capitalize;font-size:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.weekday{text-align:center;font-size:10px;padding:15px;color:#969e89;background:#fafbf7;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-cell{min-height:108px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.calendar-cell>span{display:inline-grid;place-items:center;width:25px;height:25px;font-size:10px;color:#7c856f}.calendar-cell.muted{background:#fcfcfa}.calendar-cell.muted>span{color:#c6cabd}.calendar-cell>span.today{background:var(--orange);color:#fff;border-radius:50%}.calendar-post{margin-top:5px;background:#fdf2e3;color:#a78b53;border-radius:4px;display:block;padding:6px;text-align:left;width:100%;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-post.approved{background:#edf2f6;color:#7795a9}.calendar-post.published{background:#eef4e8;color:#859a72}.calendar-post span{font-weight:600;margin-right:6px}.calendar-note{font-size:10px;color:#9fa78e;margin-top:19px}.info-banner{display:flex;gap:15px;padding:20px 23px;border:1px solid #e3e9d6;border-radius:10px;background:#f5f8ee;color:#869774;margin-bottom:24px}.info-banner strong{font-size:12px;color:#738563}.info-banner p{font-size:11px;line-height:1.7;margin-top:6px;color:#9ba98d}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-bottom:24px}.account-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.account-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.instagram-logo{background:#fbeee8;padding:12px;color:#d88b72;border-radius:12px;display:flex}.account-card h2{font-size:18px}.account-card>p{font-size:11px;color:#a2a891;margin-top:8px}.account-detail{font-size:10px;display:flex;justify-content:space-between;gap:10px;padding:20px 0;margin:10px 0 15px;border-bottom:1px solid var(--line);color:#9ca48d}.account-detail strong{font-weight:500;color:#7b886c}.connect-card{display:flex;flex-direction:column;min-height:290px;border:1px dashed #d9dfcb;border-radius:12px;background:#fdfef9;padding:25px;color:#899878}.connect-card>span{padding:13px;background:#f0f3e8;border-radius:50%;display:flex;margin-bottom:9px}.connect-card h3{font-size:15px;font-weight:600;color:#7d8b6b}.connect-card p{font-size:11px;line-height:1.8;color:#a7b196}.connect-card strong{font-size:11px;display:flex;align-items:center;gap:6px;margin-top:10px;color:#d78e60}.danger,.error-text{color:#c26756!important}.alert{border:1px solid #ece1c6;background:#fffaf0;padding:13px 15px;border-radius:8px;color:#a38c5e;font-size:11px;line-height:1.7;margin-bottom:18px;display:flex;align-items:center;gap:8px}.alert.error{background:#fff1ec;border-color:#f0cdbf;color:#b86049}.alert>.icon-button{margin-left:auto;flex-shrink:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.panel h2{font-size:15px;margin-bottom:23px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #f0f1e9;padding:16px 0;font-size:11px;color:#919d80}.setting-row strong{color:#758165;font-weight:500;text-align:right}.muted-text{font-size:11px;color:#a1ad90;line-height:1.9;margin-top:16px}.status-dot{font-size:9px;display:flex;align-items:center;gap:6px;color:#c4a86c}.status-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-dot.ready{color:#81a068}.usage-number{font-size:36px;color:#6f8159;font-weight:600;margin:15px 0}.usage-number span{font-size:12px;color:#aab69a;font-weight:400}progress{width:100%;height:7px;border:0;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:#f0f3e9;border-radius:5px}progress::-webkit-progress-value{background:#a8b98f;border-radius:5px}.policy{display:flex;gap:18px;color:#8fa477;align-items:center}.policy svg{flex-shrink:0}.policy p{font-size:12px;line-height:1.9}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:11px;border:1px solid #dae4cd;background:#fffffb;color:#697f50;border-radius:12px;box-shadow:0 10px 40px #26301920;padding:14px 19px;font-size:12px;max-width:90vw}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:30px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#272e245c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;padding:28px;display:flex;align-items:center;justify-content:center}.composer{width:1060px;max-height:calc(100dvh - 56px);border:1px solid #ecece3;background:#fff;border-radius:16px;box-shadow:0 25px 100px #28311f30;display:flex;flex-direction:column;overflow:hidden}.composer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:21px 28px}.composer-header h2{font-size:20px;letter-spacing:-.5px;margin-top:7px;font-weight:600}.composer-body{display:grid;grid-template-columns:1.1fr 1fr;overflow:auto;min-height:0}.editor-fields{padding:25px 28px}.editor-fields>.badge{margin-bottom:18px}.editor-fields label,.editor-fields input,.editor-fields textarea,.editor-fields select{font-size:11px}.editor-fields fieldset>label{margin-bottom:17px}.kind-options{display:flex;gap:10px;margin-bottom:23px}.kind-options button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;flex:1;font-size:11px;color:#969e88}.kind-options button small{margin-left:auto;font-size:9px}.kind-options button.selected{background:#fff5eb;border-color:#efccae;color:#d38d58}.field-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.field-header>span{font-size:9px;display:flex;align-items:center;gap:4px;color:#c8ab7d}.field-header button{font-size:9px}.generate-button{width:100%;margin:12px 0 22px;border:1px solid #eadac7;border-radius:8px;background:#fbf5e9;color:#bc945e;padding:12px;font-size:11px;font-weight:600}.generate-button>span{margin-left:auto;font-size:8px;letter-spacing:1px;font-weight:400;color:#bfac8c}.field-hint{font-size:9px;line-height:1.6;color:#b0ab99;display:block;margin:5px 0 14px}.character-count{font-size:9px;color:#adb7a0;text-align:right;margin:5px 0 20px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:7px}.preview-column{background:#f7f8f2;padding:25px 30px;border-left:1px solid #edeee5}.preview-heading{font-size:8px;letter-spacing:1.5px;color:#9ca78c;display:flex;align-items:center;gap:8px;margin-bottom:20px}.preview-heading span{margin-left:auto;letter-spacing:.3px}.instagram-preview{background:#fff;border:1px solid #e5e8da;border-radius:10px;overflow:hidden;max-width:340px;margin:auto;box-shadow:0 7px 18px #4a5b3507}.preview-account{display:flex;align-items:center;gap:8px;padding:12px;font-size:10px}.preview-account img{width:25px;border-radius:50%}.preview-account svg{margin-left:auto;color:#9ba78c}.preview-image{aspect-ratio:1;background:#eeece1;overflow:hidden}.upload-box{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px dashed #c9d2bf;border-radius:12px;background:#f7f8f3;margin-bottom:18px}.upload-box input{max-width:100%}.upload-box small{color:#707768;line-height:1.6}.preview-image>img,.preview-image>video{width:100%;height:100%;object-fit:contain}.story-preview{max-width:240px}.video-preview .preview-image{aspect-ratio:auto;background:#161616}.video-preview .preview-image>video{height:auto;max-height:480px;object-fit:contain}.story-preview .preview-image{aspect-ratio:9/16}.preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b8b49c;padding:15px;text-align:center;background:radial-gradient(circle at 70% 25%,#f3e3c6,transparent 70%),#eeede2}.preview-empty strong{font-size:11px;font-weight:500}.preview-empty p{font-size:9px}.preview-caption{padding:12px}.preview-caption p{font-size:10px;line-height:1.7;color:#939e85;white-space:pre-wrap;overflow-wrap:anywhere}.preview-caption strong{color:#727e64}.preview-symbols{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:#8b997b}.preview-symbols>span{font-size:26px;line-height:1}.preview-symbols .bookmark{margin-left:auto}.preview-schedule{margin:20px auto 0;display:flex;gap:10px;align-items:center;color:#a3b38e;max-width:340px}.preview-schedule strong{display:block;font-size:10px;font-weight:500;color:#8d9b79}.preview-schedule span{display:block;font-size:9px;margin-top:5px;color:#afbba0}.approval-explanation{display:flex;gap:10px;border:1px solid #e4e8d8;padding:13px;margin:20px 0;border-radius:8px;color:#a1af8c;font-size:10px;line-height:1.7}.approval-explanation svg{flex-shrink:0}.approval-explanation strong{font-weight:600;color:#889b71}.composer-footer{border-top:1px solid var(--line);padding:17px 25px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#fff}.footer-hint{font-size:9px;color:#a2ad93;display:flex;align-items:center;gap:5px;margin-right:auto}.confirm-copy{font-size:11px;color:#8b9e75;display:flex;gap:10px;align-items:center;margin-right:auto;max-width:420px;line-height:1.6}.history{margin-top:24px;font-size:10px;color:#9ca98a}.history summary{cursor:pointer}.history p{border-left:1px solid #dce4cf;padding:5px 12px;margin-top:12px;font-size:10px;line-height:1.6}.history small{display:block;font-size:8px;color:#b7c0a9;margin-bottom:4px}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff}.login-story{padding:38px 50px;background:#f1f2e9;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:800px}.login-copy{max-width:470px;margin:65px auto 0;width:100%;flex:1}.login-copy>.eyebrow{color:#9da585}.login-copy h1{font-size:50px;font-weight:600;letter-spacing:-2.2px;line-height:1.15;margin:20px 0}.login-copy h1 em{font-style:normal;color:#e48b58}.login-copy>p{font-size:12px;color:#98a080;line-height:1.9}.story-art{position:relative;height:310px;margin-top:35px}.art-orbit{position:absolute;left:12px;top:0;width:280px;height:280px;border:1px solid #d9deca;border-radius:50%;box-shadow:0 0 0 25px #e5e8dc,0 0 0 26px #dfe4d1;opacity:.6}.art-card{position:absolute;left:60px;top:17px;transform:rotate(-9deg);padding:25px;width:210px;height:265px;background:linear-gradient(145deg,#d7804e,#b36238);border:8px solid #fff;border-radius:13px;box-shadow:0 15px 20px #6b704b14;color:#fff0da;overflow:hidden}.art-card>span{font-size:7px;letter-spacing:2px}.art-card h2{font-size:24px;line-height:1.1;letter-spacing:-.8px;position:relative;margin-top:103px;font-weight:500}.art-card>small{font-size:5px;letter-spacing:1.2px;margin-top:13px;display:block;color:#e8bf94}.abstract-leaf{position:absolute;right:-8px;top:30px;transform:rotate(-25deg);color:#e9c18b}.art-label{position:absolute;bottom:7px;right:3px;padding:16px 20px;background:#fff;border:1px solid #e5e9da;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.7;color:#86986d;box-shadow:0 7px 25px #7c865518;transform:rotate(3deg)}.art-label strong{font-weight:600}.login-footer{display:flex;justify-content:space-between;font-size:9px;color:#a4af91;margin-top:36px}.login-form{display:flex;justify-content:center;align-items:center;padding:50px}.login-box{width:100%;max-width:355px}.login-box>.eyebrow{font-size:8px;letter-spacing:1.3px;color:#c5a17c}.login-box h2{font-size:27px;letter-spacing:-1px;font-weight:600;margin:15px 0 10px}.login-box>p{font-size:11px;line-height:1.8;color:#a0a98e}.login-box form{display:flex;flex-direction:column;gap:20px;margin-top:35px}.login-box label{font-size:11px}.login-box input{font-size:12px;padding:14px}.large{padding:15px;margin-top:6px;font-size:12px;justify-content:space-between}.login-box .switch-auth{text-align:center;margin-top:25px;font-size:10px}.switch-auth button{font-size:10px;margin-left:4px}.secure-note{border-top:1px solid var(--line);padding-top:25px;margin-top:29px;display:flex;justify-content:center;align-items:center;gap:8px;color:#aeb89f;font-size:9px}.connection-error{position:fixed;bottom:20px;right:20px;background:#fff2e6;padding:15px;color:#b66f46;border:1px solid #f0d3b8;border-radius:9px;font-size:12px}.mobile-menu,.mobile-brand{display:none}@media(min-width:1500px){.hero-art{width:430px}.mini-post{left:110px}.tag-top{right:61px}.tag-bottom{left:65px}.hero-copy{padding:35px 40px}.hero h2{font-size:33px}.hero{min-height:300px}.overview-bottom{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1200px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.app-shell main{margin-left:210px;width:calc(100% - 210px)}.page-content{padding:28px 26px 0}.topbar{padding:0 26px}.hero h2{font-size:24px}.hero-art{width:270px}.mini-post{left:38px;top:47px;width:160px}.mini-visual{height:140px}.tag-top{right:10px}.tag-bottom{left:7px;bottom:22px}.overview-bottom{grid-template-columns:1fr}.upcoming{display:none}.account-grid{grid-template-columns:1fr 1fr}.stat{padding:15px}.stats{gap:12px}.login-story{padding:35px}.login-copy h1{font-size:43px}}@media(max-width:900px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.brand>span{font-size:21px}.app-shell main{margin-left:190px;width:calc(100% - 190px)}.workspace{padding:10px 7px}.workspace strong{font-size:9px}.workspace span{font-size:8px}nav button{font-size:10px;gap:8px}.page-content{padding:25px 20px 0}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.hero-art{display:none}.stats{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-cards .post-card:nth-child(3){display:none}.settings-grid,.account-grid{grid-template-columns:1fr}.topbar{padding:0 20px}.timezone{display:none}.modal-backdrop{padding:15px}.composer{max-height:calc(100dvh - 30px)}.composer-body{grid-template-columns:1fr .8fr}.editor-fields{padding:22px}.preview-column{padding:22px 16px}.composer-footer{flex-wrap:wrap;padding:15px 20px}.footer-hint{width:100%;margin-bottom:2px}.two-fields{grid-template-columns:1fr}.calendar-panel{padding:15px}.calendar-cell{padding:4px;min-height:90px}.calendar-post{font-size:8px;padding:4px}.login-story{padding:30px;min-height:780px}.login-copy h1{font-size:37px}.login-copy{margin-top:60px}.login-form{padding:30px}.login-box h2{font-size:24px}.art-card{left:32px}.art-label{right:-10px}.login-footer span{display:none}}@media(max-width:680px){.sidebar{transform:translate(-100%);width:238px;transition:transform .2s;z-index:40}.sidebar.visible{transform:translate(0)}.sidebar-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#20281d60;z-index:35}.app-shell main{margin:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 15px}.topbar-right{gap:9px}.breadcrumb{gap:7px;font-size:9px}.page-content{padding:25px 18px 0}.page-heading{align-items:flex-start;gap:8px;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading>.primary{font-size:10px;padding:10px;margin-top:17px;gap:4px}.page-heading p{font-size:10px;max-width:230px;line-height:1.7}.eyebrow{font-size:7px}.hero{min-height:250px}.hero-copy{padding:25px}.hero h2{font-size:25px}.hero p{font-size:10px}.stat>strong{font-size:28px}.stat-title{font-size:10px}.stats{gap:10px;margin-bottom:25px}.stat{padding:15px}.card-grid{gap:12px}.post-details{padding:12px}.post-details h3{font-size:11px}.post-details p{font-size:9px}.post-meta{font-size:7px}.filter-tabs button{font-size:10px;padding:8px}.search,.search input{width:100%}.modal-backdrop{padding:0}.composer{height:100dvh;max-height:100dvh;border-radius:0}.composer-header{padding:18px}.composer-header h2{font-size:17px}.composer-body{display:block}.editor-fields{padding:20px}.preview-column{padding:23px 30px;border:0}.composer-footer{padding:12px;gap:8px}.composer-footer .primary,.composer-footer .secondary{font-size:10px;padding:11px}.composer-footer .primary{margin-left:auto}.confirm-copy{width:100%;font-size:10px}.two-fields{grid-template-columns:1fr 1fr}.page-footer{font-size:8px;gap:8px}.page-footer>span:last-child{display:none}.calendar-panel{padding:10px;overflow-x:auto}.calendar-grid{min-width:580px}.calendar-panel .section-heading h2{font-size:16px}.calendar-note{font-size:9px;line-height:1.7}.login-page{display:block}.login-story{display:none}.login-form{min-height:100dvh;display:flex;flex-direction:column;padding:30px 25px;justify-content:center}.mobile-brand{display:block;margin-bottom:45px;width:100%;max-width:355px}.login-box h2{font-size:26px}.login-box>.eyebrow{font-size:8px}.login-box form{margin-top:27px}.toast{font-size:11px;padding:12px;min-width:280px}.info-banner{padding:15px}.info-banner strong{font-size:11px}.info-banner p{font-size:10px}.account-detail{flex-wrap:wrap}.setting-row{font-size:10px}.panel{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation-duration:2s}}.runtime-actions{display:flex;flex-wrap:wrap;gap:10px}.invite-result{display:grid;gap:8px;margin-top:18px}.invite-result input{width:100%;min-width:0;padding:12px;border:1px solid #e4dfd8;border-radius:8px}
