:root{--bg:#f7f5ef;--surface:#fffdf8;--text:#393b31;--muted:#6b6b5f;--line:#dfded3;--accent:#a9563c;--tint:#f1e7dc;--soft:#eeeee4;--error:#ac372c;--green:#5d6b4b;--serif:'Lora',Georgia,serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--body);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237a6e51' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .2s,transform .2s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.site-header{height:104px;max-width:1320px;margin:auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:600 29px var(--serif);letter-spacing:-1.1px}.brand-hoop{border:2px solid var(--accent);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:var(--accent);font:32px Georgia;position:relative}.brand-hoop:before{content:'';position:absolute;width:12px;height:6px;top:-6px;border:2px solid var(--accent);background:var(--bg)}.brand-caption{display:block;font:8px var(--body);letter-spacing:2px;margin-top:5px}.header-right{display:flex;align-items:center;gap:22px}.local-label{color:var(--muted);font-size:12px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#849070;margin-right:7px}.icon-button{border:1px solid var(--line);background:transparent;width:36px;height:36px;border-radius:50%;font-size:22px}.avatar{width:38px;height:38px;border-radius:50%;background:#eae3d7;display:grid;place-items:center;font:18px var(--serif);position:relative}.avatar span{position:absolute;right:-4px;bottom:-4px;color:var(--accent);font-size:19px}main{max-width:1200px;margin:auto}.intro{display:grid;grid-template-columns:1.1fr 1fr;min-height:405px;align-items:center;padding:30px 8px 35px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:26px;height:1px;background:var(--green)}h1{font:400 clamp(38px,4.3vw,57px)/1.16 var(--serif);letter-spacing:-2px;margin:20px 0 16px}h1 em{color:var(--green);font-weight:400}.intro p{line-height:1.85;color:var(--muted);margin:0 0 24px}.primary{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff9ec;padding:12px 20px;font-size:12px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 3px 0 #713d2320}.primary:hover{background:#93472f}.primary span{font-size:18px}.handnote{font:16px 'Gochi Hand',cursive;color:var(--muted);margin-left:20px;display:inline-block;transform:rotate(-4deg)}.handnote span{display:inline-block;font-size:27px;transform:rotate(20deg);margin-left:3px}.hero-art{height:340px;position:relative}.hero-art:before{content:'';position:absolute;inset:48px 52px 32px 38px;background:#e9e5d7;border-radius:50%;opacity:.4}.hero-art #hero-hoop{position:absolute;inset:-4px 65px 0 55px;transform:rotate(-12deg);filter:drop-shadow(7px 13px 8px #51473520)}.hero-art svg{width:100%;height:100%}.hero-stamp{position:absolute;right:8px;top:30px;transform:rotate(13deg);font:8px var(--body);letter-spacing:2px;text-align:center;border:1px dashed #a7a890;border-radius:50%;width:100px;height:100px;padding-top:20px;color:var(--green)}.hero-stamp span{font-size:25px;line-height:1.2}.hero-note{position:absolute;right:4px;bottom:28px;font:21px/1.2 'Gochi Hand',cursive;color:var(--green);transform:rotate(-9deg)}.thread-spool{position:absolute;bottom:25px;left:55px;width:40px;height:60px;background:repeating-linear-gradient(0deg,#aa644e 0 1px,#bf7a5c 1px 3px);border-top:9px solid #dbc99e;border-bottom:9px solid #dbc99e;border-radius:5px;transform:rotate(-25deg);box-shadow:3px 4px 5px #3331}.spool-two{left:88px;bottom:9px;background:repeating-linear-gradient(0deg,#83906a 0 1px,#9fa883 1px 3px);transform:rotate(17deg)}.collection{padding:28px 0 0;border-top:1px dashed #c9c8b9}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font:400 25px var(--serif);letter-spacing:-.6px;margin:0}.section-heading h2 span{font:11px var(--body);background:#e9e9df;border-radius:50%;display:inline-grid;place-items:center;width:24px;height:24px;vertical-align:middle;margin-left:7px}.section-heading p{color:var(--muted);font-size:12px;margin:9px 0 0}.saved{font-size:10px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 24px}.toolbar nav{display:flex;gap:5px}#filters button{border:1px solid transparent;background:transparent;border-radius:5px;font-size:11px;padding:10px 12px;white-space:nowrap;color:var(--muted)}#filters button[aria-pressed=true]{background:#e8eadf;border-color:var(--line);color:#4f5d40}#filters button:hover{background:var(--soft)}.filter-count{font-size:10px;margin-left:7px;opacity:.7}.tools{display:flex;gap:12px;align-items:center}.tool-label{font-size:11px;color:var(--muted)}.search-wrap{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:0 10px;background:var(--surface)}.search-wrap span{font-size:23px;color:var(--muted)}.search-wrap input{width:142px;border:0;background:transparent;padding:10px 0;outline-offset:0;font-size:11px;color:var(--text)}.tools select{border:1px solid var(--line);border-radius:5px;padding:9px;background:var(--surface);color:var(--muted);font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;transition:transform .25s,box-shadow .25s;animation:arrive .45s both}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4a3d2010}.art-area{height:216px;background:#eae9df;position:relative;display:flex;justify-content:center;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff17 3px 4px)}.art-area[data-art=1]{background-color:#ece4d8}.art-area[data-art=2]{background-color:#e5e9df}.art-area[data-art=3]{background-color:#eee6dc}.art-area[data-art=4]{background-color:#e4e6e3}.art-area[data-art=5]{background-color:#e8e1d9}.art-area>svg{height:244px;width:244px;margin-top:-12px;filter:drop-shadow(2px 5px 4px #50452619);transition:transform .6s}.project-card:hover .art-area>svg{transform:rotate(3deg)}.badge{position:absolute;top:15px;left:15px;font-size:9px;border-radius:4px;padding:6px 8px;display:flex;align-items:center;gap:6px;border:1px solid #ffffff70;background:#fbf5e4;color:#8a6c32}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.finished{background:#e8eddf;color:#546642}.badge.queued{background:#f9f7ee;color:#6b695c}.card-content{padding:20px 22px 0}.card-title-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.card-title-row h3{font:500 19px var(--serif);margin:0;letter-spacing:-.35px;overflow-wrap:anywhere}.card-edit{border:0;background:transparent;font-size:16px;color:var(--muted);padding:4px 0 4px 10px}.card-description{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 15px;min-height:37px;overflow-wrap:anywhere}.card-meta{display:flex;gap:16px;font-size:10px;color:var(--muted);align-items:center}.meta-hoop{font-size:15px;margin-right:5px}.threads{display:flex;align-items:center;gap:5px;margin:16px 0 18px;min-height:19px}.swatch{height:15px;width:15px;border:1px solid #3d3a2420;border-radius:50%;display:inline-block}.thread-label{margin-left:5px;color:var(--muted);font-size:9px}.card-bottom{border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:center;margin:0 -22px;padding:12px 22px;color:var(--muted);font-size:9px}.card-bottom button{padding:4px;background:transparent;border:0;color:var(--muted);font-size:11px}.card-bottom button.confirm{color:var(--error);font-weight:700}.card-bottom .note-snippet{max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-card{border:1px dashed #c9c8b9;border-radius:8px;min-height:395px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f2e950;color:var(--muted);padding:30px}.add-card:hover{background:var(--tint)}.add-circle{font-size:27px;border:1px dashed #bdbdad;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;margin-bottom:18px;color:var(--green)}.add-card strong{font:400 20px var(--serif);color:var(--text)}.add-card p{font-size:12px;line-height:1.8;margin:10px 0 20px;text-align:center}.add-card .little-link{font-size:11px;color:var(--green);border-bottom:1px solid #5d6b4b50;padding-bottom:4px}.basket-bottom{text-align:center;margin:37px 0 32px;color:var(--muted);font:17px 'Gochi Hand',cursive}.basket-bottom span{font:13px Georgia;margin:0 13px;color:#b0af95}footer{max-width:1200px;margin:0 auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 30px;color:var(--muted);font-size:10px}.footer-brand{font:16px var(--serif);color:var(--text)}.footer-brand span{color:var(--accent);margin-left:8px}.heart{color:var(--accent);font-size:16px;margin-left:4px}dialog{width:min(620px,calc(100% - 28px));max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--bg);color:var(--text);box-shadow:0 25px 90px #24291b35}dialog::backdrop{background:#32372c66;backdrop-filter:blur(3px)}.form-heading{display:flex;justify-content:space-between;gap:20px}.form-heading h2{font:27px var(--serif);margin:10px 0 24px}.form-heading .eyebrow{font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:12px;font-weight:500}.form-grid small{font-weight:400;color:var(--muted);font-size:10px}.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:11px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);margin-top:7px;font-size:14px}.form-grid textarea{resize:vertical}#counter{float:right;color:var(--muted);font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.secondary{border:1px solid var(--line);border-radius:5px;background:transparent;padding:11px 14px;font-size:11px}.live-preview{display:grid;gap:7px;margin-top:20px;padding:15px 20px;border:1px dashed #bdbda8;border-radius:3px;background:var(--soft);overflow-wrap:anywhere}.live-preview>span{font-size:8px;letter-spacing:2px;color:var(--muted)}.live-preview strong{font:18px var(--serif)}.live-preview small{font-size:10px;color:var(--green)}.error{color:var(--error);font-size:12px;padding:10px;background:#b9372710;border-radius:4px;line-height:1.5}.error:empty{display:none}.form-grid .error{font-size:11px;margin:4px 0 0}.empty-state{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed var(--line);border-radius:8px}.empty-state h3{font:24px var(--serif)}.empty-state p{color:var(--muted)}.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{clip-path:none;width:auto;height:auto;background:var(--surface);padding:12px;z-index:10}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:12px 22px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}.skeleton{height:390px;background:var(--soft);border-radius:8px;animation:breathe 1s alternate infinite}@keyframes breathe{to{opacity:.5}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark]{--bg:#282b25;--surface:#32362e;--text:#f2eddd;--muted:#b9b9a5;--line:#4d5145;--accent:#ad5c41;--tint:#454037;--soft:#3c4135;--error:#ffb4a7;--green:#bac69f}:root[data-theme=dark] .art-area{filter:brightness(.8)}:root[data-theme=dark] .section-heading h2 span,:root[data-theme=dark] #filters button[aria-pressed=true]{background:#48513a;color:#e8eddc}:root[data-theme=dark] .add-card{background:#303329}:root[data-theme=dark] .avatar{background:#535042}@media(max-width:1280px){main,footer{margin-left:6%;margin-right:6%}.site-header{padding:0 6%}}@media(max-width:1000px){.handnote{display:none}.toolbar{align-items:flex-start;flex-direction:column;gap:15px}.tools{width:100%}.search-wrap{flex:1}.search-wrap input{width:100%}.hero-note{right:-20px}.hero-art #hero-hoop{inset:0 15px 0 0}.hero-stamp{right:-12px;width:80px;height:80px;font-size:6px;padding-top:15px}.hero-stamp span{font-size:20px}.project-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.art-area{height:235px}.art-area>svg{width:260px;height:260px}.section-heading{gap:10px}.card-description{min-height:0}.add-card{min-height:400px}footer>span:nth-child(2){display:none}}@media(max-width:600px){.site-header{height:84px}.brand{font-size:25px}.brand-caption{font-size:6px;letter-spacing:1.8px}.brand-hoop{width:36px;height:36px;font-size:27px}.local-label{display:none}.icon-button{width:44px;height:44px}.header-right{gap:12px}.avatar{width:32px;height:32px}.intro{display:block;padding:30px 0 20px;min-height:0}.intro h1{font-size:43px}.intro p{font-size:12px}.intro .eyebrow{font-size:9px}.hero-art{height:235px;max-width:330px;margin:0 auto}.hero-art #hero-hoop{inset:-8px 35px -4px 25px}.hero-stamp{right:0;top:20px}.hero-note{right:-4px;bottom:12px;font-size:17px}.thread-spool{left:45px;bottom:8px;width:28px;height:44px}.spool-two{left:72px;bottom:0}.hero-art:before{inset:30px}.intro-copy{position:relative}.primary{min-height:44px}.collection{padding-top:23px}.section-heading h2{font-size:23px}.section-heading .saved{display:none}.toolbar{margin-top:20px}#filters{display:flex;width:100%;justify-content:space-between;gap:0}#filters button{font-size:10px;padding:12px 7px;min-height:44px}.filter-count{margin-left:4px;font-size:9px}.project-grid{grid-template-columns:1fr}.art-area>svg{height:272px;width:272px;margin-top:-17px}.card-content{padding-top:19px}.card-title-row h3{font-size:21px}.card-description{font-size:12px}.card-meta{font-size:11px}.card-bottom{padding-top:8px;padding-bottom:8px}.card-edit,.card-bottom button{min-width:44px;min-height:44px}.thread-label{font-size:10px}.threads{margin-bottom:13px}.add-card{min-height:240px}.basket-bottom{font-size:14px;line-height:1.6}.basket-bottom span{margin:0 5px}footer{font-size:8px;gap:10px}.footer-brand{font-size:14px}.search-wrap input,.tools select,.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.form-grid{gap:14px}.form-grid label{min-width:0}dialog{padding:20px}.form-heading h2{font-size:23px}.form-actions{justify-content:space-between}.form-actions button{padding:11px 12px}.form-grid small{display:block}.full small{display:inline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}