:root{--canvas:#FAF7F2;--surface:#FFFFFF;--ink:#302A27;--muted:#71675F;--primary:#75435B;--tint:#F2E7EC;--border:#E5DED5;--control:#8D837B;--accent:#F1DCA6;--primary-pressed:#5D3347;--success:#44664E;--success-bg:#EAF0E7;--warning:#825A12;--warning-bg:#FFF2D6;--error:#A23832;--error-bg:#FBEAE7;--font-ui:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-ui);--text-title-size:30px;--text-title-line:36px;--text-title-weight:700;--text-title-tracking:-0.035em;--text-heading-size:20px;--text-heading-line:26px;--text-heading-weight:700;--text-body-size:16px;--text-body-line:24px;--text-body-weight:400;--text-label-size:14px;--text-label-line:20px;--text-label-weight:500;--text-button-size:16px;--text-button-line:24px;--text-button-weight:600;--text-instruction-size:18px;--text-instruction-line:28px;--text-counter-size:76px;--text-counter-line:84px;--text-counter-weight:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-input:12px;--radius-button:16px;--radius-card:20px;--radius-sheet:28px;--touch-min:48px;--button-min-height:52px;--counter-min-height:64px;color-scheme:light;--bg:var(--canvas);--card:var(--surface);--green:var(--primary);--text:var(--ink)}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PlusJakartaSans-400.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/PlusJakartaSans-500.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PlusJakartaSans-600.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/PlusJakartaSans-700.ttf) format("truetype")}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:3px}#app{background:var(--bg);max-width:430px;height:100dvh;min-height:600px;margin:auto;position:relative;overflow:hidden}.screen{height:100%;overflow:auto;padding:64px 16px 108px;scrollbar-width:none;scroll-padding-bottom:108px}.screen::-webkit-scrollbar{display:none}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:8px}.round{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);color:var(--green);font-size:25px}.back{font-size:27px;color:var(--ink)}.streak{margin-left:auto;border-radius:24px;padding:10px 14px;background:var(--tint);font-weight:600}.green,.streak span{color:var(--green)}h1{font-size:34px;line-height:1.1;margin:0 0 18px;letter-spacing:-.6px}h2{font-size:21px;line-height:1.25;margin:22px 0 12px}h3{font-size:17px;margin:0 0 9px}p{line-height:1.45}.muted,small{color:var(--muted);font-size:13px}.search{width:100%;background:var(--surface);border:0;border-radius:11px;padding:9px 12px;color:white;margin-bottom:18px}.card{border-radius:16px;padding:16px;margin:10px 0}.card,.row{background:var(--card)}.row{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:16px 12px;border-radius:13px;min-height:62px}.row+.row{margin-top:7px}.row .icon{color:var(--green);font-size:22px;width:24px;text-align:center}.icon svg{display:block;width:22px;height:22px;margin:auto}.row .copy{flex:1 1}.row small{display:block;margin-top:4px;font-size:12px}.chev{color:var(--control)}.selected{background:var(--green)!important;color:white}.selected .icon,.selected small{color:white!important}.check{margin-left:auto}.primary{background:var(--green);border-radius:30px;width:100%;min-height:52px;padding:14px;font-size:16px;font-weight:600}.primary:disabled{cursor:default}.secondary{background:var(--surface);border-radius:25px;width:100%;padding:14px}.link{color:var(--green);padding:12px}.bottom{position:absolute;bottom:28px;left:16px;right:16px;background:var(--bg);text-align:center;padding-top:8px}.onboarding{padding-bottom:130px}.progress{height:3px;background:var(--border);margin:20px 0 32px}.progress span{display:block;height:100%;background:var(--green)}.onboarding h2{font-size:21px;margin-top:0}.onboarding .row{margin-top:8px;min-height:66px}.onboarding .subtitle{margin-bottom:22px}.hero{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:68%}.hero img{width:220px;height:230px;object-fit:contain;margin:10px auto 24px}.logo{width:138px!important;height:138px!important;border-radius:34px;margin:20px auto!important}.rating{font-size:23px;font-weight:700;text-align:center;margin:8px 0 14px}.rating small{display:block;font-weight:400;font-size:15px;margin:5px;color:white}.stars{display:inline-flex;align-items:center;gap:5px;color:var(--warning)}.rating>.icon{display:inline-flex;vertical-align:middle}.rating .icon svg{width:23px;height:23px}.features{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;text-align:center}.feature{background:var(--card);flex:0 0 90px;min-width:90px;padding:18px 10px;border-radius:15px;font-size:12px}.feature .icon{font-size:25px;display:block;margin-bottom:10px;color:var(--green)}nav{position:absolute;bottom:18px;left:16px;right:16px;height:70px;border-radius:40px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);display:flex;z-index:5;padding:5px}nav button{flex:1 1;border-radius:34px;font-size:10px;padding:4px 0;display:flex;flex-direction:column;gap:3px;align-items:center}nav button .icon{font-size:25px}nav button .icon svg{width:24px;height:24px}nav button.active{color:var(--green)}.fab{position:absolute;bottom:106px;right:18px;width:54px;height:54px;border-radius:50%;background:var(--green);font-size:33px;box-shadow:0 4px 12px #0002}.folders{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.folder{width:112px;min-height:100px;background:var(--card);border-radius:12px;position:relative;text-align:left;padding:20px 13px 12px;font-size:13px}.folder:before{content:"";position:absolute;top:-8px;left:0;width:42px;height:18px;background:var(--card);border-radius:10px 10px 0 0}.folder .icon{display:block;color:var(--green);margin:0 0 12px;font-size:20px}.folder small{display:block;margin-top:3px;font-size:10px}.sectiontitle{display:flex;align-items:center;justify-content:space-between}.sectiontitle h2{margin-top:14px}.chips{display:flex;gap:8px;overflow:auto;margin:0 -2px 20px;scrollbar-width:none}.chip{white-space:nowrap;padding:8px 14px;border-radius:18px;background:var(--tint);color:var(--green);font-size:12px}.chip.active{background:var(--green);color:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool{background:var(--card);border-radius:14px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 10px}.tool .icon{color:var(--green);border-radius:50%;background:var(--tint);width:50px;height:50px;display:grid;place-items:center;font-size:25px;margin-bottom:12px}.tool strong{font-size:16px}.tool small{font-size:11px;margin-top:5px;line-height:1.3;max-width:140px}.masonry{column-count:2;column-gap:10px}.pattern{margin:0 0 10px;page-break-inside:avoid;break-inside:avoid;padding:0;border-radius:16px;overflow:hidden;position:relative;background:var(--card)}.pattern,.pattern img{display:block;width:100%}.pattern span{display:block;padding:12px;font-size:13px;text-align:left}.cover{width:calc(100% + 32px);margin:0 -16px;max-height:280px;object-fit:cover}.center{text-align:center}.metadata{display:flex;justify-content:space-between;font-size:13px;padding:16px 0;gap:15px}.metadata span:last-child{color:var(--muted);text-align:right}.thumb{width:66px;height:66px;object-fit:cover;border-radius:22px}.empty{text-align:center;padding:65px 20px;border-radius:20px;background:var(--card);margin-top:36px}.empty .icon{font-size:65px;color:var(--green)}.empty strong{display:block;margin:15px 0 4px}.tabs{display:flex;margin-bottom:20px}.tabs button{flex:1 1;padding:12px 4px;color:var(--muted);font-size:13px}.tabs .active{color:white;border-bottom:2px solid var(--green)}.trial-hero{width:100%;height:180px;object-fit:contain}.trial .row{border:1px solid var(--control)}.trial .row.selected{background:var(--tint)!important;border-color:var(--green)}.switch{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:12px;border-radius:12px;background:var(--card);font-size:13px}input[type=checkbox]{accent-color:var(--green);width:35px;height:20px}label.field{display:block;margin:16px 0;font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{display:block;width:100%;background:var(--canvas);color:white;border:1px solid var(--control);border-radius:10px;padding:12px;margin-top:7px}.counter{font-size:120px;display:grid;place-items:center;min-height:420px;width:100%;font-weight:700}.counter-controls{display:flex;gap:12px;justify-content:center}.counter-controls button{min-width:65px}.rewardstrip{display:flex;gap:18px;overflow:auto;margin:20px 0}.reward{flex:0 0 95px;text-align:center}.reward .icon{display:grid;place-items:center;border-radius:25px;background:var(--card);font-size:33px;height:86px;color:var(--muted)}.reward small{display:block;font-size:11px;min-height:43px;padding-top:10px}.settings .card{padding:3px 8px}.settings .row{border-radius:0;background:none;border-bottom:1px solid var(--border)}.settings .row:last-child{border:0}.settings h3{color:var(--muted);font-size:13px;margin:24px 8px 10px;font-weight:400}.settings-profile{margin-top:24px}.community-post{display:block;padding:0;overflow:hidden;margin-bottom:10px}.community-post .community-head,.community-post h3,.community-post p{margin-left:16px;margin-right:16px}.community-head{display:flex;justify-content:space-between;padding-top:15px;gap:8px}.community-post p{color:var(--muted);text-align:left}.community-post img{display:block;width:100%;max-height:270px;object-fit:cover}.community-post h3{padding:14px 0 16px;text-align:left}.community-detail{padding:0 0 18px;overflow:hidden}.community-detail h2,.community-detail p:not(.green){margin-left:16px;margin-right:16px}.post-actions{display:flex;gap:10px;padding:0 16px}.widget-preview{border-radius:16px;padding:16px;margin:16px 0}.notice{padding:12px;border:1px solid var(--border);border-radius:12px;font-size:13px;line-height:1.4;margin:14px 0}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:360px;min-width:230px;color:var(--canvas);padding:14px 20px;border-radius:16px;z-index:20;display:none;font-size:14px;box-shadow:0 5px 30px #0007}.modalshade{position:absolute;inset:0;background:#0007;z-index:10;display:flex;align-items:flex-end}.sheet{border-radius:28px 28px 0 0;padding:24px 18px 35px;width:100%;max-height:90%;overflow:auto}.sheet .top{margin-bottom:16px}.sheet h2{margin:0}.swatches{display:flex;gap:8px;margin:20px 0}.swatches button{height:70px;flex:1 1;border-radius:12px}.squares{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0}.squares button{height:45px;border-radius:5px}.skeleton{height:180px;background:var(--border);border-radius:16px}.welcome h2{font-size:24px}.welcome{padding-top:76px;padding-bottom:150px}@media (min-width:600px){#app{height:900px;max-height:calc(100dvh - 36px);margin:18px auto;border-radius:32px;box-shadow:0 20px 90px #0007;border:1px solid var(--border)}.screen{padding-top:30px}.welcome{padding-top:45px}}@media (max-height:750px){.screen{padding-top:22px}.onboarding .row{min-height:54px}.hero img{height:170px}.tool{min-height:138px}.rating{font-size:20px}.welcome .logo{width:100px!important;height:100px!important}.welcome{padding-top:22px}}.trial .top{position:absolute;top:46px;right:16px;height:32px;margin:0}.trial .round{width:30px;height:30px;font-size:24px;background:transparent;border:0}.trial-hero{margin:0 0 8px;height:120px}.screen.trial{padding-bottom:255px;scroll-padding-bottom:255px}.trial h1{font-size:29px;line-height:1.08;margin-bottom:12px;font-weight:600}.trial .row{min-height:65px;padding:10px 12px;border-radius:11px}.switch input{appearance:none;width:44px;height:26px;background:var(--control);border-radius:20px;position:relative;cursor:pointer}.switch input:checked{background:var(--primary)}.switch input:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 4px #0003;transition:transform .15s}.switch input:checked:before{transform:translateX(18px)}.loading-dots{display:flex;gap:8px;justify-content:center;margin:70px 0}.loading-dots i{width:24px;height:24px;background:var(--green);border-radius:50%;animation:bounce .8s ease-in-out infinite alternate}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-15px)}}.masonry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;columns:auto}.masonry .pattern{width:100%}.price-yarn{padding-top:14px}.price-yarn+.price-yarn{border-top:1px solid var(--border);margin-top:14px}.price-actions{margin-top:14px}.price-actions button{display:flex;align-items:center;justify-content:center;gap:7px}.price-actions .icon svg{width:20px;height:20px}.price-extra summary{cursor:pointer;font-size:18px;font-weight:600;padding:4px 0}.price-extra[open] summary{margin-bottom:14px}.price-presets{display:flex;gap:8px;margin:16px 0}.price-presets button{flex:1 1;font-size:16px;padding:10px 6px}#price input[type=range]{width:100%;accent-color:var(--green);margin:6px 0 16px}#margin-label{float:right}#price-result{scroll-margin-bottom:100px}.price-toolbar{display:flex;gap:3px;margin-left:auto}.price-toolbar .round{width:36px;height:36px}.pattern-cover{width:100%;margin:0;border-radius:16px;max-height:290px}.pattern-metadata{padding:0 16px}.pattern-meta-row{width:100%;display:flex;align-items:center;gap:12px;padding:17px 0;font-size:14px;text-align:left}.pattern-meta-row+.pattern-meta-row{border-top:1px solid var(--tint)}.pattern-meta-row>.icon:first-child{color:var(--green);background:var(--bg);padding:9px;border-radius:50%}.pattern-meta-row>span:not(.icon){color:var(--muted);margin-left:auto;text-align:right;overflow-wrap:anywhere}.pattern-meta-row>.icon:last-child:not(:first-child){color:var(--green)}.pattern-tags{border-top:1px solid var(--tint);padding-bottom:4px}.pattern-tags .chips{margin-left:48px}.pattern-tags .chip{flex:none}.pattern-save{padding:12px 0;background:var(--bg)}#project-notes{width:100%;min-height:160px;padding:12px;color:var(--text);background:var(--bg);border:1px solid var(--control);border-radius:12px;resize:vertical;margin-bottom:10px}.center>.link{display:inline-flex;align-items:center;gap:8px}.screen{padding-left:20px;padding-right:20px}.trial h1,h1{font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking)}.onboarding h2,.welcome h2,h2{font-size:var(--text-heading-size);line-height:var(--text-heading-line);font-weight:var(--text-heading-weight);letter-spacing:-.025em}.pattern span,h3{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.02em}p{font-size:var(--text-body-size);line-height:var(--text-body-line)}.folder small,.metadata,.muted,.reward small,.row small,.settings h3,.switch,.tool small,label.field,small{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight)}.card,.empty,.feature,.pattern,.row,.tool,.widget-preview{border-radius:var(--radius-card);border:1px solid var(--border)}.card,.row{padding:var(--space-4)}.row{gap:var(--space-3)}.selected,.trial .row.selected{background:var(--tint)!important;color:var(--primary);border-color:var(--primary)}.selected .icon,.selected small{color:var(--primary)!important}.primary,.secondary{border-radius:var(--radius-button);min-height:var(--button-min-height);font-size:var(--text-button-size);line-height:var(--text-button-line);font-weight:var(--text-button-weight)}.fab,.primary{color:var(--surface)}.fab:active,.primary:active{background:var(--primary-pressed)}.secondary{background:var(--tint);color:var(--primary)}.primary:disabled{background:var(--border);color:var(--muted)}.round{flex-shrink:0;background:var(--surface);color:var(--primary);border-color:var(--border)}.round,.trial .round{width:var(--touch-min);height:var(--touch-min)}.field input,.field select,.field textarea,.search{color:var(--ink);background:var(--surface);border:1px solid var(--control);border-radius:var(--radius-input);min-height:var(--touch-min)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.field textarea{font-size:var(--text-instruction-size);line-height:var(--text-instruction-line)}.rating small,.tabs .active{color:var(--ink)}nav{border-radius:var(--radius-card);background:var(--surface);box-shadow:0 4px 20px #302a270a}nav button{color:var(--muted);border-radius:var(--radius-button);min-height:var(--touch-min)}nav button.active{color:var(--primary);background:var(--tint);font-weight:700}.chip{background:var(--surface);color:var(--muted);min-height:var(--touch-min);border:1px solid var(--border)}.chip.active{color:var(--primary);background:var(--tint);border-color:var(--primary)}.link,.tabs button{min-height:var(--touch-min)}.sheet{background:var(--surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.counter{font-size:var(--text-counter-size);line-height:var(--text-counter-line);font-weight:var(--text-counter-weight);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.035em}.counter-controls button{min-height:var(--counter-min-height)}.notice{background:var(--warning-bg);color:var(--warning)}#toast{background:var(--ink);color:var(--surface)}.widget-preview{background:var(--tint)}.cover{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.features,.folders,.grid{gap:var(--space-3)}.bottom{left:20px;right:20px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (min-width:600px){#app{border-color:var(--border);box-shadow:0 16px 60px #302a2714}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.streak{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min)}.notice{background:var(--tint);color:var(--primary);font-size:var(--text-instruction-size);line-height:var(--text-instruction-line)}.sectiontitle>button{min-width:var(--touch-min);min-height:var(--touch-min)}.activation-card{margin:0 0 24px;padding:20px;background:var(--surface)}.activation-card h2,.project-start h2{margin:0 0 8px}.activation-card>p{margin:0 0 16px}.activation-card .link{display:block;width:100%}.activation-project{display:flex;gap:12px;align-items:center;margin-bottom:16px}.activation-project img{width:72px;height:80px;object-fit:cover;border-radius:12px}.activation-project h2{font-size:18px;line-height:24px}.activation-project p{margin:0}.eyebrow{font-size:14px;font-weight:500;color:var(--muted)}.starter-pattern{margin:12px 0}.starter-pattern .thumb{flex-shrink:0}.discover-count{margin:-8px 0 16px}.pattern small{display:block;margin-top:6px;font-size:12px;line-height:18px}.project-start{margin-top:16px}.project-start p{margin-bottom:16px}.screen:has(.project-start) .pattern-cover{max-height:160px}button.pattern-meta-row{border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:38px minmax(0,1fr) 20px;column-gap:12px;row-gap:4px}button.pattern-meta-row>.icon:first-child{grid-column:1;grid-row:1/3}button.pattern-meta-row>strong{grid-column:2;grid-row:1}button.pattern-meta-row>span:not(.icon){grid-column:2;grid-row:2;margin-left:0;text-align:left}button.pattern-meta-row>.icon:last-child{grid-column:3;grid-row:1/3}textarea[name=feedback]{width:100%;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);font:inherit;resize:vertical}