:root{--ink:#19362d;--muted:#6b776e;--cream:#f5f4ed;--line:#dddfd5;--sage:#dce4d2;--green:#274e3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}aside{position:fixed;width:220px;inset:0 auto 0 0;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:bold;letter-spacing:-1.5px}.brand-mark{display:inline-flex;background:var(--ink);color:var(--cream);border-radius:9px;width:38px;height:38px;align-items:center;justify-content:center;margin-right:9px}.studio{display:block;font-size:9px;letter-spacing:2px;margin:16px 0 0 4px;font-weight:normal}nav{display:grid;gap:12px;margin-top:55px}nav a{padding:13px 12px;color:var(--muted);border-radius:8px}nav .active{background:var(--sage);color:var(--ink);font-weight:bold}.side-note{margin-top:auto;font-size:9px;letter-spacing:1px}.side-note p{line-height:1.8;font-size:12px;letter-spacing:0;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;background:#658b45;border-radius:50%;margin-right:5px}main{margin-left:220px;padding:0 48px;max-width:1660px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.4px}header a{letter-spacing:0;font-size:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:60px 0 48px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;margin:0 0 22px}h1{font-size:clamp(42px,4.5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-3px;margin:0 0 24px}h1 em{font-family:Georgia,serif;font-weight:normal}h2{font-size:30px;letter-spacing:-1px;font-weight:400;margin:0 0 12px}.intro{color:var(--muted);line-height:1.8;max-width:435px;font-size:14px;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line);background:transparent;padding:13px 18px;border-radius:6px;font-size:12px;font-weight:bold}.primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}.hero-card{background:var(--sage);padding:25px 27px 18px;min-height:380px;position:relative;overflow:hidden;border-radius:4px}.pill{display:inline-block;font-size:8px;letter-spacing:1.2px;background:rgba(255,255,255,.55);border-radius:30px;padding:9px 12px}.hero-card h2{font:italic 38px/1.05 Georgia,serif;margin:25px 0 15px;position:relative;z-index:1}.hero-card img{width:65%;height:250px;object-fit:contain;position:absolute;right:0;bottom:38px;mix-blend-mode:multiply}.hero-bottom{position:absolute;bottom:20px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.stats div{padding-left:22px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-weight:normal;font-size:36px;letter-spacing:-1px}.stats small{font-size:14px;letter-spacing:0}.stats span{display:block;color:var(--muted);font-size:11px;margin-top:8px}section:not(.hero){padding:48px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head .eyebrow{margin-bottom:12px}.muted{color:var(--muted);line-height:1.6;font-size:12px}.toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-top:22px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:bold}input,select,textarea{border:1px solid var(--line);border-radius:5px;padding:11px;background:#fffef9;color:var(--ink);max-width:100%;font-size:13px}textarea{resize:vertical;line-height:1.6}.days{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0 20px}.days button{border:1px solid var(--line);border-radius:5px;background:none;padding:11px 17px;color:var(--muted);font-size:11px}.days button.selected{background:var(--ink);color:var(--cream)}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.card{padding:0;text-align:left;border:1px solid var(--line);background:#fffef9;border-radius:7px;overflow:hidden;color:var(--ink)}.card:hover{border-color:#67886b;transform:translateY(-2px)}.card img{display:block;width:100%;height:145px;object-fit:contain;background:#e9ece2}.card-body{padding:13px}.card time{color:var(--muted);font-size:10px}.card h3{font-size:13px;line-height:1.5;margin:12px 0;min-height:58px}.tag{font-size:9px;border-top:1px solid var(--line);padding-top:10px;display:block;color:var(--muted)}.notice{padding:15px 18px;background:#e8eddf;border-radius:5px;line-height:1.6;font-size:12px;margin-top:22px}.editor-grid{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:45px;margin-top:25px}.preview{background:#e6e8de;border-radius:9px;display:flex;justify-content:center;align-items:flex-start;padding:22px}canvas{width:100%;max-width:285px;height:auto;box-shadow:0 10px 30px #233d2920;border-radius:5px}form{display:grid;gap:17px;align-content:start}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;gap:10px;flex-wrap:wrap}.text-button{background:none;border:0;text-decoration:underline;color:var(--ink);padding:12px 0;font-size:12px}.light{background:var(--sage)}#feedback{margin:0;font-size:12px;line-height:1.6}progress{width:100%;accent-color:var(--green)}#videoResult video{max-width:240px;width:100%;display:block;margin-bottom:10px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.community-grid article{border-top:1px solid #9dad98;padding-top:18px}.community-grid b{color:#88977f;font-size:12px}.community-grid h3{font-size:17px;letter-spacing:-.3px;font-weight:normal}.community-grid p,.routine p{line-height:1.8;color:var(--muted);font-size:12px}.routine{padding:25px;margin-top:30px;background:#eceee3;border-radius:6px}.routine h3{margin-top:0}.routine label{margin-top:20px}footer{font-size:12px;line-height:2;color:var(--muted);padding:35px 0}footer small{font-size:10px}.error{color:#983b31!important}@media(min-width:1500px){main{padding:0 70px}}@media(max-width:1100px){aside{width:180px;padding:30px 15px}main{margin-left:180px;padding:0 28px}.hero{gap:25px}.cards{grid-template-columns:repeat(3,1fr)}.hero-card{min-height:350px}.hero-card h2{font-size:32px}.brand{font-size:24px}.editor-grid{gap:25px}}@media(max-width:750px){aside{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px 22px}.brand{font-size:24px}.brand-mark{width:30px;height:30px}.studio{display:inline;font-size:8px;margin-left:12px;letter-spacing:1px}nav,.side-note{display:none}main{margin:0;padding:0 22px}header{height:60px;font-size:8px}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}h1{font-size:49px;letter-spacing:-2px}.hero-card{min-height:320px}.hero-card img{width:60%;height:235px}.stats{grid-template-columns:1fr 1fr;gap:25px}.stats div{padding:0;border:0}.stats strong{font-size:30px}.section-head{align-items:start;flex-wrap:wrap}h2{font-size:27px}.cards{grid-template-columns:1fr 1fr}.card img{height:155px}.editor-grid{grid-template-columns:1fr}.community-grid{grid-template-columns:1fr;gap:14px}.toolbar label{flex:1;min-width:130px}.toolbar{gap:10px}.days button{padding:9px 12px}.light{font-size:7px}section:not(.hero){padding:35px 0}.preview{padding:25px}.two-cols{gap:10px}.routine{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card:hover{transform:none}}