.km-ad-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;min-height:0}.km-ad-banner:has(iframe){background:var(--km-bg);min-height:50px;max-height:90px;overflow:hidden}.km-page{max-width:600px;margin:0 auto;padding:24px;font-family:system-ui,sans-serif;line-height:1.6}.km-page h1{margin-top:0}.km-page h2{margin-top:1.5em}.km-page ul,.km-page ol{padding-left:1.5em}.km-page li{margin-bottom:.5em}.km-back-link{display:inline-block;margin-top:2em;padding:10px 20px;background:var(--km-btn-bg, #f0f0f0);color:var(--km-btn-text, #333);border:1px solid var(--km-btn-border, #ccc);border-radius:8px;text-decoration:none}.km-footer{max-width:480px;margin:0 auto;padding:40px 12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px);text-align:center;font-size:12px;background:var(--km-bg)}.km-footer a{color:var(--km-text);opacity:.7;text-decoration:none;margin:0 8px}.km-footer a:hover{opacity:1;text-decoration:underline}.km-label{color:#666;font-size:14px}.km-row{margin-bottom:0}.km-start-stop-buttons{display:flex;align-items:center;justify-content:space-between}.km-btn{margin-left:4px;min-width:45px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding:10px;line-height:1;border-radius:4px;border:1px solid #bbb;cursor:pointer}.km-btn+.km-btn{margin-left:2px}.km-btn span{display:block;width:100%;text-align:center}.km-input{width:80px;margin-left:8px}.km-progress-bar{height:24px;background:#eee;border-radius:12px;overflow:hidden;position:relative}.km-progress-inner{height:100%;transition:width .3s}.km-progress-label{position:absolute;left:0;top:0;width:100%;text-align:center;line-height:24px;color:#333;font-weight:500}.km-row-progress{background:#4caf50}.km-row-progress-paused{background:#aaa}.km-project-progress{background:#ff9800}.km-project-complete{background:#2196f3}.km-complete-label{margin-top:8px;text-align:center;color:#2196f3;font-size:14px}.km-complete-ago{margin-top:4px;text-align:center;color:#2196f3;font-size:13px}.km-projected-label{margin-top:8px;text-align:center;color:#555;font-size:14px}.km-header{display:flex;align-items:center;justify-content:space-between}.km-header h2{margin:0}.km-btn-reset{font-size:16px;padding:6px 18px;border-radius:12px}.km-btn-theme{font-size:24px;padding:6px;border-radius:12px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{scroll-snap-type:y proximity}body{margin:0;min-width:320px}#root{width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ccc;transition:.3s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:#4caf50}input:checked+.toggle-slider:before{transform:translate(18px)}.km-adjust-row{display:flex;align-items:center;width:100%;gap:16px}.km-adjust-label{width:53%;display:block;font-weight:500;font-size:16px;text-align:left;flex-shrink:0}.km-adjust-btn{font-size:22px;width:44px;height:44px;border-radius:12px}.km-adjust-value{font-size:20px;min-width:64px;text-align:center;display:inline-block;border:1px solid #eee;border-radius:8px;padding:8px 0}@media(max-width:480px){.km-adjust-row{gap:8px}.km-adjust-label{font-size:15px}.km-adjust-btn{width:38px;height:38px;font-size:20px}.km-adjust-value{min-width:48px;font-size:18px;padding:6px 0}}.km-container{--ad-banner-height: 50px;max-width:480px;margin:0 auto;margin-top:100vh;min-height:100dvh;font-family:sans-serif;padding:12px;padding-top:calc(var(--ad-banner-height) + 12px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);border:1px solid var(--km-btn-border);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;scroll-snap-align:start}body,.km-container{background:var(--km-bg);color:var(--km-text);transition:background .2s,color .2s;-webkit-user-select:none;user-select:none}*{-webkit-user-select:none;user-select:none}:root{--km-bg: #f8f8f8;--km-text: #222;--km-btn-bg: #fff;--km-btn-text: #222;--km-btn-border: #ddd}[data-theme=dark]{--km-bg: #181a1b;--km-text: #f8f8f8;--km-btn-bg: #232527;--km-btn-text: #f8f8f8;--km-btn-border: #444}[data-theme=light]{--km-bg: #f8f8f8;--km-text: #222;--km-btn-bg: #fff;--km-btn-text: #222;--km-btn-border: #ddd}.km-btn,button{background:var(--km-btn-bg)!important;color:var(--km-btn-text)!important;border:1px solid var(--km-btn-border)!important;min-height:44px;border-radius:12px;transition:background .2s,color .2s,border .2s;-webkit-user-select:none;user-select:none}.yarn-color-picker{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:12px;box-shadow:0 4px 16px #00000026}.yarn-color-section{margin-bottom:8px}.yarn-color-section:last-of-type{margin-bottom:0}.yarn-color-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #888);margin-bottom:6px}.yarn-color-recent{display:flex;gap:8px}.yarn-color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.yarn-color-swatch{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;border:2px solid transparent!important;background:var(--swatch-color)!important;cursor:pointer;transition:transform .15s ease,border-color .15s ease;box-shadow:0 1px 3px #00000026}.yarn-color-swatch:hover{transform:scale(1.15);border-color:var(--text-color, #333)}.yarn-color-swatch.selected{border-color:var(--text-color, #333);box-shadow:0 0 0 2px var(--bg-secondary, #fff),0 0 0 4px var(--text-color, #333)}.yarn-color-custom{position:relative;display:flex;align-items:center;justify-content:center}.yarn-color-custom-icon{font-size:16px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.yarn-color-hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.needle-animation-container{position:relative;margin:0 auto}.needle-animation-picker-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;background:transparent}.needle-animation-picker-popover{position:absolute;left:50%;top:60px;transform:translate(-50%);z-index:10000}.needle-animation-yarn-cake{position:absolute;z-index:3;cursor:pointer}.needle-animation-yarn-svg{position:absolute;left:0;top:-3px;pointer-events:none;z-index:2;opacity:.6}.needle-animation-needles-row{display:flex;justify-content:center;align-items:flex-end;height:48px;gap:2px;position:relative;z-index:1}.needle-animation-needle{width:6px;transition-property:height;transition-timing-function:linear}.needle-animation-yarn-shadow{filter:drop-shadow(0 1px 2px #e07a5f88)}.km-tour-spotlight{position:fixed;box-shadow:0 0 0 9999px #000c;border-radius:12px;z-index:9999;pointer-events:none;transition:all .3s ease-out}.km-tour-tooltip{position:fixed;z-index:10000;background:var(--km-bg);color:var(--km-text);border:1px solid var(--km-btn-border);border-radius:12px;padding:16px;max-width:280px;box-shadow:0 4px 20px #0000004d;transition:all .3s ease-out}.km-tour-title{font-size:16px;font-weight:600;margin-bottom:8px}.km-tour-description{font-size:14px;line-height:1.5;opacity:.9;margin-bottom:16px}.km-tour-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.km-tour-dots{display:flex;gap:6px}.km-tour-dot{width:8px;height:8px;border-radius:50%;background:var(--km-btn-border);transition:background .2s}.km-tour-dot.active{background:#ff9800}.km-tour-buttons{display:flex;gap:8px}.km-tour-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--km-btn-border);background:var(--km-btn-bg);color:var(--km-btn-text);transition:opacity .2s}.km-tour-btn:hover{opacity:.8}.km-tour-btn.primary{background:#ff9800;color:#fff;border-color:#ff9800}.km-tour-skip{font-size:13px;opacity:.7;cursor:pointer;background:none;border:none;color:var(--km-text);padding:4px 8px}.km-tour-skip:hover{opacity:1}