:root{--paper:#f5f0e6;--paper-light:#fcfaf5;--ink:#25231f;--muted:#726c62;--rust:#a94f36;--sand:#ded5c6;--line:#d7cfc1;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:3px}input:focus-visible{outline:3px solid var(--rust);outline-offset:2px}button:disabled{cursor:default;opacity:.35}.skip-link{z-index:100;color:var(--paper-light);background:var(--ink);padding:12px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.home-shell{max-width:1280px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:92px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.5px;font-family:Georgia,serif;font-size:25px;font-weight:700;text-decoration:none}.wordmark span,.eyebrow{color:var(--rust)}.site-header p{color:var(--muted);font-size:14px}.header-end,.sync-control{align-items:center;gap:16px;display:flex}.sync-pill{border:1px solid var(--line);background:var(--paper-light);align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:12px;font-weight:680;display:inline-flex}.sync-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.sync-dot.synced{background:#52735b}.sync-dot.syncing{background:var(--rust);animation:1s infinite alternate pulse}.sync-dot.offline,.sync-dot.error{background:#9a7438}@keyframes pulse{to{opacity:.35}}.sync-signout{min-height:44px;color:var(--muted);background:0 0;border:0;padding:10px 4px;font-size:11px}.modal-backdrop{z-index:20;background:#25231f61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sync-modal{background:var(--paper-light);border:1px solid var(--line);width:min(440px,100%);padding:42px;position:relative;box-shadow:0 24px 70px #231e1833}.sync-modal h2{margin:0 0 12px;font:500 34px Georgia,serif}.sync-modal>p:not(.eyebrow){color:var(--muted);margin-bottom:24px;line-height:1.55}.modal-close{background:0 0;border:0;width:42px;height:42px;font-size:26px;font-weight:300;position:absolute;top:10px;right:14px}.sync-modal form{gap:15px;display:grid}.sync-modal label{color:var(--muted);gap:7px;font-size:12px;display:grid}.sync-modal input{border:1px solid var(--line);width:100%;min-height:46px;font:inherit;background:#fff;padding:0 12px}.sync-modal input:focus{outline:3px solid var(--rust);outline-offset:2px}.sync-modal .primary{margin-top:6px}.form-error{color:#8b2f22;margin:0;font-size:13px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.25fr .75fr;align-items:center;gap:80px;min-height:520px;padding:68px 4%;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;margin:0 0 14px;font-size:11px;font-weight:750}.hero h1{letter-spacing:-.04em;max-width:760px;margin:0;font:500 clamp(48px,6vw,80px)/.98 Georgia,serif}.intro{color:var(--muted);max-width:580px;margin:28px 0 32px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary,.secondary{border:1px solid var(--ink);border-radius:2px;min-height:52px;padding:0 24px;font-weight:680}.primary{color:var(--paper-light);background:var(--ink)}.primary span{color:#d08b73;margin-left:26px}.secondary{background:0 0}.hero-sketch{background:var(--paper-light);border:1px solid var(--line);aspect-ratio:4/3;padding:22px;position:relative;transform:rotate(1.5deg);box-shadow:0 18px 45px #362d2217}.hero-sketch svg{width:100%;height:100%}.hero-sketch span{color:var(--muted);font:italic 14px Georgia,serif;position:absolute;bottom:14px;right:18px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin:74px 0 28px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font:500 35px Georgia,serif}.filters{gap:12px;display:flex}.filters label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;gap:6px;font-size:11px;display:grid}select{border:1px solid var(--line);background:var(--paper-light);border-radius:2px;min-width:134px;padding:10px 34px 10px 12px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.guide-card{border:1px solid var(--line);background:#fcfaf5a6;transition:transform .2s,box-shadow .2s;position:relative}.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #362d2214}.guide-card.is-complete{background:#ded5c64d}.card-open{text-align:left;background:0 0;border:0;width:100%;padding:0}.card-art{aspect-ratio:4/3;border-bottom:1px solid var(--line);padding:20px 28px 8px;display:block}.card-art svg{width:100%;height:100%}.card-copy{gap:5px;padding:17px 18px 20px;display:grid}.card-copy strong{font:500 20px Georgia,serif}.card-copy span{color:var(--muted);font-size:12px}.favorite{width:42px;height:42px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:24px;position:absolute;bottom:13px;right:11px}.favorite.active{color:var(--rust)}.done-mark{background:var(--ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;font-size:10px;position:absolute;top:12px;left:12px}.recent-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.recent-row button{border:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.recent-row svg{background:var(--paper-light);width:64px;height:48px}.empty{color:var(--muted);padding:50px 0}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:80px;padding:28px 0 45px;font-size:12px;display:flex}.guide-shell{min-height:100dvh;padding:0 34px 44px}.guide-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;min-height:88px;margin:auto;display:grid}.guide-title{text-align:center}.guide-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.guide-title h1{margin:3px 0 0;font:500 27px Georgia,serif}.text-button,.favorite-header,.restart{background:0 0;border:0;min-height:44px;padding:13px 6px;font-size:14px}.favorite-header{justify-self:end}.favorite-header.active{color:var(--rust)}.drawing-stage{max-width:960px;margin:28px auto 0}.step-meta{min-height:42px;color:var(--muted);grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:13px;display:grid}.step-label{text-align:center;color:var(--ink);font-family:Georgia,serif;font-size:17px}.preview-toggle{color:var(--muted);justify-self:end}.paper{aspect-ratio:4/3;background-color:var(--paper-light);touch-action:pan-y;background-image:radial-gradient(#39302609 .65px,#0000 .65px);background-size:5px 5px;border:1px solid #d8d0c4;min-height:360px;max-height:calc(100dvh - 245px);position:relative;overflow:hidden;box-shadow:0 14px 35px #362d2217}.paper>svg{width:100%;height:100%;padding:3%}.current-mark{animation:.28s ease-out both mark-in}@keyframes mark-in{0%{opacity:.15}to{opacity:1}}.tap-zone{background:0 0;border:0;width:50%;position:absolute;inset-block:0}.tap-zone.left{left:0}.tap-zone.right{right:0}.tap-zone:focus-visible{outline-offset:-5px}.preview-badge{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;font-size:10px;position:absolute;bottom:14px;left:16px}.progress-track{background:var(--sand);height:2px;margin-top:16px}.progress-track span{background:var(--rust);height:100%;transition:width .25s;display:block}.guide-controls{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:10px;display:grid}.control{background:0 0;border:0;min-height:52px;font-size:15px;font-weight:700}.control.previous{justify-self:start}.control.next{justify-self:end}.control span{margin:0 14px}.restart{color:var(--muted);text-underline-offset:4px;text-decoration:underline}.completion{text-align:center;border-top:1px solid var(--line);max-width:610px;margin:54px auto 30px;padding:45px 25px}.completion h2{margin:0 0 14px;font:500 32px/1.2 Georgia,serif}.completion>p:not(.eyebrow){color:var(--muted);line-height:1.6}.completion .primary{margin-top:12px}@media (width<=800px){.home-shell{padding:0 20px}.site-header p{display:none}.hero{grid-template-columns:1fr;gap:42px;min-height:auto;padding:54px 0}.hero-sketch{width:min(88%,390px);margin:auto}.guide-grid,.recent-row{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.home-shell{padding:0 15px}.site-header{min-height:68px}.header-end>p,.sync-signout{display:none}.sync-pill{padding:0 9px}.sync-modal{padding:35px 24px 27px}.hero{gap:32px;padding:42px 2px 48px}.hero h1{font-size:45px}.intro{margin:22px 0 26px;font-size:16px}.hero-actions{display:grid}.primary,.secondary{width:100%}.hero-sketch{width:92%}.section-heading{flex-direction:column;align-items:stretch;margin-top:54px}.filters{width:100%}.filters label{flex:1}select{width:100%;min-width:0}.guide-grid{grid-template-columns:1fr;gap:14px}.card-art{aspect-ratio:16/10}footer{flex-direction:column;gap:8px}.guide-shell{padding:0 12px 28px}.guide-header{grid-template-columns:1fr auto 1fr;min-height:70px}.guide-title span{display:none}.guide-title h1{font-size:21px}.favorite-header{font-size:0}.favorite-header:first-letter{font-size:23px}.drawing-stage{margin-top:12px}.step-meta{grid-template-columns:1fr 1fr;min-height:65px}.step-label{grid-area:2/1/auto/-1;padding-bottom:7px}.preview-toggle{grid-area:1/2}.paper{aspect-ratio:3/4;min-height:0;max-height:none}.paper>svg{padding:2%}.control{min-width:92px;min-height:58px}.control span{margin:0 5px}.completion{margin-top:38px;padding-top:35px}.completion h2{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}