:root{--bg: #f6efe1;--surface: #ffffff;--surface-2: #f0e6d5;--ink: #35291f;--ink-soft: #786757;--line: #e5d7c4;--accent: #c15a2c;--accent-dark: #9e4622;--accent-soft: #f4e0d0;--sage: #46705a;--gold: #c99a2e;--danger: #c0453b;--radius: 16px;--shadow: 0 6px 20px rgba(90, 60, 40, .08);--shadow-lg: 0 12px 34px rgba(90, 60, 40, .14)}:root[data-theme=dark]{--bg: #1e1a17;--surface: #2a2521;--surface-2: #342e29;--ink: #f0e7dc;--ink-soft: #b3a596;--line: #443c34;--accent: #de7f52;--accent-dark: #e89972;--accent-soft: #3d302a;--sage: #7aa88b;--gold: #d9b45f;--danger: #e0685c;--shadow: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 34px rgba(0, 0, 0, .5)}:root[data-theme=dark] .timer-card{background:linear-gradient(135deg,#12100e,#1f1a16)}:root[data-theme=dark] .toast{background:#0f0d0b}:root[data-theme=dark] .thumb-cover,:root[data-theme=dark] img{filter:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Helvetica Neue,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{color:var(--ink);background-color:var(--surface);max-width:100%}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.75}option{color:var(--ink);background:var(--surface)}html,body{max-width:100%;overflow-x:hidden}.app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--accent-dark);padding:4px 10px 10px;letter-spacing:-.5px}.brand .logo{font-size:24px}.nav-link{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:10px;color:var(--ink-soft);font-weight:600;font-size:14px;transition:background .15s,color .15s}.nav-link .ico{font-size:18px;width:22px;text-align:center}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.active{background:var(--accent-soft);color:var(--accent-dark)}.sidebar-footer{margin-top:auto;padding:8px 8px 4px}.streak-pill{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff1e6,#ffe2cc);border:1px solid #f2cdae;border-radius:12px;padding:10px 12px;font-weight:700;color:var(--accent-dark)}.content{padding:28px 34px 60px;max-width:none;min-width:0;overflow-x:hidden}.level-card{max-width:1080px}.phead{max-width:900px}.page-sub,.search{max-width:760px}.form-card,.banner,.faq,.rules-list,.post{max-width:860px}.set-card,.set-profile,.set-section-title{max-width:640px}.page-title{font-size:28px;font-weight:800;margin:4px 0 2px;letter-spacing:-.5px}.page-sub{color:var(--ink-soft);margin:0 0 22px}.section-title{font-size:19px;font-weight:800;margin:28px 0 12px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 15px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .08s,background .15s,border-color .15s;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--surface)}.btn.primary:disabled:hover{background:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.sage{background:var(--sage);border-color:var(--sage);color:#fff}.btn.sage:hover{filter:brightness(.94)}.btn.ghost{background:transparent}.btn.active-toggle{background:var(--accent-soft);border-color:#eac6b1;color:var(--accent-dark)}.btn.sm{padding:6px 11px;font-size:13px;border-radius:9px}.btn.block{width:100%;justify-content:center}.btn.icon-btn{padding:9px;width:42px;justify-content:center;gap:0;font-size:17px}.uprofile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.shopping-list{display:flex;flex-direction:column;gap:8px;max-width:640px}.shopping-item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow)}.shopping-check{font-size:20px;background:none;border:none;cursor:pointer;flex-shrink:0;padding:2px}.shopping-text{flex:1;min-width:0;font-weight:600}.shopping-item.checked .shopping-text{text-decoration:line-through;color:var(--ink-soft)}.uprofile-actions>.btn:not(.icon-btn){flex:1;min-width:130px;justify-content:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:54px;position:relative}.thumb .badge{position:absolute;top:10px;left:10px;background:#ffffffeb;color:var(--accent-dark);font-size:12px;font-weight:800;padding:4px 9px;border-radius:20px;white-space:nowrap}.thumb .badge-icon{padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px}.thumb .price-badge{position:absolute;top:10px;right:10px;background:var(--gold);color:#fff;font-size:12px;font-weight:800;padding:4px 9px;border-radius:20px}.thumb .free-badge{position:absolute;top:10px;right:10px;background:var(--sage);color:#fff;font-size:12px;font-weight:800;padding:4px 9px;border-radius:20px}.card-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px;flex:1}.card-title{font-weight:800;font-size:16px;line-height:1.25}.card-meta{color:var(--ink-soft);font-size:13px;display:flex;gap:10px;flex-wrap:wrap}.card-author{font-size:13px;color:var(--ink-soft)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;flex-wrap:wrap}.chip{background:var(--surface-2);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.grid-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.grid-challenges{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 20px}.filter{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:7px 14px;font-weight:700;font-size:13px;color:var(--ink-soft)}.filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.search{width:100%;max-width:360px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:var(--surface);margin-bottom:16px}.search:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:8px;max-width:1080px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.stat .big{font-size:30px;font-weight:800;line-height:1}.stat .lbl{color:var(--ink-soft);font-size:13px;margin-top:6px;font-weight:600}.stat.hot{background:linear-gradient(135deg,#fff1e6,#ffdcc2);border-color:#f2cdae}.stat-link{display:block;width:100%;text-align:left;font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.stat-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#eac6b1}.stat-link .big{color:var(--accent-dark)}.hero{background:linear-gradient(135deg,#c15a2c,#9e4622);color:#fff;border-radius:20px;padding:26px 28px;margin-bottom:26px;box-shadow:var(--shadow);max-width:1080px}.hero h1{margin:0 0 6px;font-size:25px}.hero p{margin:0;opacity:.92}.detail-hero{height:240px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:96px;margin-bottom:22px;box-shadow:var(--shadow);position:relative;max-width:1200px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start;max-width:1200px}.spec-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);position:sticky;top:20px}.spec-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}.spec-row:last-child{border-bottom:none}.spec-row .k{color:var(--ink-soft);font-size:13px;font-weight:700;width:108px;flex-shrink:0}.spec-row .v{font-size:14px;font-weight:600}.steps{counter-reset:step;padding:0;margin:8px 0 0;list-style:none}.steps li{counter-increment:step;position:relative;padding:12px 12px 12px 46px;border-bottom:1px solid var(--line);font-size:15px}.steps li:before{content:counter(step);position:absolute;left:10px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.paywall{background:linear-gradient(180deg,#fff9f3,#fbeee0);border:1.5px dashed #e2b89b;border-radius:var(--radius);padding:26px;text-align:center;margin-top:14px}.paywall .lock{font-size:40px}.paywall h3{margin:8px 0 4px}.paywall p{color:var(--ink-soft);margin:0 0 16px}.action-bar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}.action-primary{display:flex;gap:10px;align-items:stretch;margin:16px 0 10px}.block-cta{flex:1;justify-content:center;font-size:15px;padding:13px 18px}.more-wrap{position:relative;flex-shrink:0}.more-btn{height:100%}.more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:41;min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #00000029;padding:6px;display:none;flex-direction:column}.more-menu.open{display:flex}.more-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:9px;background:transparent;border:none;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}.more-item:hover{background:var(--surface-2)}.more-sep{height:1px;background:var(--line);margin:5px 4px}.save-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.save-toggle{flex:1;min-width:130px;justify-content:center;display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.save-toggle:hover{background:var(--surface-2)}.save-toggle.on{background:var(--accent-soft);border-color:#eac6b1;color:var(--accent-dark)}.save-toggle.done.on{background:#e7f1e4;border-color:#cfe4c9;color:#3f6a38}.profile-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:22px}.profile-head>div{min-width:0}.avatar{width:84px;height:84px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;font-weight:800}.profile-head h2{margin:0}.profile-head .handle{color:var(--ink-soft);font-weight:600}.profile-head .bio{margin:8px 0 0;color:var(--ink);max-width:560px}.profile-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--ink-soft);font-size:13px;margin-top:8px}.phead{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}.phead-info{flex:1;min-width:0}.phead-name{margin:6px 0 14px;font-size:24px}.phead-stats{display:flex;gap:34px;flex-wrap:wrap}.phead-stat{flex:0 0 auto;min-width:0;text-align:left;padding:0;background:none;border:none}.phead-stat-btn{cursor:pointer}.phead-stat-btn:hover .phead-num{color:var(--accent-dark)}.phead-num{font-weight:800;font-size:19px;color:var(--ink);line-height:1.1}.phead-lbl{font-size:12px;color:var(--ink-soft);font-weight:600}.phead-bio{margin:14px 0 0;color:var(--ink);padding:0;font-size:14px;line-height:1.5}.follow-list{display:flex;flex-direction:column;gap:4px}.follow-list-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px}.follow-list-item:hover{background:var(--surface-2)}.tabs{display:flex;gap:8px;margin:8px 0 20px;overflow-x:auto;padding-bottom:2px}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--surface-2);border:none;padding:9px 16px;border-radius:20px;font-weight:700;color:var(--ink-soft);font-size:14px;white-space:nowrap;flex-shrink:0}.tab.active{background:var(--accent);color:#fff}.empty{text-align:center;color:var(--ink-soft);padding:40px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;min-width:0}.field.full{grid-column:1 / -1}.field label{font-weight:700;font-size:13px;color:var(--ink-soft)}.field input,.field textarea,.field select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--ink);width:100%;max-width:100%}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field .hint{font-size:12px;color:var(--ink-soft);font-weight:500}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.challenge{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.challenge .ico{font-size:34px}.challenge h3{margin:0;font-size:18px}.challenge p{margin:0;color:var(--ink-soft);font-size:14px}.challenge .meta{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:13px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#32231973;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--surface);border-radius:18px;padding:26px;max-width:460px;width:100%;box-shadow:var(--shadow-lg);max-height:88vh;overflow-y:auto}.modal h3{margin:0 0 6px}.modal p{color:var(--ink-soft);margin:0 0 18px}.banner{background:#eef6ec;border:1px solid #cfe4c9;color:#3f6a38;border-radius:12px;padding:12px 16px;font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:10px}.timer-bar{position:fixed;top:0;left:0;right:0;height:46px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:linear-gradient(135deg,#3a2e28,#52413a);color:#fff;box-shadow:0 2px 12px #00000040}.timer-bar-info{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}.timer-bar-dot{width:9px;height:9px;border-radius:50%;background:#ff9d7a;flex-shrink:0;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.timer-bar-time{font-weight:800;font-variant-numeric:tabular-nums;font-size:15px;flex-shrink:0}.timer-bar-name{font-size:14px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-bar-stop{flex-shrink:0;background:#fff;color:#4f4038;border:none;border-radius:10px;padding:7px 14px;font-weight:800;font-size:13px}.timer-bar-stop:hover{background:#ffe9db}.timerbar-on{padding-top:46px}.timerbar-on .sidebar{top:46px;height:calc(100vh - 46px)}.timer-card{background:linear-gradient(135deg,#3a2e28,#52413a);color:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);text-align:center}.timer-big{font-size:46px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1}.timer-sub{color:#e8d9cd;font-size:13px;margin-top:8px;font-weight:600}.rec-dot{color:#ff9d7a;font-weight:800;margin-left:6px}.estimate-wrap{margin-top:16px}.estimate-bar{height:10px;background:#ffffff2e;border-radius:20px;overflow:hidden}.estimate-fill{height:100%;border-radius:20px;transition:width .4s}.estimate-txt{font-size:13px;margin-top:8px;color:#f0e4da;font-weight:600}.timer-line{display:flex;align-items:baseline;gap:8px;margin-top:2px}.timer-clock{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;color:var(--accent-dark)}.timer-est{font-size:12px;color:var(--ink-soft)}.where-stopped{margin:4px 0 0;font-size:13px;color:var(--ink-soft);background:var(--surface-2);padding:7px 10px;border-radius:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.log-list li{display:flex;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.log-date{color:var(--accent-dark);font-weight:800;font-size:12px;flex-shrink:0;width:78px}.log-text{font-size:14px;flex:1}.log-actions{display:flex;gap:2px;flex-shrink:0}.usage-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border-radius:12px}.counter{display:flex;align-items:center;gap:10px;flex-shrink:0}.counter-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:18px;font-weight:800;color:var(--accent-dark);display:flex;align-items:center;justify-content:center;line-height:1}.counter-btn:hover{background:var(--accent-soft)}.counter-val{font-size:18px;font-weight:800;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.step-num{font-weight:800;color:var(--accent-dark);font-size:14px;padding-top:10px;flex-shrink:0}.challenge-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#6f8f6a,#52704d);color:#fff;border-radius:20px;padding:24px 26px;box-shadow:var(--shadow)}.ch-emoji{font-size:56px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.mini-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex-shrink:0}.post{display:flex;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;box-shadow:var(--shadow)}.members{display:flex;flex-direction:column;gap:10px}.member{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.yarn-hero{display:flex;gap:20px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.yarn-hero-swatch{width:90px;height:90px;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,#e9d3c1,#d9b79b)}.yarn-alts{display:flex;flex-direction:column;gap:10px}.yarn-mini{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:background .15s}.yarn-mini:hover{background:var(--surface-2)}.yarn-swatch{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#e9d3c1,#d9b79b)}.inv-card{overflow:hidden}.inv-card-top{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 0}.inv-swatch{width:48px;height:48px;border-radius:12px;flex-shrink:0;font-size:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9d3c1,#d9b79b)}.inv-skeins{text-align:center;flex-shrink:0;background:var(--accent-soft);border-radius:12px;padding:6px 14px;min-width:62px}.inv-count{font-size:22px;font-weight:800;color:var(--accent-dark);line-height:1}.inv-count-lbl{font-size:11px;color:var(--accent-dark);font-weight:700}.inv-cover{position:relative;height:150px;overflow:hidden}.inv-cover img{width:100%;height:100%;object-fit:cover;display:block}.inv-cover-badge{position:absolute;top:10px;right:10px;background:#fffffff0;color:var(--accent-dark);font-weight:800;font-size:12px;padding:4px 10px;border-radius:20px}.inv-cover-count{position:absolute;bottom:10px;left:10px;background:#0000008c;color:#fff;font-weight:700;font-size:12px;padding:3px 9px;border-radius:20px}.shop-row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;display:flex;flex-direction:column;gap:8px;background:var(--surface-2)}.shop-row-head{display:flex;justify-content:space-between;align-items:center}.shop-row-num{font-weight:800;color:var(--ink-soft);font-size:13px}.shop-row input{background:var(--surface)}.season-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.season-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:22px;border:1px solid var(--line);background:var(--surface);font-weight:800;font-size:15px;color:var(--ink)}.season-emoji{font-size:18px}.season-hero{display:flex;gap:20px;align-items:center;color:#fff;border-radius:20px;padding:24px 26px;box-shadow:var(--shadow);margin-bottom:8px}.season-hero-emoji{font-size:52px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.make-card{display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.make-card-head{display:flex;gap:14px;align-items:center}.make-emoji{width:46px;height:46px;border-radius:12px;flex-shrink:0;font-size:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.yarn-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s}.yarn-tile:hover{transform:translateY(-2px)}.yarn-tile-icon{width:52px;height:52px;border-radius:14px;font-size:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9d3c1,#d9b79b)}.yarn-tile-name{font-weight:800;font-size:14px}.idea-list{display:flex;flex-direction:column;gap:14px}.idea-card{display:flex;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow)}.idea-bulb{width:44px;height:44px;border-radius:12px;flex-shrink:0;font-size:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbeecb,#f5dca0)}.key-row{display:flex;align-items:center;gap:12px;font-size:14px}.key-abbr{min-width:44px;text-align:center;font-weight:800;font-size:13px;background:var(--surface-2);color:var(--accent-dark);padding:5px 8px;border-radius:8px;flex-shrink:0}.thumb{overflow:hidden}.thumb-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.photo-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.photo-remove:hover{background:#c0453be6}.post-photo{width:100%;max-width:320px;border-radius:12px;margin:4px 0 8px;display:block}.chart-scroll{overflow-x:auto;background:#fff;border-radius:12px;padding:12px;border:1px solid var(--line)}.chart-scroll svg{display:block}.nav-group{margin-top:8px}.nav-group-title{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);padding:3px 12px;opacity:.75;display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-group-search{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:14px;flex-shrink:0;color:var(--ink-soft);transition:background .15s,color .15s}.nav-group-search:hover{background:var(--surface-2);color:var(--accent-dark)}.nav-group-search.active{background:var(--accent-soft);color:var(--accent-dark)}.add-link{margin-top:14px;color:var(--accent-dark)}.add-link .ico{color:var(--accent)}.theme-toggle{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:12px;padding:9px;font-weight:700;font-size:13px;margin-bottom:10px}.theme-toggle:hover{background:var(--surface-2)}.profile-link{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.profile-link:hover{background:var(--surface-2)}.profile-link-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-link-streak{font-size:12px;color:var(--accent-dark);font-weight:700}.avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0}.mobile-top,.subnav,.bottom-nav,.profile-topbar{display:none}.like-btn{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:4px 11px;font-weight:700;font-size:13px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.like-btn:hover{background:var(--surface-2)}.like-btn.liked{border-color:#f0c6bb;background:#fdeee9;color:var(--accent-dark)}.level-chip{background:var(--surface-2);color:var(--ink-soft)}.tag-chip{font-size:12px;font-weight:700;color:var(--sage)}.sort-select{padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:600;font-size:13px}.thread-list{display:flex;flex-direction:column;gap:12px}.thread-card{display:flex;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s}.thread-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.thread-title{font-weight:800;font-size:17px;line-height:1.3}.thread-snippet{margin:0;color:var(--ink-soft);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-meta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.thread-comments{font-weight:800;color:var(--accent-dark);font-size:14px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.badge-item{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;font-weight:700;font-size:14px;box-shadow:var(--shadow)}.badge-emoji{font-size:18px}.badge-item-link{text-decoration:none;cursor:pointer;transition:transform .1s,filter .1s}.badge-item-link:hover{transform:translateY(-1px);filter:brightness(.97)}.follow-row{display:flex;gap:12px;flex-wrap:wrap}.follow-item{display:flex;align-items:center;gap:8px;font-weight:600}.badge-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin-bottom:8px}.badge-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface);position:relative}.badge-tile:hover{background:var(--surface-2);transform:translateY(-2px)}.badge-tile-emoji{font-size:34px;line-height:1}.badge-tile-label{font-size:12px;font-weight:700;color:var(--ink)}.badge-tile.earned{border-color:#e6c9bf;box-shadow:var(--shadow)}.badge-tile.locked .badge-tile-emoji{filter:grayscale(1);opacity:.35}.badge-tile.locked .badge-tile-label{color:var(--ink-soft)}.badge-tile-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--sage);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.badge-modal-emoji{font-size:60px;line-height:1}.badge-modal-emoji.locked{filter:grayscale(1);opacity:.4}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:8px}.badge-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);position:relative}.badge-card .badge-emoji{font-size:26px;flex-shrink:0}.badge-card.locked{opacity:.6;background:var(--surface-2)}.badge-card.earned{border-color:#e6c9bf;box-shadow:var(--shadow)}.badge-tick{position:absolute;top:10px;right:12px;color:var(--sage);font-weight:800}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:65;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.9}}.stars .star{color:#d9cfc2}.stars .star.on{color:var(--gold)}.stash-check{margin-top:14px;padding:10px 12px;border-radius:11px;font-size:13px;font-weight:600;line-height:1.4}.stash-check.ok{background:#e7f1e4;color:#3f6a38}.stash-check.warn{background:#fbeecb;color:#8a6a12}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0ae6;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox img{max-width:94vw;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:20px;font-weight:800}.lightbox-close:hover{background:#ffffff47}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:10px;width:min(420px,92vw)}.toast{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);font-weight:600;font-size:14px}.toast span{flex:1}.toast-undo{background:none;border:none;color:#ffcf9e;font-weight:800}.toast-x{background:none;border:none;color:#fff9;font-weight:800}.onboard-modal{max-width:480px;text-align:center}.onboard-dots{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.onboard-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s,width .2s}.onboard-dot.on{background:var(--accent);width:22px;border-radius:4px}.onboard-step h2{margin:6px 0 8px}.onboard-step>p{color:var(--ink-soft)}.onboard-badge{display:inline-block;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:800;letter-spacing:.3px;padding:5px 12px;border-radius:999px;border:1px solid #eac6b1}.onboard-choice{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:15px;text-align:left;width:100%}.onboard-choice.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.onboard-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}.onboard-nav{display:flex;justify-content:space-between;margin-top:16px}.onboard-tips{text-align:left;list-style:none;padding:0;margin:8px 0 18px;display:flex;flex-direction:column;gap:8px}.onboard-tips li{padding:10px 12px;background:var(--surface-2);border-radius:10px;font-size:14px}.footer-links{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.footer-links a{font-size:12px;font-weight:700;color:var(--ink-soft)}.footer-links a:hover{color:var(--accent-dark)}.settings-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line)}.settings-row:last-child{border-bottom:none}.settings-links{display:flex;flex-direction:column}.settings-link{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:600}.settings-link:last-child{border-bottom:none}.settings-link:hover{color:var(--accent-dark)}.switch{width:48px;height:28px;border-radius:20px;border:none;background:var(--line);position:relative;transition:background .2s;flex-shrink:0}.switch.on{background:var(--sage)}.switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0003}.switch.on .switch-knob{left:23px}.rowcounter-card{background:linear-gradient(135deg,#6f8f6a,#52704d);color:#fff;border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow);margin-top:20px}.rowcounter-label{font-weight:700;font-size:14px;opacity:.92}.rowcounter-num{font-size:54px;font-weight:800;line-height:1;margin:6px 0 14px;font-variant-numeric:tabular-nums}.rowcounter-controls{display:flex;gap:10px;justify-content:center}.rowcounter-btn{border:none;border-radius:12px;font-weight:800;cursor:pointer}.rowcounter-btn.minus{width:56px;font-size:26px;background:#fff3;color:#fff}.rowcounter-btn.plus{flex:1;max-width:220px;font-size:20px;padding:14px;background:#fff;color:#4f7048}.rowcounter-btn:active{transform:scale(.97)}.check-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.check-steps li{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:15px}.check-steps li:hover{background:var(--surface-2)}.check-steps li.done{color:var(--ink-soft)}.check-steps li.done span:last-child{text-decoration:line-through}.check-box{width:24px;height:24px;border-radius:7px;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px}.check-steps li.done .check-box{background:var(--sage);border-color:var(--sage)}.legend-box{margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.legend-box summary{font-weight:800;cursor:pointer}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:12px 0}.faq{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq-q{width:100%;text-align:left;background:none;border:none;padding:14px 16px;font-weight:700;font-size:15px;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.faq-chevron{font-size:20px;color:var(--accent-dark)}.faq-a{padding:0 16px 14px;color:var(--ink-soft)}.glossary{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.glossary-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.glossary-term{font-weight:800;margin-bottom:4px}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.rule-emoji{font-size:30px;flex-shrink:0}@media print{.sidebar,.mobile-bar,.action-bar,.action-primary,.save-actions,.toast-wrap,.drawer-overlay{display:none!important}.app{display:block}.content{padding:0;max-width:100%}.detail-hero{height:120px}.paywall,.like-btn{display:none!important}}.set-profile{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);margin-bottom:20px;color:var(--ink)}.set-profile:hover{background:var(--surface-2)}.set-section-title{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);margin:18px 4px 8px}.set-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.set-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--line);background:none;border-left:none;border-right:none;border-top:none}.set-card .set-row:last-child{border-bottom:none}.set-row:hover{background:var(--surface-2)}.set-tile{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.set-label{font-weight:700;font-size:15px}.set-hint{font-size:13px;color:var(--ink-soft)}.set-chevron{color:var(--ink-soft);font-size:22px;font-weight:700;flex-shrink:0}.set-version{text-align:center;color:var(--ink-soft);font-size:13px;margin:20px 0}.eyebrow{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.eyebrow-label{font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--accent-dark);display:flex;align-items:center;gap:7px}.eyebrow-all{font-weight:800;font-size:14px;color:var(--accent-dark)}.hcarousel{display:flex;gap:16px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}.hcarousel::-webkit-scrollbar{display:none}.hcarousel>*{flex:0 0 240px;scroll-snap-align:start}.emptystate{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:34px 22px}.emptystate-icon{font-size:44px}.emptystate h3{margin:10px 0 4px}.emptystate p{color:var(--ink-soft);margin:0 0 18px}.emptystate-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.level-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:22px}.level-track{position:relative;height:10px;border-radius:20px;background:var(--surface-2);margin:22px 0 8px}.level-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--sage),var(--accent))}.level-marks{display:flex;justify-content:space-between}.level-mark{font-size:12px;font-weight:700;color:var(--ink-soft)}.level-mark.active{color:var(--accent-dark)}.level-bubble{position:absolute;top:-26px;transform:translate(-50%);background:var(--accent);color:#fff;font-weight:800;font-size:12px;padding:3px 10px;border-radius:20px;white-space:nowrap}@media (max-width: 900px){.app{grid-template-columns:minmax(0,1fr);align-content:start}.sidebar{display:none}.phead-stats{gap:10px}.phead-stat{flex:1}.timerbar-on .subnav,.timerbar-on .profile-topbar,.timerbar-on .mobile-top{top:46px}.mobile-top{display:none}.profile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25;background:var(--bg);border-bottom:1px solid var(--line);padding:calc(12px + env(safe-area-inset-top)) 14px 12px}.profile-topbar-name{font-weight:800;font-size:16px}.profile-topbar-side{width:42px;flex-shrink:0}.profile-topbar-gear{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:50%}.profile-topbar-gear:hover{background:var(--surface-2)}.subnav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 14px calc(10px + env(safe-area-inset-top));position:sticky;top:0;z-index:25;background:var(--bg);border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}.subnav.subnav-with-action{overflow:visible}.subnav-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;flex:1;min-width:0;-webkit-overflow-scrolling:touch}.subnav-scroll::-webkit-scrollbar{display:none}.subnav-search{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.subnav-search.active{background:var(--accent);border-color:var(--accent)}.subnav::-webkit-scrollbar{display:none}.subnav-pill{flex-shrink:0;padding:8px 15px;border-radius:20px;font-weight:700;font-size:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.subnav-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #5a3c2814}.bottom-tab{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--ink-soft);border-radius:12px}.bottom-ico{font-size:22px;line-height:1;filter:grayscale(.3);opacity:.7}.bottom-label{font-size:11px;font-weight:700}.bottom-tab.active{color:var(--accent-dark)}.bottom-tab.active .bottom-ico{filter:none;opacity:1;transform:translateY(-1px)}.content{padding:16px 16px 84px}.detail-grid{grid-template-columns:1fr}.spec-card{position:static}.form-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-wide{gap:14px}.grid-challenges{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-head{flex-direction:column;align-items:center;text-align:center}.profile-head>div:not(.avatar){width:100%}.profile-head .bio{max-width:100%}.profile-head .profile-meta{justify-content:center}.profile-head>button,.profile-head>a.btn{width:100%}.profile-head>div[style*="flex-direction: column"]{align-items:center}.btn{padding:11px 16px}.counter-btn{width:38px;height:38px;font-size:20px}.timer-big{font-size:40px}.thread-card,.make-card,.inv-card,.post{padding:14px}.thread-meta{text-align:left}.modal{max-height:80vh}}