:root{color:#59443d;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#59443d;--rose:#b5687c;--rose-dark:#98576a;--paper:#fffaf0;--border:#e8d8c8;background:#f4eadf;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #ba7e47}button{border:0}button svg,button>*{pointer-events:none}[hidden]{display:none!important}.icon{vertical-align:middle;flex:none;width:22px;height:22px}#app{background:radial-gradient(at 20% 20%,#f7dedb88,#0000 42%),radial-gradient(at 85% 80%,#e5d5b777,#0000 45%),#f4eadf;place-items:center;min-height:100svh;padding:22px 12px;display:grid}.knit-shell{background:var(--paper);border:1px solid #e9d8c9;border-radius:32px;width:min(100%,440px);padding:20px 22px 13px;position:relative;overflow:hidden;box-shadow:0 18px 80px #78574714,0 3px 8px #7c60410a}.knit-shell:before{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2377593e' opacity='.05' filter='url(%23n)' d='M0 0h90v90H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.knit-shell>*{position:relative}.topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.brand{letter-spacing:-2px;color:#695247;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:37px;font-style:italic;font-weight:700;line-height:1;text-decoration:none;display:block}.brand-dot{color:#c68196}.brand-tag{letter-spacing:1.4px;color:#998171;margin-top:6px;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:8px;font-style:normal;font-weight:500;display:block}.top-actions{align-items:center;gap:8px;display:flex}.coin-pill{font-variant-numeric:tabular-nums;background:#f7edda;border:1px solid #eddfc5;border-radius:22px;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:14px;display:flex}.coin-pill .icon{color:#bd9558;width:18px;height:18px}.coin-pill strong{font-weight:700}.icon-button{background:#f4eade;border:1px solid #e9dbce;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s,transform .15s;display:grid}.icon-button:hover{background:#ebdccd}.icon-button:active{transform:scale(.95)}.stage-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.eyebrow{letter-spacing:2px;color:#ac8875;font-size:9px;font-weight:700}.stage-heading h1{letter-spacing:-.9px;margin:7px 0;font-size:22px;font-weight:750;line-height:1.2}.stage-heading p{color:#a08677;letter-spacing:-.2px;margin:0;font-size:11px;line-height:1.55}.gallery-button{color:#94796c;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:48px;min-height:48px;font-size:9px;display:flex}.gallery-button .icon{width:23px;height:23px}.progress-row{align-items:center;gap:12px;margin:15px 0 7px;display:flex}.progress-track{background:#efe1d5;border-radius:20px;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #93715109}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#dca3ae,#b87589);width:0;height:100%;transition:width .25s;display:block}.progress-label{color:#a46e7b;text-align:right;font-variant-numeric:tabular-nums;width:38px;font-family:Georgia,serif;font-size:16px;font-weight:700}.progress-label>span{margin-left:2px;font-family:system-ui,sans-serif;font-size:10px}.atelier{isolation:isolate;background:radial-gradient(at 50% 42%,#f5ecda88,#0000 65%);border-radius:22px;margin:0 -15px 5px;position:relative}.scene-host{aspect-ratio:440/450;width:100%;position:relative;overflow:hidden}.scene-host canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.atelier-caption{text-align:center;color:#b09883;letter-spacing:.8px;pointer-events:none;font-size:9px;position:absolute;top:6px;left:0;right:0}.atelier-corner{color:#baa593;letter-spacing:1.5px;pointer-events:none;font-size:6px;line-height:1.7;position:absolute;bottom:22px;right:8px;transform:rotate(-8deg)}.pause-badge{white-space:nowrap;pointer-events:none;background:#fffaf0ed;border:1px solid #e4cbbd;border-radius:30px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 20px #7049301a}.pause-badge .icon{width:14px;height:14px}.section-heading{justify-content:space-between;align-items:center;gap:6px;padding:0 2px;display:flex}.section-heading h2{letter-spacing:-.3px;margin:0;font-size:12px;font-weight:750}.section-heading p{color:#a68c7e;text-align:right;margin:0;font-size:9px;line-height:1.5}.yarn-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.yarn-shelf[data-colors="1"]{grid-template-columns:minmax(0,110px);justify-content:center}.yarn-shelf[data-colors="2"]{grid-template-columns:repeat(2,minmax(0,110px));justify-content:center}.yarn-shelf[data-colors="3"]{grid-template-columns:repeat(3,minmax(0,110px));justify-content:center}.yarn-button{background:linear-gradient(#fffdf6,#f6ecdd);border:1px solid #e9d8c6;border-radius:14px;flex-direction:column;align-items:center;min-width:0;min-height:124px;padding:5px 3px 9px;transition:transform .15s,border-color .2s,background .2s;display:flex;position:relative;box-shadow:0 3px #eaddcf6b}.yarn-button:hover:not(:disabled){transform:translateY(-2px)}.yarn-button:active:not(:disabled){transform:translateY(1px)}.yarn-button.is-active{background:linear-gradient(#fff6f6,#f6e4e5);border:1.5px solid #c18699;box-shadow:0 3px #e6c8cc}.yarn-check{color:#fff;opacity:0;background:#b77186;border-radius:50%;place-items:center;width:18px;height:18px;transition:all .18s;display:grid;position:absolute;top:5px;right:5px;transform:scale(.7)}.yarn-check .icon{stroke-width:2.4px;width:12px;height:12px}.is-active .yarn-check{opacity:1;transform:scale(1)}.yarn-art{flex:none;width:67px;max-width:100%;height:55px}.yarn-name{white-space:nowrap;margin-top:3px;font-size:10px;font-weight:600}.yarn-count{color:#70564b;font-variant-numeric:tabular-nums;margin-top:4px;font-family:Georgia,serif;font-size:21px;font-weight:700;line-height:1.2}.yarn-count small{color:#a38b7c;margin-left:3px;font-family:system-ui,sans-serif;font-size:8px;font-weight:400}.yarn-status{color:#a68d7d;letter-spacing:-.2px;white-space:nowrap;margin-top:4px;font-size:7px}.is-active .yarn-status{color:#ab6d80}.yarn-button.is-empty{opacity:.52;filter:saturate(.5)}.selection-hint{letter-spacing:.2px;color:#b39b8a;text-align:center;margin:10px 0 13px;font-size:9px}.workbench{border-top:1px dashed #dfcdba;padding-top:13px}.upgrade-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.upgrade-button{text-align:left;background:#eee1ce;border:1px solid #e5d1b9;border-radius:13px;align-items:center;gap:7px;min-height:57px;padding:9px;transition:background .15s;display:flex}.upgrade-button>.icon{color:#95765c;width:24px;height:24px}.upgrade-button>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.upgrade-button strong{white-space:nowrap;font-size:10px}.upgrade-button small{color:#a38773;white-space:nowrap;font-size:8px}.upgrade-button:disabled{opacity:.62;background:#f3e9db}.upgrade-button:hover:not(:disabled){background:#e9d4b8}.upgrade-price{flex-shrink:0;align-items:center;gap:3px;margin-left:auto;display:flex}.upgrade-price .icon{color:#bc9255;width:12px;height:12px}.upgrade-price strong{font-family:Georgia,serif;font-size:13px}.upgrade-price>small{font-size:7px}.playback-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.workbench-note{color:#ac9280;letter-spacing:.3px;align-items:center;gap:5px;font-size:8px;display:flex}.workbench-note .icon{color:#bf8896;width:11px;height:11px}.playback-controls{gap:5px;display:flex}.rate-button{color:#957562;background:0 0;border:1px solid #0000;border-radius:50%;min-width:44px;height:44px;font-family:Georgia,serif;font-size:18px}.rate-button span{font-size:14px}.rate-button[aria-pressed=true]{color:#a46176;background:#efdce1;border-color:#e6c9d1}.pause-button{background:0 0;border-color:#0000;width:44px;height:44px}.pause-button .icon{width:16px;height:16px}.save-note{color:#ad8070;text-align:center;margin:5px 0 0;font-size:9px}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#6148384f;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.dialog{overscroll-behavior:contain;text-align:center;scrollbar-width:thin;scrollbar-color:#dac4b2 transparent;background:#fff9ee;border:1px solid #eedbca;border-radius:27px;width:min(100%,378px);max-height:calc(100dvh - 40px);padding:24px;animation:.25s dialog-in;overflow-y:auto;box-shadow:0 30px 100px #47332638}.dialog-top{text-align:left;justify-content:space-between;align-items:center;gap:5px;margin-top:-5px;display:flex}.dialog-top .icon-button{background:0 0;border:0;width:44px;height:44px;margin-right:-10px}.dialog h2{letter-spacing:-1px;margin:12px 0;font-size:23px;font-weight:750;line-height:1.4}.dialog-kicker{color:#b49481;letter-spacing:1.5px;margin:0;font-size:8px;line-height:1.7}.dialog-copy{color:#a08777;word-break:keep-all;margin:8px 0 23px;font-size:12px;line-height:1.9}.primary-button{color:#fff9f6;letter-spacing:-.2px;background:#b97086;border:1px solid #ae667d;border-radius:14px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:54px;font-size:13px;font-weight:650;transition:background .2s,transform .1s;display:flex;box-shadow:0 4px #96566a}.primary-button:hover{background:#aa6078}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #96566a}.primary-button .icon{width:18px;height:18px}.secondary-button{background:#f0e2d2;border:1px solid #e5d0bd;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:23px;font-size:12px;display:flex}.secondary-button .icon{width:19px;height:19px}.dialog-footnote{color:#b89d8a;word-break:keep-all;margin:19px 0 0;font-size:9px;line-height:1.7}.welcome-dialog{background:radial-gradient(at 50% 40%,#fff9ed,#fff5e8);padding:30px 28px 25px;position:relative}.welcome-wordmark{letter-spacing:-6px;color:#76594c;margin:0 0 11px;font-family:Georgia,serif;font-size:72px;font-style:italic;font-weight:700;line-height:1}.welcome-wordmark span{color:#c18699}.welcome-dialog .dialog-kicker{letter-spacing:1.6px;font-size:9px}.welcome-art{width:100%;max-height:185px;margin:13px 0 0}.welcome-dialog h2{margin:6px 0 10px;font-size:24px}.welcome-dialog .dialog-copy{margin-bottom:18px}.welcome-steps{color:#a28a77;justify-content:center;align-items:center;gap:11px;margin-bottom:23px;font-size:9px;display:flex}.welcome-steps span{align-items:center;gap:5px;display:flex}.welcome-steps .icon{color:#b8838a;width:15px;height:15px}.welcome-steps i{border-top:1px dashed #cab09a;width:13px}.setting-row{text-align:left;border-top:1px solid #ecdfcf;justify-content:space-between;align-items:center;gap:10px;padding:19px 0;display:flex}.setting-row>span{align-items:center;gap:12px;display:flex}.setting-row .icon{color:#aa8b76;width:23px;height:23px}.setting-row strong{font-size:12px;font-weight:650;display:block}.setting-row small{color:#b59a86;margin-top:6px;font-size:9px;display:block}.switch{background:0 0;flex:none;width:52px;height:44px;padding:0 4px;position:relative}.switch:before{content:"";background:#ded2c4;border-radius:30px;height:24px;transition:background .2s;position:absolute;top:10px;left:4px;right:4px}.switch span{background:#fffaf1;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:13px;left:7px;box-shadow:0 1px 3px #72553b25}.switch.is-on:before{background:#ba7d91}.switch.is-on span{transform:translate(20px)}.gallery-dialog{width:min(100%,420px);padding:20px}.gallery-dialog h2{text-align:left;margin:7px 0;font-size:22px}.gallery-dialog>.dialog-copy{text-align:left;margin:8px 0 19px;font-size:11px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gallery-card{text-align:left;background:#f6ecdd;border:1px solid #e8d5c0;border-radius:15px;flex-direction:column;align-items:stretch;min-width:0;min-height:186px;padding:10px;display:flex;position:relative}.gallery-card.is-current{border-color:#c08c9e;box-shadow:0 0 0 1px #c08c9e}.mini-art{width:100%;height:112px;display:block}.gallery-card-meta{color:#b29880;justify-content:space-between;align-items:center;margin:9px 0 5px;display:flex}.gallery-card-meta small{font-family:Georgia,serif;font-size:11px}.gallery-card-meta .icon{color:#b57e8f;width:13px;height:13px}.gallery-card>strong{font-size:11px;font-weight:650;line-height:1.4}.gallery-status{color:#b0937d;word-break:keep-all;margin-top:5px;font-size:8px;line-height:1.5}.locked-art{background:repeating-linear-gradient(45deg,#efe3d3,#efe3d3 5px,#f2e8d9 5px 10px);border-radius:11px;place-items:center;height:112px;display:grid}.locked-art .icon{color:#c6b49c;width:26px;height:26px}.is-locked{opacity:.75}.current-dot{background:#c48a9d;border-radius:50%;width:6px;height:6px}.completion-art{background:#fbf7ec;border:9px solid #e4c79e;border-radius:50%;width:200px;height:200px;margin:12px auto 20px;padding:20px;position:relative;box-shadow:inset 0 0 0 3px #b99a70,0 8px 18px #94715615}.completion-art:before{content:"";background:#c6a171;border:1px solid #a8845d;border-radius:4px;width:22px;height:16px;position:absolute;top:-17px;left:calc(50% - 11px)}.completion-art .mini-art{border-radius:50%;height:100%}.completion-seal{color:#fff;background:#b88194;border:4px solid #fff8ec;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;bottom:-5px;right:-2px}.completion-seal .icon{width:21px;height:21px}.reward-pill{color:#ac8650;background:#f4e7ce;border:1px solid #ead5b4;border-radius:30px;justify-content:center;align-items:center;gap:9px;margin:0 0 24px;padding:10px 17px;display:inline-flex}.reward-pill .icon{width:20px;height:20px}.reward-pill strong{font-family:Georgia,serif;font-size:23px}.reward-pill>span{color:#a28b70;font-size:10px}.toast{z-index:110;bottom:max(25px,env(safe-area-inset-bottom));color:#fff8ef;text-align:center;background:#76594e;border-radius:16px;width:max-content;max-width:calc(100% - 32px);padding:13px 20px;font-size:12px;line-height:1.5;animation:.2s dialog-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #47312530}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.knit-shell{border-radius:34px}#app{padding:26px 12px}}@media (max-width:480px){#app{background:#fffaf0;padding:0;display:block}.knit-shell{width:100%;max-width:440px;min-height:100svh;padding:17px 21px max(12px,env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0;margin:auto}.topbar{margin-bottom:18px}.atelier{margin-bottom:2px}}@media (max-width:370px){.knit-shell{padding-left:14px;padding-right:14px}.topbar{margin-bottom:15px}.brand{font-size:34px}.brand-tag{font-size:7px}.coin-pill{min-height:36px;padding:7px 9px}.stage-heading h1{font-size:20px}.stage-heading p{font-size:10px}.section-heading h2{font-size:11px}.section-heading p{font-size:8px}.yarn-shelf{gap:5px}.yarn-button{border-radius:11px;min-height:119px}.yarn-name{font-size:9px}.yarn-status{font-size:6px}.yarn-art{height:51px}.upgrade-grid{gap:7px}.upgrade-button{gap:5px;padding:8px 6px}.upgrade-button>.icon{width:20px;height:20px}.upgrade-button strong{font-size:9px}.upgrade-button small{font-size:7px}.upgrade-price{gap:2px}.upgrade-price strong{font-size:12px}.upgrade-price .icon{width:10px;height:10px}.workbench-note{font-size:7px}.dialog{padding:21px}.welcome-dialog{padding:25px 21px}.modal-layer{padding:14px}.dialog{max-height:calc(100dvh - 28px)}}@media (max-height:760px) and (max-width:480px){.knit-shell{padding-top:12px}.topbar{margin-bottom:11px}.stage-heading h1{margin-top:5px;margin-bottom:5px}.progress-row{margin-top:11px}.scene-host{aspect-ratio:auto;min-height:245px;max-height:calc(100svh - 352px)}.yarn-button{min-height:112px;padding-top:3px;padding-bottom:6px}.yarn-art{height:48px}.yarn-count{font-size:19px}.selection-hint{margin:8px 0 10px}.workbench{padding-top:10px}.upgrade-button{min-height:53px}.playback-row{margin-top:4px}.atelier-caption{top:0}.atelier-corner{bottom:8px}}@media (max-height:620px) and (max-width:480px){.scene-host{height:270px;max-height:none}.knit-shell{min-height:100svh}.atelier-caption{font-size:8px}.welcome-art{max-height:135px}.welcome-wordmark{font-size:56px}.welcome-dialog h2{font-size:21px}.welcome-dialog .dialog-copy{margin-bottom:13px}.welcome-steps{margin-bottom:17px}.dialog{padding-top:20px;padding-bottom:20px}.completion-art{width:165px;height:165px;margin-bottom:15px}}.license-link{color:#a88476;text-underline-offset:3px;justify-content:center;align-items:center;min-height:44px;font-size:9px;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.yarn-shelf[data-colors="5"],.yarn-shelf[data-colors="6"],.yarn-shelf[data-colors="7"]{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d8bba5 transparent;grid-template-columns:none;grid-auto-columns:calc(25% - 5.25px);grid-auto-flow:column;padding:2px 2px 7px;overflow-x:auto}.yarn-shelf[data-colors="5"] .yarn-button,.yarn-shelf[data-colors="6"] .yarn-button,.yarn-shelf[data-colors="7"] .yarn-button{scroll-snap-align:start}@media (max-width:480px){.topbar{margin-bottom:8px}.brand{font-size:32px}.brand-tag{margin-top:4px;font-size:7px}.stage-heading h1{margin:4px 0;font-size:20px}.stage-heading p{font-size:10px;line-height:1.4}.progress-row{margin:8px 0 4px}.scene-host{aspect-ratio:auto;height:clamp(240px,100svh - 420px,500px);min-height:240px;max-height:none}.yarn-shelf{margin-top:7px}.yarn-button{min-height:86px;padding:3px 3px 5px}.yarn-art{width:50px;height:36px}.yarn-name{margin-top:2px;font-size:9px}.yarn-count{margin-top:1px;font-size:18px}.yarn-status{display:none}.selection-hint{margin:4px 0 7px;font-size:8px}.upgrade-button{min-height:50px;padding:6px}.playback-row{margin-top:2px}}@media (max-height:620px) and (max-width:480px){.scene-host{height:220px;min-height:220px}.stage-heading p{display:none}.topbar{margin-bottom:4px}.eyebrow{font-size:8px;line-height:1.1;display:block}.stage-heading h1{margin:3px 0;font-size:18px}.progress-row{margin-top:4px;line-height:1.2}.progress-label{font-size:11px;line-height:1.2}.section-heading h2{font-size:10px;line-height:1.2}.yarn-button{min-height:76px;padding-top:2px;padding-bottom:4px}.yarn-art{height:32px}.selection-hint{display:none}.workbench{padding-top:5px}}