@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700;900&display=swap');
:root{--ink:#17241e;--cream:#f7f3e8;--paper:#fffdf7;--green:#1f6b4f;--lime:#dff06c;--orange:#f28a55;--line:#d9d7cc;--muted:#667069;--shadow:0 18px 45px rgba(23,36,30,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans","PingFang SC",sans-serif}.hero{min-height:620px;position:relative;overflow:hidden;background:var(--ink);color:white;padding:0 max(24px,7vw)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;position:relative;z-index:2}.brand{color:white;text-decoration:none;font-weight:700;letter-spacing:.03em}.brand span{display:inline-grid;place-items:center;background:var(--lime);color:var(--ink);width:48px;height:32px;border-radius:50%;margin-right:10px}.connection{font-size:13px;padding:9px 14px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0d}.connection.cloud{background:#dff06c1c;border-color:var(--lime);color:var(--lime)}.connection.local{color:#ffd3b7}.hero-content{position:relative;z-index:2;max-width:880px;padding:90px 0 110px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--lime)}.eyebrow.dark{color:var(--green)}h1,h2,h3{font-family:"Noto Serif SC",serif}h1{font-size:clamp(44px,7vw,88px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 26px}h1 em{color:var(--lime);font-style:normal}.intro{font-size:18px;line-height:1.75;color:#d5dcd7;max-width:650px}.primary-link{display:inline-flex;gap:20px;align-items:center;margin-top:28px;background:var(--orange);color:var(--ink);font-weight:700;text-decoration:none;padding:15px 22px;border-radius:4px}.shape{position:absolute;border-radius:50%}.shape-one{width:360px;height:360px;border:80px solid #ffffff0b;right:-70px;bottom:-80px}.shape-two{width:130px;height:130px;background:var(--lime);right:18%;top:140px;opacity:.12}.dashboard{max-width:1180px;margin:auto;padding:86px 28px 100px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:36px}h2{font-size:clamp(35px,5vw,58px);margin:8px 0}.stats{display:flex;border:1px solid var(--line);background:var(--paper)}.stats div{padding:16px 25px;text-align:center;border-right:1px solid var(--line);min-width:90px}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font:700 24px "Noto Serif SC",serif}.stats span{font-size:11px;color:var(--muted);margin-top:3px}.idea-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;background:var(--paper);padding:22px;border:1px solid var(--line);box-shadow:var(--shadow)}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 8px}.field input,.field select{width:100%;height:46px;border:1px solid var(--line);background:#fff;padding:0 13px;font:inherit;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f6b4f16}.add-button{align-self:end;height:46px;border:0;background:var(--green);color:white;padding:0 20px;font-weight:700;cursor:pointer}.add-button:hover{background:#174f3c}.add-button:disabled{opacity:.55;cursor:wait}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:34px 0 20px}.filters{display:flex;gap:8px}.filters button,.refresh-button{border:1px solid var(--line);background:transparent;padding:9px 14px;color:var(--muted);font-weight:600;cursor:pointer}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.refresh-button{border:0}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.idea-card{position:relative;background:var(--paper);border:1px solid var(--line);padding:24px;min-height:220px;display:flex;flex-direction:column;transition:.2s}.idea-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.idea-card.done{opacity:.65}.idea-card.done h3{text-decoration:line-through}.card-top{display:flex;align-items:center;justify-content:space-between}.category{font-size:11px;font-weight:700;color:var(--green);background:#e5f0e8;padding:6px 9px;border-radius:99px}.delete{border:0;background:transparent;color:#9c5d49;font-size:18px;cursor:pointer}.idea-card h3{font-size:21px;line-height:1.45;margin:22px 0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}.toggle{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer}.message{padding:13px 16px;margin:16px 0;background:#fff0df;border-left:3px solid var(--orange);font-size:14px}.empty{text-align:center;padding:70px 20px;border:1px dashed var(--line);background:var(--paper)}.empty span{font-size:35px;color:var(--green)}.empty h3{font-size:23px;margin:10px}.empty p{color:var(--muted)}footer{display:flex;justify-content:space-between;background:var(--ink);color:#c7d1ca;padding:28px max(24px,7vw);font-size:13px}
@media(max-width:900px){.idea-form{grid-template-columns:1fr 1fr}.field.wide{grid-column:1/-1}.idea-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.hero{min-height:600px}.nav{align-items:flex-start;padding-top:25px}.connection{max-width:150px;text-align:center}.hero-content{padding-top:70px}.idea-form,.idea-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.stats{width:100%}.stats div{flex:1;padding:12px 8px}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.filters{width:100%}.filters button{flex:1}footer{display:block}}