:root{--paper:#f9f4eb;--ink:#24231f;--muted:#6f6b65;--line:#cec8bc;--orange:#ef633d;--green:#e0e9c2}
.saved-link{display:grid;place-items:center;font-family:var(--serif);font-size:22px;background:#e8e1d4}
.modal-art:has(img){max-height:60dvh}.modal-art .art:has(img){aspect-ratio:auto}.modal-art img{max-height:60dvh;height:auto;width:100%;object-fit:contain}
body{background:var(--paper)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23noise)'/%3E%3C/svg%3E")}
header{height:100px;max-width:none;padding:0 5%;border-bottom:1px solid var(--ink)}
.wordmark{font-size:31px;letter-spacing:-2px;font-weight:700}.wordmark span{color:var(--ink);font-size:34px;margin-left:10px}
nav{gap:0}nav button{border-radius:0;padding:11px 22px;border-bottom:1px solid transparent;font-size:12px}nav button.active{background:transparent;color:var(--ink);border-bottom:1px solid var(--ink)}nav span{margin-left:5px;font-family:monospace}
.round{border-color:var(--ink)}main{max-width:1440px;padding:35px 5% 65px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:410px;padding:46px 42px;gap:50px;border:1px solid var(--ink);border-radius:2px;background:#f3eee2;grid-template-columns:1.4fr 1fr;margin-bottom:42px}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 12%,#9cad55 0%,#decd77 12%,transparent 35%),radial-gradient(ellipse at 94% 92%,#ec6959 0%,#eaa9b4 18%,transparent 46%),radial-gradient(ellipse at 55% 105%,#769add 0%,#c4c6e2 19%,transparent 43%),radial-gradient(ellipse at 43% 0%,#f4c07e 0%,transparent 36%),linear-gradient(110deg,#f5eedf 15%,#f5efe2 35%,#e9d5d2 75%,#e8e0ae);opacity:.95}
.hero .eyebrow{font-family:monospace;font-size:10px;font-weight:400;letter-spacing:1.4px}.hero .dot{background:var(--ink);height:5px;width:5px}
.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(45px,5.4vw,78px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:30px 0 22px}.hero h1 em{font-family:var(--serif);color:var(--ink);font-weight:400;letter-spacing:-3px}
.hero .subtext{color:#4e4a42;max-width:330px;font-size:13px;line-height:1.7}
.capture{border:1px solid #49473d;border-radius:0;background:#faf6e8ec;padding:74px 27px 28px;box-shadow:7px 7px 0 #25231f0d;transform:rotate(1deg)}
.capture::before{content:'';top:19px;left:27px;right:auto;width:38px;height:38px;border-radius:50%;padding:0;transform:none;background:radial-gradient(circle,#ff8b22 15%,#ec94c3 35%,#9f92dc 57%,#a0ad46 72%,transparent 75%);box-shadow:48px 0 0 -1px #dbb185}
.capture::after{content:'';position:absolute;left:75px;top:19px;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#efdb36 15%,#e6aa76 39%,#c282a9 58%,#688869 72%,transparent 75%);pointer-events:none}
.capture h2{font-family:var(--serif);font-size:29px;letter-spacing:-1px}.capture p{font-size:12px;color:#655e53}.btn{border-radius:0;background:var(--ink);color:var(--paper);font-size:12px;border-color:var(--ink)}.btn.secondary{border-color:#6d695f}.btn.orange{background:#dcec9c;border-color:#373d25;color:#252719}.btn:hover{filter:brightness(.94)}.paste{font-size:11px;padding:9px 0 0}.capture-actions{gap:8px}.capture-actions .btn{padding:12px 7px}
.section-head{border-color:var(--ink);padding-bottom:14px}.section-head h2{font-family:var(--serif);font-size:30px}.section-head h2 small{font-family:monospace;font-size:10px;margin-left:12px}.filters button{border-radius:0;font-size:11px}.filters .selected{background:#ede9df;border-color:#aaa292}
.grid{gap:24px;margin-top:25px;counter-reset:ideas}.card{counter-increment:ideas}.card .art{border:1px solid #b4aa99;border-radius:0}.card h3{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:-.5px;margin-top:13px}.card h3::before{content:counter(ideas,decimal-leading-zero) ' / ';font-family:monospace;font-size:10px;letter-spacing:0;vertical-align:middle;color:#807568}.card-meta{font-family:monospace;font-size:10px;line-height:1.5}.card-note{font-size:13px;color:#706453}.art .tag{border-radius:0;background:#fbf5e7e8;font-family:monospace;font-size:8px;padding:5px 7px}
.tip{margin-top:37px;border-color:#bbb3a5}.tip .scribble{color:var(--ink);font-size:22px}.tip strong{font-weight:500}.tip p{font-size:11px}footer{max-width:none;padding:23px 5%;border-color:var(--ink);font-family:monospace;color:var(--ink)}
dialog{border:1px solid var(--ink);border-radius:0;box-shadow:12px 12px 0 #17151122}.modal-art,.modal-art .art{border-radius:0}.notice{background:#edeade;border-radius:0;border-left:2px solid #96937a}.notice.warm{background:#f1e3da;border-left-color:#ce9277}.status-pill{border-radius:0;background:linear-gradient(100deg,#eadcba,#e7e1ee,#e0e7c7);border:1px solid #aaa28b;font-family:monospace}.project h1{font-size:51px}.project aside .art{border:1px solid #b4aa99}.stats small{font-family:monospace;letter-spacing:.5px}.tabs{border-color:var(--ink)}.tabs .active{border-color:var(--ink)}.supply input,.step input{accent-color:#5e704c}.progress>div{background:#7e9466}.finished{border-radius:0;background:linear-gradient(120deg,#eee3bd,#e4deef,#dce6ca);border:1px solid #b8b4a2}.tutorial,.store-grid a,input,textarea,select{border-radius:0}.tutorial:hover{background:#efeadc}.store-grid a:hover{background:#efe8d7}.empty .symbol{color:#8a6c95}.empty{background:radial-gradient(ellipse at 50% 100%,#e3dcea,transparent 65%)}#toast{border-radius:0}
@media(min-width:1400px){main{padding-left:5%;padding-right:5%}}
@media(max-width:1050px){.hero{padding:35px 28px;gap:30px}.hero h1{font-size:55px}.capture{padding-left:20px;padding-right:20px}.capture-actions{flex-direction:column}}
@media(max-width:600px){header{height:129px;padding:15px 6% 60px}.wordmark{font-size:28px}nav button{padding:9px 12px}main{padding:23px 5% 50px}.hero{min-height:0;padding:25px 22px 28px;gap:26px;margin-bottom:29px;grid-template-columns:1fr}.hero::before{background:radial-gradient(ellipse at 100% 4%,#eab4a4,transparent 45%),radial-gradient(ellipse at 0% 58%,#a9b9de,transparent 40%),radial-gradient(ellipse at 100% 100%,#bdc88a,transparent 60%),#f2eadb}.hero h1{font-size:47px;letter-spacing:-2.8px;margin:24px 0 17px}.hero h1 em{letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.15px}.hero .subtext{font-size:12px}.capture{transform:rotate(.6deg);padding:64px 19px 20px}.capture::before{left:19px;top:16px;width:32px;height:32px;box-shadow:none}.capture::after{left:59px;top:16px;width:32px;height:32px}.capture h2{font-size:26px}.capture p{font-size:11px}.capture-actions{flex-direction:row}.capture-actions .btn{font-size:11px;padding:11px 5px}.section-head h2{font-size:28px}.section-head h2 small{font-size:9px;margin-left:5px}.filters{width:100%;justify-content:space-between}.filters button{font-size:10px;padding:6px 7px}.grid{gap:23px 14px}.card h3{font-size:19px}.card h3::before{display:block;margin-bottom:5px}.card-meta{font-size:9px}.card-note{font-size:12px}.project h1{font-size:40px}.project aside .notice{font-size:10px}.tip p{line-height:1.7}.tip .scribble{display:none}footer{padding:20px 5%}.hero .subtext{margin-bottom:0}}