:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292e29;background:#f7f8f4;font-synthesis:none;font-size:14px;--ink:#292e29;--muted:#717970;--line:#e3e6dd;--lime:#d7eea6;--paper:#fff;--radius:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button{color:inherit}button svg,a svg{flex-shrink:0}svg{width:20px;height:20px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2;font-weight:650}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:17px;letter-spacing:-.25px}p{line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7d993d;outline-offset:3px}.skip{position:fixed;top:-60px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:12px}.loading{padding:100px;text-align:center}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1.2px}.brand img{width:35px;height:35px}.brand-light{font-weight:420}.brand-dot{color:#859c55}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.5}.muted,.small{color:var(--muted)}.small{font-size:12px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 17px;font-size:13px;font-weight:650;white-space:nowrap;border:1px solid var(--ink)}.primary{background:var(--ink);color:white}.primary:hover{background:#454d40}.secondary{background:white;border-color:#d9ddd3}.secondary:hover{background:#f2f5eb}.danger{background:#963e3e;color:white;border-color:#963e3e}.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;font-weight:600;font-size:12px}.text-button{padding:8px 0}.text-button:hover{text-decoration:underline}.icon-button{width:34px;height:34px;border-radius:7px;color:#687160}.icon-button:hover{background:#e9eddf}.wide{width:100%}.accent{color:#8caa50}.workspace{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:30px 20px 14px;background:#f0f2e9;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow:auto}.workspace-label{border:1px solid #dfe3d5;border-radius:10px;padding:11px 9px;margin:34px 0 27px;display:flex;align-items:center;gap:10px;background:#f8f9f3}.workspace-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#e2e9d4;font-weight:600}.workspace-label strong{font-size:12px}.workspace-label small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.nav-area{display:flex;align-items:center;gap:10px;border:0;background:none;width:100%;text-align:left;padding:11px 10px;border-radius:7px;font-size:12px;line-height:1.4;margin:2px 0}.nav-area>span:nth-child(2){overflow-wrap:anywhere;flex:1}.nav-area.active{background:#dfe8d0;font-weight:650}.nav-area:hover{background:#e5eadb}.home-link{font-size:13px}.nav-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 4px;padding-left:10px;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#77816f}.nav-count{font-size:10px;color:#7c866f}.nav-children{padding-left:12px;border-left:1px solid #dce2d2;margin-left:13px}.nav-children:empty{display:none}.dot{height:7px;width:7px;border-radius:50%;background:#b58153;flex-shrink:0}.dot.blue{background:#6591b5}.dot.violet{background:#9a7faf}.dot.green{background:#7a9b61}.dot.rose{background:#bb8595}.nav-add{border:0;display:flex;align-items:center;gap:7px;padding:12px 10px;font-size:12px;color:#748069;background:none}.nav-add svg{width:15px}.sidebar-bottom{margin-top:auto;padding-top:45px}.small-note{background:#e9eedc;border:1px solid #e0e6d2;border-radius:11px;position:relative;padding:16px 13px;font-size:12px;line-height:1.7;color:#68765a}.small-note strong{font-weight:600;color:#45503c}.small-note svg{position:absolute;right:15px;top:23px;width:28px;height:28px;color:#8c9a70}.export{margin:15px 0}.export svg{width:16px}.account{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-top:1px solid #dfe4d5;padding:17px 0 0;text-align:left}.account .avatar{border-radius:50%;background:#dadfce;width:31px;height:31px;display:grid;place-items:center;font-size:12px}.account>span:nth-child(2){flex:1;font-size:12px;font-weight:600}.account small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.account svg{width:15px;color:var(--muted)}.page{min-width:0;display:flex;flex-direction:column}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line);gap:20px}.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:#82897d;flex-wrap:wrap}.breadcrumbs strong,.breadcrumbs a:last-child{font-weight:500;color:#4d5848}.private-label{font-size:10px;color:#7d8873;display:flex;align-items:center;gap:6px;white-space:nowrap}.private-label span{width:5px;height:5px;background:#8d9f72;border-radius:50%}.main-content{padding:42px 44px;max-width:1550px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .eyebrow{color:#83936b;margin-bottom:13px}.page-heading h1{margin-bottom:12px}.page-heading p{color:var(--muted);font-size:13px;margin:0;max-width:710px;overflow-wrap:anywhere}.heading-actions{display:flex;gap:8px;flex-shrink:0}.intro-banner{display:flex;align-items:center;padding:29px 30px;background:#eaf0df;border:1px solid #dfe7d2;border-radius:var(--radius);gap:22px;margin-bottom:38px;position:relative;overflow:hidden}.banner-symbol{display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;border:1px solid #cdd9b7;border-radius:50%;background:#e1ebd1}.banner-symbol svg{width:34px;height:34px;color:#829369}.intro-banner .eyebrow{font-size:8px;color:#899575;letter-spacing:1.5px}.intro-banner h2{font-size:21px;margin:8px 0}.intro-banner p{font-size:12px;color:#788469;margin:0}.intro-banner>div:nth-child(2){flex:1}.banner-stats{padding-left:25px;border-left:1px solid #d3ddc4;display:flex;flex-direction:column;min-width:108px;gap:4px}.banner-stats strong{font-size:28px;font-weight:550;line-height:1.2;letter-spacing:-1px}.banner-stats span{font-size:9px;color:#788469;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:7px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.count{font-size:10px;font-weight:500;letter-spacing:0;color:#7b8570;background:#e9ecdf;padding:3px 6px;border-radius:5px}.area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.area-card,.add-area-card{min-height:212px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:transform .15s,border-color .15s;background:#fff}.area-card:hover{transform:translateY(-3px);border-color:#afbea2}.area-icon{width:35px;height:35px;border-radius:9px;background:#fbede0;color:#b88752;display:grid;place-items:center;margin-bottom:21px}.blue .area-icon{background:#e8eff5;color:#759bb9}.violet .area-icon{background:#f0eaf5;color:#a48bbb}.green .area-icon{background:#e9f0e0;color:#84a66a}.rose .area-icon{background:#f7e9ed;color:#b98998}.area-card h3{font-size:14px;margin-bottom:8px;overflow-wrap:anywhere}.area-card p{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:20px;overflow-wrap:anywhere}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;color:#87917e}.card-bottom svg{width:15px;height:15px}.add-area-card{border-style:dashed;border-color:#cbd3be;align-items:center;justify-content:center;background:#f4f6ee;color:#7d896d;text-align:center}.add-area-card:hover{background:#edf1e3}.add-area-card>span{border:1px solid #dbe2cf;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;margin-bottom:15px}.add-area-card strong{font-size:12px;font-weight:500;margin-bottom:7px}.add-area-card small{font-size:10px;line-height:1.6;max-width:150px;color:#96a086}.areas-section{margin-bottom:38px}.view-switch{display:flex;gap:2px;padding:3px;background:#ecefe5;border-radius:8px}.view-switch .icon-button{width:29px;height:28px}.view-switch svg{width:15px;height:15px}.view-switch .selected{background:white;box-shadow:0 1px 3px #29371a12}.toolbar{display:flex;justify-content:space-between;gap:14px;padding:13px 0 20px}.search-box{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:8px;width:315px;padding:0 12px;color:#98a08f}.search-box svg{width:16px;height:16px}.search-box input{width:100%;border:0;background:none;padding:10px 0;font-size:12px;color:var(--ink);min-width:0}.search-box:focus-within{outline:2px solid #9cb773}.search-box input:focus{outline:none}.filter-label{font-size:11px;color:#858e7a;display:flex;align-items:center;gap:10px}.filter-label select{background:#fff;border:1px solid var(--line);border-radius:7px;color:#5c6752;padding:9px 26px 9px 12px;font-size:11px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.idea-card{text-align:left;display:flex;flex-direction:column;width:100%;padding:21px;background:white;border:1px solid var(--line);border-radius:12px;min-height:192px}.idea-card:hover{border-color:#aab797;box-shadow:0 5px 18px #32461408}.idea-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.idea-top>svg{height:14px;width:14px;color:#9ea696}.stage{font-size:9px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;background:#f1f0e5;color:#8b8c60;font-weight:550;white-space:nowrap}.stage>span{width:4px;height:4px;border-radius:50%;background:currentColor}.stage.exploring{background:#eaf0f7;color:#698bac}.stage.building{background:#f1eaf7;color:#9a7caf}.stage.live{background:#eaf1de;color:#7c9358}.stage.parked{background:#eee;color:#85867e}.idea-card h3{font-size:14px;margin-bottom:8px;overflow-wrap:anywhere}.idea-card p{font-size:11px;color:var(--muted);margin-bottom:22px;line-height:1.8;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.idea-meta{display:flex;gap:6px;align-items:center;font-size:9px;color:#99a18f;margin-top:auto;padding-top:14px;border-top:1px solid #eff0ea}.idea-meta>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idea-meta .dot{height:5px;width:5px}.empty-ideas{border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px}.empty-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e3e9d9;border-radius:12px;background:#f0f5e7;color:#93a278;margin-bottom:15px}.empty-ideas h3{font-size:15px;margin-bottom:6px}.empty-ideas p{font-size:12px;color:var(--muted);margin-bottom:19px}.empty-ideas .secondary{font-size:11px;padding:9px 12px}.empty-ideas .secondary svg{width:14px;height:14px}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#9ba48f;margin-top:auto;padding:0 44px 25px}.hostname{display:inline-block;color:#77876b;font-size:11px;margin-top:13px;background:#edf1e6;border-radius:5px;padding:5px 7px}.stage-board{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}.board-column{background:#eef1e7;border:1px solid #e1e6d8;border-radius:11px;padding:10px;min-height:250px}.board-column>h3{display:flex;justify-content:space-between;align-items:center;margin:3px 0 15px}.board-column .idea-card{margin-bottom:10px;min-height:170px;padding:15px}.board-empty{font-size:11px;color:#98a28b;padding:20px 10px;text-align:center}.mobile-toggle,.nav-backdrop{display:none}dialog{width:600px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:28px;border:1px solid #dce1d3;border-radius:17px;color:var(--ink);box-shadow:0 25px 90px #1c261e30}dialog::backdrop{background:#1f2a2055;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.dialog-heading h2{margin:5px 0 0;font-size:25px}.dialog-heading .eyebrow{color:#8b9a79;font-size:9px}.dialog-heading .icon-button{flex-shrink:0}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}form label{display:block;font-weight:550;font-size:12px;margin:17px 0;color:#4d5846}form input,form select,form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dbe0d2;background:#fff;border-radius:7px;color:var(--ink);padding:10px 12px;line-height:1.5;min-width:0}form textarea{resize:vertical}form input::placeholder,form textarea::placeholder{color:#a0a894;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row label{min-width:0;margin-top:0}.optional{font-weight:400;color:#9aa38e;font-size:10px}.field-help{font-size:11px;color:#8a947d;line-height:1.7}.form-error{font-size:12px;color:#a64940}.form-error:empty{display:none}.danger-text{border:0;background:none;color:#ad6258;font-size:12px;padding:10px 0}.idea-title{font-size:26px;line-height:1.3;overflow-wrap:anywhere}.idea-summary{color:#77826b;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-meta{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px;color:#8d9981}.idea-notes{white-space:pre-wrap;line-height:1.8;font-size:13px;overflow-wrap:anywhere}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh}.login-story{position:relative;background:#e6edda;padding:45px 60px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-story>div:nth-child(2){position:relative;z-index:1}.login-story .eyebrow{color:#889b6d}.login-story h1{font-size:clamp(46px,4.7vw,76px);line-height:1.12;letter-spacing:-3px;margin:25px 0}.login-story em{font-family:Georgia,serif;font-weight:400;color:#82965e}.login-story p{font-size:15px;color:#79866a}.login-story>.small{color:#8e9d7c;font-size:10px}.orbit{position:absolute;width:500px;height:500px;border:1px solid #c9d5b7;border-radius:50%;bottom:-200px;right:-250px;transform:rotate(-25deg);display:flex;align-items:center;justify-content:space-around;font-size:60px;letter-spacing:-4px;color:#b1c197}.orbit:before{content:'';position:absolute;inset:45px;border:1px solid #c9d5b7;border-radius:50%}.login-panel{display:grid;place-items:center;padding:50px 35px}.login-panel form{width:340px;max-width:100%}.login-panel h2{font-size:32px;margin:16px 0 12px}.login-panel .eyebrow{color:#92a079}.login-panel .muted{font-size:13px;margin-bottom:30px}.login-foot{text-align:center;color:#a0aa92;font-size:10px;margin:24px 0}.login-panel .primary{margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:#fff;border:1px solid #536148;padding:13px 21px;box-shadow:0 5px 20px #22301d30;border-radius:10px;z-index:20;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.main-content{padding-top:55px}.area-card,.add-area-card{min-height:235px}}
@media(max-width:1200px){.workspace{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding-inline:15px}.topbar{padding-inline:28px}.main-content{padding:32px 28px}.page-heading h1{font-size:30px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card,.add-area-card{min-height:195px}.intro-banner{padding:22px;gap:15px}.banner-symbol{display:none}.intro-banner h2{font-size:18px}.banner-stats{padding-left:15px;min-width:85px}.page-footer{padding-inline:28px}.heading-actions{flex-direction:column}.login-story{padding:35px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:12;transform:translateX(-100%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:#17221066;border:0;z-index:11}.mobile-toggle{display:flex;flex-shrink:0}.topbar{height:65px;padding:12px 20px;gap:10px}.breadcrumbs{flex:1;font-size:10px;gap:7px;max-height:40px;overflow:auto}.private-label{display:none}.main-content{padding:30px 20px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:25px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.heading-actions{flex-direction:row}.page-heading .eyebrow{font-size:8px}.primary,.secondary{font-size:12px;padding:10px 13px}.intro-banner{flex-wrap:wrap;padding:20px;margin-bottom:30px}.intro-banner>div:nth-child(2){flex-basis:100%;margin-bottom:9px}.banner-stats{border-left:0;padding-left:0;margin-right:20px}.banner-stats strong{font-size:24px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px}.text-button{font-size:11px;white-space:nowrap}.area-grid{gap:11px}.area-card,.add-area-card{padding:16px;min-height:210px}.area-card h3{font-size:13px}.area-card p{font-size:10px}.area-icon{margin-bottom:17px}.idea-grid{grid-template-columns:1fr}.toolbar{gap:10px}.search-box{width:auto;flex:1;min-width:0}.filter-label{font-size:0;gap:0}.filter-label select{max-width:115px}.page-footer{padding:0 20px 20px;font-size:8px}.page-footer>span:last-child{display:none}.stage-board{grid-template-columns:repeat(5,230px)}dialog{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:27px 25px 34px}.login-story h1{font-size:39px;letter-spacing:-1.5px;margin:18px 0 10px}.login-story h1 br{display:none}.login-story p,.login-story>.small{display:none}.login-story .eyebrow{display:block;margin-top:38px;font-size:8px}.login-panel{padding:37px 25px}.login-panel h2{font-size:28px}.login-panel .eyebrow{font-size:9px}.orbit{width:330px;height:330px;bottom:-260px;right:-130px}.login-story .brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
