:root{--ink:#171717;--muted:#777a80;--line:#e8e8e5;--paper:#fff;--wash:#f7f7f5;--gold:#c5a15b;--gold-dark:#8f6d2d;--green:#318767;--red:#b94a42;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f7f5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);padding:0 10px 34px}.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--ink);color:#d6b66f;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;border:1px solid #b18d4b;box-shadow:inset 0 0 0 3px #252525}.brand strong{display:block;letter-spacing:2px;font-size:15px}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:#8f6d2d;margin-top:3px}.side-label{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#a1a1a1;padding:0 12px 12px}.side-label-spaced{margin-top:30px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:10px;color:#666a70;text-align:left;font-size:13px;margin:2px 0}.nav-item:hover{background:#f8f7f3}.nav-item.active{background:#f5f0e5;color:#28241d;font-weight:650}.nav-icon{width:20px;text-align:center;font-size:17px;color:#9b7a3b}.nav-count,.coming{margin-left:auto;font-size:10px;color:#8a8a8a;background:#f0f0ed;border-radius:6px;padding:3px 6px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;align-items:center;gap:7px;font-size:10px;color:#777;flex-wrap:wrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#55a37c}.language-toggle{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;margin-top:14px;width:100%;font-size:11px;color:#555}.main{flex:1;min-width:0;padding:0 34px 24px}.topbar{height:91px;border-bottom:1px solid #e9e9e6;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;color:#a0a0a0;letter-spacing:1.8px;font-weight:700;margin-bottom:5px}.topbar h1{font-size:23px;margin:0;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:17px}.prototype-pill{display:flex;align-items:center;gap:7px;border:1px solid #e8e3d6;border-radius:20px;padding:8px 11px;font-size:11px;color:#777}.prototype-pill i{width:6px;height:6px;background:var(--gold);border-radius:50%}.avatar{width:34px;height:34px;border-radius:50%;background:#242424;color:#d8b76c;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.mobile-menu{display:none;background:transparent;border:0;font-size:20px}.view{display:none}.view.active{display:block}.intro-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.intro-row h2{font-size:25px;letter-spacing:-.8px;margin:0 0 7px}.intro-row p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.step-chip{border:1px solid #e8dfca;background:#fffdf8;border-radius:10px;padding:9px 12px;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1px;color:#8d6b30;font-weight:750;white-space:nowrap}.step-chip span:first-child{background:#f0e5cc;border-radius:5px;padding:5px 7px}.create-grid{display:grid;grid-template-columns:minmax(390px,.96fr) minmax(410px,1.04fr);gap:19px;align-items:start}.panel{background:#fff;border:1px solid #e9e9e5;border-radius:var(--radius);box-shadow:0 3px 14px rgba(20,20,20,.018)}.input-panel,.results-panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-kicker{font-size:9px;letter-spacing:1.5px;color:#a17c3d;font-weight:800}.panel-heading h3{font-size:17px;margin:5px 0 0;letter-spacing:-.3px}.optional{font-size:9px;letter-spacing:1px;color:#aaa}.upload-zone{border:1px dashed #d7d2c6;border-radius:12px;background:#fcfbf8;min-height:148px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:18px;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--gold);background:#fffaf0}.upload-icon{width:33px;height:33px;border-radius:10px;background:#f2ead8;color:#987332;display:grid;place-items:center;font-size:22px}.upload-zone strong{font-size:12px}.upload-zone span:not(.upload-icon){font-size:11px;color:#777}.upload-zone small{font-size:9px;color:#a1a1a1;margin-top:2px}.file-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.file-chip{background:#f5f5f2;border:1px solid var(--line);padding:6px 8px;border-radius:7px;font-size:10px;display:flex;gap:7px;align-items:center;max-width:100%}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.file-chip button{border:0;background:none;color:#777;padding:0}.field-label{display:block;font-size:11px;font-weight:700;margin:18px 0 8px;color:#444}.field-wrap{display:block;min-width:0;flex:1}.field-wrap .field-label{margin-top:0}textarea,input[type=text],select{width:100%;border:1px solid #e3e3df;background:#fff;border-radius:9px;padding:11px 12px;font-size:12px;color:#292929;outline:none;transition:border .15s}textarea{resize:vertical;line-height:1.55;min-height:112px}textarea:focus,input:focus,select:focus{border-color:#b69a61;box-shadow:0 0 0 3px rgba(197,161,91,.10)}textarea::placeholder,input::placeholder{color:#b1b1ad}.field-row{display:flex;gap:12px;margin-top:18px}.field-row .field-label{margin:0 0 8px}.field-row select,.field-row input{height:40px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.platform-option{display:flex;align-items:center;gap:8px;border:1px solid #e8e8e4;border-radius:9px;padding:10px 9px;font-size:11px;color:#555;cursor:pointer;min-width:0;position:relative}.platform-option input{position:absolute;opacity:0;pointer-events:none}.platform-option.selected{border-color:#d9c79f;background:#fffdf7;color:#24211a}.platform-letter{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;font-weight:800;font-size:12px;flex-shrink:0;background:#eee;color:#555}.fb{background:#eaf0fc;color:#315caa}.ig{background:#f8e9f0;color:#ad4274}.tt{background:#ececf0;color:#171717}.xhs{background:#ffebe8;color:#d54435}.th{background:#ededed;color:#111}.li{background:#e6f1f8;color:#176b9d}.yt{background:#fde8e7;color:#c83b33}.checkmark{display:none;margin-left:auto;color:#9a7738;font-style:normal;font-size:11px}.platform-option.selected .checkmark{display:block}.brand-details{border-top:1px solid #eee;margin-top:19px}.accordion-trigger{border:0;background:transparent;padding:15px 0 3px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#4e4e4a}.accordion-trigger span:last-child{font-size:17px;color:#a17c3d}.accordion-body{padding-top:13px;display:grid;gap:12px}.hidden{display:none!important}.action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.secure-note{font-size:9px;color:#8b8b86;display:flex;gap:6px;align-items:center;max-width:48%;line-height:1.4}.secure-note span:first-child{color:#a17c3d;font-size:16px}.primary-btn{border:0;background:#1b1b1a;color:#fff;border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;box-shadow:0 4px 9px rgba(0,0,0,.08);white-space:nowrap}.primary-btn:hover{background:#38342b}.primary-btn:disabled{opacity:.55;cursor:wait}.btn-arrow{color:#d5b66f;margin-left:5px;font-size:16px}.notice{display:none;margin-top:13px;border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.5}.notice.show{display:block}.notice.info{background:#f6f3eb;color:#735a2d;border:1px solid #eee2c6}.notice.error{background:#fff0ee;color:#a03932;border:1px solid #f1d2ce}.notice.success{background:#eef8f2;color:#26704d;border:1px solid #d0ead9}.result-heading{margin-bottom:18px}.result-count{font-size:10px;color:#888;border:1px solid var(--line);border-radius:7px;padding:6px 8px}.empty-state{min-height:535px;border:1px dashed #e3e2dc;border-radius:12px;background:#fdfdfb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-illustration{width:72px;height:72px;border-radius:22px;background:#f3ecdc;border:1px solid #e8d8b6;display:grid;place-items:center;position:relative;color:#9a7738;font-family:Georgia,serif;font-size:46px}.empty-illustration i{position:absolute;font-style:normal;font-family:inherit;font-size:19px;right:-7px;top:-8px;background:#fff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;border:1px solid #eee1c6}.empty-state h3{font-size:16px;margin:21px 0 8px}.empty-state>p{font-size:11px;line-height:1.7;color:#888;max-width:300px;margin:0}.empty-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:30px;font-size:9px;color:#888}.empty-steps span:nth-child(odd){background:#f1e7d1;color:#927038;padding:4px 6px;border-radius:5px;font-weight:800}.empty-steps b{color:#c2b9a5;font-weight:400}.results-list{display:grid;gap:12px}.result-card{border:1px solid #e9e8e2;border-radius:12px;overflow:hidden}.result-card-head{padding:12px 13px;background:#fcfbf8;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeede7}.result-platform{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}.result-platform .platform-letter{width:26px;height:26px}.result-badge{font-size:9px;color:#8a713f;background:#f3ead8;border-radius:5px;padding:4px 6px}.result-body{padding:13px}.result-body textarea{min-height:170px;font-size:11px;border-color:#ededeb;background:#fff;white-space:pre-wrap}.result-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.result-meta small{color:#999;font-size:9px}.mini-actions{display:flex;gap:6px}.mini-btn,.secondary-btn{border:1px solid #e4e2dc;background:#fff;border-radius:7px;padding:7px 9px;font-size:10px;color:#555}.mini-btn:hover,.secondary-btn:hover{border-color:#c9b17f;background:#fffdf7}.result-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.secondary-btn{padding:10px 13px;font-weight:650}.page-footer{display:flex;justify-content:space-between;margin-top:24px;color:#aaa;font-size:9px;letter-spacing:.4px}.page-footer b{color:#c4a15c;margin:0 5px}.library-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.library-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.library-card h3{font-size:14px;margin:0 0 8px}.library-card p{font-size:11px;line-height:1.5;color:#777;white-space:pre-wrap;max-height:90px;overflow:hidden}.library-card .card-meta{font-size:10px;color:#aaa;margin-bottom:10px}.library-card-actions{display:flex;gap:7px}.roadmap-panel{padding:50px 25px;text-align:center;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column}.roadmap-icon{width:56px;height:56px;border-radius:16px;background:#f5efdf;color:#a07d3d;display:grid;place-items:center;font-size:26px}.roadmap-panel h3{font-size:17px;margin:20px 0 8px}.roadmap-panel p{max-width:480px;font-size:12px;line-height:1.7;color:#858585;margin:0 0 17px}.status-tag{font-size:9px;letter-spacing:1px;color:#8d6b30;background:#f8f1e3;padding:6px 9px;border-radius:5px;font-weight:800}
@media(max-width:1100px){.main{padding:0 22px 22px}.create-grid{grid-template-columns:1fr}.empty-state{min-height:320px}.results-panel{min-height:350px}}
@media(max-width:700px){.sidebar{position:fixed;z-index:20;left:-260px;top:0;bottom:0;transition:left .2s;box-shadow:8px 0 30px #0001}.sidebar.open{left:0}.main{padding:0 13px 20px}.topbar{height:75px;margin-bottom:22px;gap:10px}.mobile-menu{display:block}.topbar h1{font-size:19px}.prototype-pill{display:none}.intro-row{align-items:flex-start}.intro-row h2{font-size:21px}.intro-row p{font-size:12px}.step-chip{display:none}.input-panel,.results-panel{padding:15px}.field-row{flex-direction:column}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{align-items:flex-start;flex-direction:column}.secure-note{max-width:100%}.primary-btn{width:100%;justify-content:center}.empty-state{padding:20px 12px}.empty-steps{gap:5px}.page-footer{gap:12px;line-height:1.5}.page-footer span:last-child{white-space:nowrap}.panel-heading h3{font-size:16px}}

/* v0.4 local-first planner and management panels */
.planner-panel{padding:22px;margin-bottom:16px}.planner-panel h3,.metric-form h3{font-size:16px;margin:0 0 16px}.planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.planner-grid input,.planner-grid select{min-height:40px}.planner-panel>.primary-btn,.metric-form>.primary-btn{min-width:170px;justify-content:center}.calendar-list{display:grid;gap:10px}.calendar-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}.calendar-date{background:#f5efdf;border:1px solid #eadbb9;border-radius:10px;min-width:68px;padding:10px 7px;text-align:center;color:#8f6d2d}.calendar-date strong,.calendar-date span{display:block}.calendar-date strong{font-size:18px}.calendar-date span{font-size:10px;margin-top:4px}.calendar-content{flex:1;min-width:0}.calendar-content h3{font-size:14px;margin:0 0 6px}.calendar-content p{font-size:11px;color:#777;margin:0 0 6px}.calendar-preview{white-space:pre-wrap;overflow-wrap:anywhere}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px;margin-bottom:16px}.account-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.account-card-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.account-card-head strong{font-size:13px}.account-status{margin-left:auto;background:#f0f0ed;border-radius:6px;padding:5px 7px;color:#777;font-size:9px}.account-status.is-tracked{background:#eaf6ef;color:#28734e}.account-card .secondary-btn{margin-top:12px}.metric-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.metric-card span{display:block;color:#777;font-size:11px;margin-bottom:10px}.metric-card strong{font-size:24px;letter-spacing:-.6px}.metric-form{padding:22px;margin-bottom:16px}.metric-table-wrap{overflow-x:auto}.metric-table{padding:0;overflow:auto}.metric-table table{border-collapse:collapse;width:100%;font-size:11px;min-width:700px}.metric-table th,.metric-table td{padding:13px 15px;border-bottom:1px solid #eee;text-align:left}.metric-table th{background:#fcfbf8;color:#777;font-weight:700}.metric-table tr:last-child td{border-bottom:0}
@media(max-width:800px){.planner-grid{grid-template-columns:1fr}.metric-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-card{gap:10px;padding:12px}.calendar-date{min-width:58px}.calendar-card>.mini-btn{flex-shrink:0}}