:root{--radius: 14px;--radius-sm: 10px;--accent-ui: #45c08f;--accent-ui-ink: #0d1410;--danger: #d96c6c;--maxw: 720px}[data-theme=dark]{--bg: #14181f;--bg-elevated: #1a202a;--bg-input: #11151c;--text: #e9edf2;--text-dim: #94a0ad;--border: #2a3340;--cell-empty: #232b36;--cell-skip: #39414e;--shadow: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}[data-theme=amoled]{--bg: #000000;--bg-elevated: #0c1014;--bg-input: #07090c;--text: #e9edf2;--text-dim: #8b96a3;--border: #1d242c;--cell-empty: #161c23;--cell-skip: #2b333d;--shadow: none;color-scheme:dark}[data-theme=light]{--bg: #f5f2ec;--bg-elevated: #ffffff;--bg-input: #faf8f4;--text: #2b3138;--text-dim: #6e7984;--border: #e2dcd1;--cell-empty: #e9e4da;--cell-skip: #d4cfc6;--shadow: 0 1px 3px rgba(80, 70, 50, .08);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;transition:background .25s ease}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent-ui)}a{color:var(--accent-ui)}.app{max-width:var(--maxw);margin:0 auto;padding:18px 16px calc(40px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-top:env(safe-area-inset-top)}.header-brand{display:flex;align-items:center;gap:11px}.logo{font-size:30px;line-height:1}.header h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em}.date-line{color:var(--text-dim);font-size:12.5px;text-transform:capitalize}.today-summary{font-variant-numeric:tabular-nums;text-transform:none}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:color .15s,border-color .15s;flex:none}.icon-btn:hover{color:var(--text);border-color:var(--text-dim)}.icon-btn.small{width:26px;height:26px;font-size:10px;border-radius:7px}.icon-btn.logged-in{color:var(--accent-ui);border-color:var(--accent-ui)}.icon-btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--accent-ui);color:var(--accent-ui-ink);border-radius:var(--radius-sm);padding:9px 16px;font-weight:600;border:1px solid transparent;transition:filter .15s}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;color:var(--text);transition:border-color .15s}.btn-secondary:hover{border-color:var(--text-dim)}.btn-danger{background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.category-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.chip{border:1px solid var(--border);background:none;color:var(--text-dim);border-radius:999px;padding:4px 13px;font-size:13px;transition:all .15s}.chip.active{background:var(--text);border-color:var(--text);color:var(--bg)}.cards{display:flex;flex-direction:column;gap:10px}.card-wrap{position:relative}.card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px 12px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s;overflow:hidden}.card:hover{border-color:color-mix(in srgb,var(--accent, var(--text-dim)) 45%,var(--border))}.card-top{display:flex;align-items:center;gap:11px;margin-bottom:10px}.card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.card-titles{min-width:0;flex:1}.card-name{font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{color:var(--text-dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-right{display:flex;align-items:center;gap:9px;flex:none}.streak-badge{color:var(--text-dim);font-size:12px;border:1px solid var(--border);border-radius:999px;padding:3px 10px;white-space:nowrap}.streak-num{color:var(--accent, var(--text));font-weight:700;font-variant-numeric:tabular-nums}.minus-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);color:var(--text-dim);font-size:15px;line-height:1;flex:none}.minus-btn:hover{border-color:var(--text-dim);color:var(--text)}.complete-btn{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid;background:transparent;font-size:17px;font-weight:700;flex:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s,background .2s;font-variant-numeric:tabular-nums}.complete-btn:active{transform:scale(.92)}.complete-btn.done{color:#fff;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.85)}55%{transform:scale(1.08)}to{transform:scale(1)}}.ring{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);pointer-events:none}.ring circle{transition:stroke-dashoffset .25s ease}.complete-inner{position:relative;font-size:14px}.card-progress-note{color:var(--text-dim);font-size:12px;margin:-4px 0 8px 53px;font-variant-numeric:tabular-nums}.reorder{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.card-wrap:hover .reorder{opacity:1}.heatmap-wrap{overflow-x:auto;padding-bottom:2px}.heatmap,.heatmap-body{display:flex;width:max-content}.heatmap-col{display:flex;flex-direction:column}.heatmap-cell{border-radius:3px;flex:none}.heatmap-cell.clickable{cursor:pointer}.heatmap-cell.clickable:hover{outline:1px solid var(--text-dim)}.heatmap-cell.today-cell{outline:1.5px solid var(--text-dim);outline-offset:.5px}.heatmap-months{display:flex;margin-bottom:4px}.heatmap-month-label{font-size:10px;color:var(--text-dim);overflow:visible;white-space:nowrap;flex:none}.heatmap-weekdays{display:flex;flex-direction:column;margin-right:4px;width:18px;flex:none}.heatmap-weekday-label{font-size:9.5px;color:var(--text-dim)}.empty{text-align:center;padding:64px 16px;color:var(--text-dim)}.empty-whale{font-size:64px;animation:bob 3.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.empty h2{color:var(--text);margin:12px 0 6px;font-size:19px}.empty p{max-width:420px;margin:0 auto 18px}.footer{text-align:center;color:var(--text-dim);font-size:12.5px;margin-top:36px}.modal-backdrop{position:fixed;inset:0;background:#080a0e9e;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg);border:1px solid var(--border);border-radius:18px 18px 0 0;width:100%;max-width:600px;max-height:92dvh;overflow-y:auto;animation:rise .22s ease}@keyframes rise{0%{transform:translateY(26px);opacity:.6}}@media(min-width:640px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:18px;max-height:86dvh}.modal-wide{max-width:680px}}.modal-header{position:sticky;top:0;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;z-index:1}.modal-header h2{margin:0;font-size:17.5px;font-weight:650;letter-spacing:-.01em}.modal-body{padding:4px 18px 22px}.field{display:block;margin-bottom:15px}.field>span{display:block;font-size:12.5px;color:var(--text-dim);margin-bottom:6px;font-weight:600;letter-spacing:.01em}.seg{display:flex;gap:6px}.seg.seg-wrap{flex-wrap:wrap}.seg button{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:7px 13px;font-size:13.5px;color:var(--text-dim);transition:all .15s}.seg button.active{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px}.icon-cell{font-size:19px;padding:7px 0;border-radius:9px;border:1px solid transparent;background:var(--bg-elevated)}.icon-cell.selected{border-color:var(--accent-ui);background:color-mix(in srgb,var(--accent-ui) 14%,var(--bg-elevated))}.color-grid{display:flex;flex-wrap:wrap;gap:8px}.color-cell{width:30px;height:30px;border-radius:50%;border:2px solid transparent;transition:transform .12s}.color-cell:hover{transform:scale(1.1)}.color-cell.selected{border-color:var(--text);transform:scale(1.12)}.goal-times{display:flex;align-items:center;gap:9px;margin-top:9px}.goal-times input[type=number]{width:86px}.goal-times input[type=time]{width:130px}.unit-input{max-width:220px}.hint{color:var(--text-dim);font-size:12.5px;margin-top:5px}.hint-inline{color:var(--text-dim);font-size:13px}.check-row{display:flex;align-items:center;gap:9px;cursor:pointer;margin:7px 0}.check-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-ui);flex:none}.check-row.consent{align-items:flex-start;font-size:13.5px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.row-gap{display:flex;gap:9px;flex-wrap:wrap}.detail-desc{color:var(--text-dim);margin:0 0 14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px}.stat-icon{display:none}.stat-value{font-size:21px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-suffix{font-size:12px;color:var(--text-dim);font-weight:500}.stat-label{color:var(--text-dim);font-size:11.5px;margin-top:1px}.section-title{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-weight:650;margin:22px 0 10px}.year-grid-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.month-chart{display:flex;align-items:flex-end;gap:6px;height:110px}.month-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%}.month-bar{width:100%;flex:1;background:var(--cell-empty);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.month-bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height .4s ease}.month-bar-label{font-size:10px;color:var(--text-dim)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.cal-title{font-weight:650}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-weekday{text-align:center;font-size:11px;color:var(--text-dim);padding:3px 0}.cal-day{position:relative;aspect-ratio:1;border-radius:9px;border:1px solid var(--border);background:var(--bg-elevated);font-size:13px;font-variant-numeric:tabular-nums;transition:border-color .12s}.cal-day:hover:not(:disabled){border-color:var(--text-dim)}.cal-day.done{color:#fff;border-color:transparent;font-weight:650}.cal-day.skip{background:var(--cell-skip);color:var(--text-dim)}.cal-day.future{opacity:.3;cursor:default}.cal-day.today{outline:2px solid var(--text-dim);outline-offset:1px}.note-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.stepper{display:flex;align-items:center;gap:11px}.stepper-value{min-width:44px;text-align:center;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.archived-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 0;border-bottom:1px dashed var(--border)}.about-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.badge{border:1px solid var(--border);border-radius:999px;padding:3px 11px;font-size:12px;color:var(--text-dim)}.legal-links{margin-top:9px;font-size:13px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-email{font-weight:600;word-break:break-all}.plus-line{margin-top:11px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px}.plus-line.tier-plus,.plus-line.tier-pro{border-color:var(--accent-ui)}.auth-error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);border-radius:var(--radius-sm);padding:8px 12px;font-size:13.5px;margin-bottom:5px}.tiers{display:flex;flex-direction:column;gap:9px;margin-top:9px}.tier-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px}.tier-card.pro{border-color:var(--accent-ui)}.tier-head{display:flex;align-items:baseline;justify-content:space-between;gap:9px}.tier-name{font-weight:700;font-size:15.5px}.tier-limit{color:var(--text-dim);font-size:12.5px}.tier-feat{color:var(--text-dim);font-size:13px;margin:5px 0 11px}.tier-buttons{display:flex;gap:7px;flex-wrap:wrap}.tier-buttons button{font-variant-numeric:tabular-nums}.pw-wrap{position:relative}.pw-wrap input{padding-right:42px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);border-radius:8px}.pw-eye:hover{color:var(--text)}.oauth-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:12.5px;margin:18px 0 10px}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.tg-btn{display:block;width:100%;background:#2aabee;color:#fff;border-radius:var(--radius-sm);padding:11px 16px;font-weight:650;margin-bottom:10px;transition:filter .15s,opacity .15s}.tg-btn:hover{filter:brightness(1.07)}.tg-btn.off{opacity:.5;filter:saturate(.5)}.tg-btn:disabled{opacity:.7}.oauth-row{display:flex;gap:9px;justify-content:center}.oauth-btn{width:52px;height:44px;border-radius:var(--radius-sm);font-weight:800;font-size:16px;border:1px solid var(--border);transition:transform .12s,opacity .15s}.oauth-btn:hover{transform:translateY(-1px)}.oauth-btn.vk{background:#07f;color:#fff;border-color:#07f}.oauth-btn.yandex{background:#fc3f1d;color:#fff;border-color:#fc3f1d}.oauth-btn.google{background:#fff;color:#1f1f1f;border-color:#dadce0}.oauth-btn.off{opacity:.45;filter:saturate(.5)}.method-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-bottom:1px dashed var(--border)}.method-ico{color:var(--text-dim);display:inline-flex;flex:none}.method-val{flex:1;min-width:140px;font-size:14px;word-break:break-all}.method-val i{color:var(--text-dim);font-style:normal}.small-btn{padding:5px 12px;font-size:13px}.method-form{width:100%;display:flex;flex-direction:column;gap:9px;padding:6px 0 4px}.method-form input{max-width:320px}.toast-host{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:7px;z-index:90;width:max-content;max-width:calc(100vw - 32px)}.toast{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 6px 22px #0000004d;padding:10px 16px;font-size:13.5px;animation:toast-in .22s ease}@keyframes toast-in{0%{transform:translateY(9px);opacity:0}}.onb-backdrop{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.onb{width:100%;max-width:430px;text-align:center;position:relative;padding:30px 6px 8px}.onb-skip{position:absolute;top:0;right:0;color:var(--text-dim);font-size:13.5px;padding:7px 9px}.onb-art{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;animation:fade .3s ease}.onb-title{font-size:21px;margin:0 0 9px;letter-spacing:-.01em;animation:rise .3s ease}.onb-text{color:var(--text-dim);margin:0 auto;max-width:360px;min-height:86px;animation:rise .35s ease}.onb-dots{display:flex;justify-content:center;gap:7px;margin:16px 0}.onb-dot{width:8px;height:8px;border-radius:50%;background:var(--cell-empty);transition:all .2s}.onb-dot.active{background:var(--accent-ui);width:22px;border-radius:5px}.onb-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px}.onb-final{display:flex;gap:9px}.onb-whale{position:relative}.onb-whale-emoji{font-size:84px;display:inline-block;animation:bob 3s ease-in-out infinite}.onb-waves{display:flex;gap:9px;justify-content:center;margin-top:7px}.onb-waves span{width:38px;height:5px;border-radius:3px;background:var(--accent-ui);opacity:.5;animation:wave 1.8s ease-in-out infinite}.onb-waves span:nth-child(2){animation-delay:.25s}.onb-waves span:nth-child(3){animation-delay:.5s}@keyframes wave{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:.8}}.onb-create{display:flex;flex-direction:column;align-items:center;gap:15px}.onb-fake-btn{background:var(--accent-ui);color:var(--accent-ui-ink);border-radius:var(--radius-sm);padding:10px 18px;font-weight:650}.onb-fake-btn.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent-ui) 45%,transparent)}55%{box-shadow:0 0 0 14px transparent}}.onb-fake-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px;width:240px;display:flex;flex-direction:column;gap:9px;align-items:flex-start}.onb-fake-row.icon{font-size:25px}.onb-fake-row.name{height:11px;width:70%;border-radius:6px;background:var(--cell-empty)}.onb-fake-colors{display:flex;gap:7px}.onb-fake-colors span{width:21px;height:21px;border-radius:50%;display:inline-block}.onb-fake-colors span.sel{outline:2px solid var(--text);outline-offset:1.5px}.onb-mini-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px;width:270px}.onb-mini-top{display:flex;align-items:center;gap:9px;margin-bottom:11px}.onb-mini-icon{font-size:21px}.onb-mini-name{flex:1;text-align:left;font-weight:600;font-size:14px}.onb-mini-btn{width:34px;height:34px;border-radius:50%;background:#5db4e8;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.onb-mini-btn.tap{animation:tap 2.4s ease-in-out infinite}@keyframes tap{0%,28%,to{transform:scale(1)}33%{transform:scale(.82)}40%{transform:scale(1.1)}46%{transform:scale(1)}}.onb-mini-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:4px}.onb-mini-cell{aspect-ratio:1;border-radius:3px;background:var(--cell-empty);animation:cell-fill .4s ease forwards}@keyframes cell-fill{to{background:#5db4e8}}.onb-stats{display:flex;flex-direction:column;align-items:center;gap:15px}.onb-streak{font-size:23px;font-weight:750;letter-spacing:-.01em}.onb-bars{display:flex;align-items:flex-end;gap:8px;height:105px}.onb-bars span{width:25px;border-radius:6px 6px 3px 3px;background:var(--accent-ui);height:var(--h);transform-origin:bottom;animation:grow .6s ease backwards}@keyframes grow{0%{transform:scaleY(0)}}.onb-sync{display:flex;align-items:center;gap:19px;font-size:56px}.onb-device{animation:bob 2.6s ease-in-out infinite}.onb-device.delay{animation-delay:1.3s}.onb-sync-arrows{font-size:34px;color:var(--accent-ui);animation:pulse-text 1.6s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.45}50%{opacity:1}}.limit-banner{display:block;width:100%;text-align:left;background:color-mix(in srgb,#e8c552 10%,var(--bg-elevated));border:1px solid color-mix(in srgb,#e8c552 45%,var(--border));border-radius:var(--radius-sm);padding:10px 14px;font-size:13.5px;margin-bottom:12px;color:var(--text)}.limit-banner-cta{color:var(--accent-ui);font-weight:650;margin-left:8px;white-space:nowrap}.card.locked{opacity:.55;filter:saturate(.4)}.lock-badge{position:absolute;top:10px;right:12px;font-size:14px;z-index:1}.card.locked .complete-btn{cursor:not-allowed}.whale-level{display:flex;align-items:center;gap:14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.whale-level-icon{font-size:44px;line-height:1;animation:bob 3.4s ease-in-out infinite}.whale-level-info{flex:1;min-width:0}.whale-level-name{font-size:14px;margin-bottom:7px}.whale-bar{height:8px;border-radius:5px;background:var(--cell-empty);overflow:hidden}.whale-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#45c08f,#5db4e8);transition:width .5s ease}.whale-level-next{margin-top:6px;font-size:12px;color:var(--text-dim)}.whale-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:5px 10px;font-size:16px;line-height:1;transition:border-color .15s}.whale-chip:hover{border-color:var(--accent-ui)}.whale-chip-level{font-size:11px;font-weight:700;color:var(--accent-ui);font-variant-numeric:tabular-nums}.week-quest{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.week-quest-head{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;margin-bottom:8px}.week-quest-count{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-ui)}.search-input{margin-bottom:12px;max-width:340px}.achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:480px){.achievements{grid-template-columns:repeat(2,1fr)}}.ach{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;opacity:.38;filter:grayscale(.9)}.ach.earned{opacity:1;filter:none;border-color:color-mix(in srgb,var(--accent-ui) 55%,var(--border))}.ach-icon{font-size:19px}.ach-label{font-size:12px;color:var(--text-dim);line-height:1.25}.ach.earned .ach-label{color:var(--text)}.leaders{display:flex;flex-direction:column;gap:7px}.leader-row{display:flex;align-items:center;gap:11px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;text-align:left;transition:border-color .15s}.leader-row:hover{border-color:var(--text-dim)}.leader-icon{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex:none}.leader-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-streak{color:var(--accent-ui);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.confetti{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:200;animation:confetti-fly .85s ease-out forwards}@keyframes confetti-fly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.danger-zone{margin-top:22px;padding-top:14px;border-top:1px dashed var(--border)}.ad-slot{display:block;width:100%;margin-top:14px;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius);padding:13px 15px;text-align:left;position:relative}.ad-slot.house{cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;transition:border-color .15s}.ad-slot.house:hover{border-color:var(--accent-ui)}.ad-label{position:absolute;top:-8px;left:12px;background:var(--bg);color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:0 6px}.ad-house-text{color:var(--text-dim);font-size:13.5px;flex:1;min-width:180px}.ad-house-cta{color:var(--accent-ui);font-weight:650;font-size:13.5px;white-space:nowrap}.logo{width:38px;height:38px;border-radius:10px;flex:none}.tier-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:6px 11px;font-size:12px;color:var(--text-dim);white-space:nowrap}.tier-chip.tier-plus,.tier-chip.tier-pro{border-color:var(--accent-ui);color:var(--accent-ui)}.tier-chip-count{font-variant-numeric:tabular-nums;font-weight:650;color:var(--text)}@media(max-width:560px){.add-btn{padding:10px 14px}.reorder{opacity:.6}.complete-btn{width:50px;height:50px}.minus-btn{width:32px;height:32px;font-size:17px}.card{padding:15px 14px 13px}.card-icon{width:46px;height:46px;font-size:24px}.card-name{font-size:16.5px}.icon-btn{width:40px;height:40px}.stat-value{font-size:23px}.cal-day{font-size:14px}.seg button{padding:9px 14px}.tier-chip{order:5}}