.shelf-room{--display:var(--font-jar), var(--font-bricolage-grotesque), ui-sans-serif, system-ui, sans-serif;--sans:var(--font-instrument-sans), ui-sans-serif, system-ui, sans-serif;--mono:var(--font-dm-mono), ui-monospace, "SFMono-Regular", monospace;--ink-soft:color-mix(in oklch, var(--foreground) 70%, var(--background));--hairline:color-mix(in oklch, var(--foreground) 10%, var(--clear));--lift:0 1px 0 color-mix(in oklch, var(--marble-shine) 70%, var(--clear)) inset, 0 18px 40px -22px color-mix(in oklch, var(--marble-shade) 38%, var(--clear)), 0 2px 6px -2px color-mix(in oklch, var(--marble-shade) 14%, var(--clear));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--m:var(--primary);background-color:var(--background);min-height:100dvh;color:var(--foreground);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:clip}.shelf-room ::selection{background:color-mix(in oklch, var(--accent) 45%, var(--clear))}.shelf-room :focus-visible{outline:3px solid color-mix(in oklch, var(--ring) 70%, var(--clear));outline-offset:3px;border-radius:10px}.m-madder{--m:var(--marble-madder)}.m-indigo{--m:var(--marble-indigo)}.m-sage{--m:var(--marble-sage)}.m-ochre{--m:var(--marble-ochre)}.m-plum{--m:var(--marble-plum)}.m-teal{--m:var(--marble-teal)}.mono{font-family:var(--mono)}.marble{background:radial-gradient(circle at 33% 28%, color-mix(in oklch, var(--marble-shine) 95%, var(--clear)) 0 7%, color-mix(in oklch, var(--marble-shine) 0%, var(--clear)) 26%), radial-gradient(circle at 66% 74%, color-mix(in oklch, var(--m) 40%, var(--marble-shine)) 0 8%, color-mix(in oklch, var(--m) 0%, var(--clear)) 36%), radial-gradient(circle at 42% 40%, var(--m) 0 42%, color-mix(in oklch, var(--m) 58%, var(--marble-shade)) 100%);width:1em;height:1em;box-shadow:0 .1em .18em color-mix(in oklch, var(--marble-shade) 26%, var(--clear));border-radius:50%;flex:none;display:inline-block}.marble-xs{font-size:10px}.marble-sm{font-size:14px}.marble-lg{font-size:30px}.marble-xl{font-size:72px}.hero-title,.section-title,.board-title,.detail-title,.closing-title,.login-title,.add-title,.brand-word,.stat-value,.jar-tag b,.jar-card-name,.step-name,.settings-title{font-family:var(--display);font-optical-sizing:auto}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;margin:0 0 6px;font-size:12px;display:flex}.section-title{letter-spacing:-.03em;font-variation-settings:"wdth" 90;text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,52px);font-weight:800;line-height:1}.section-title.small{letter-spacing:-.01em;font-size:22px}.section-sub{max-width:52ch;color:var(--ink-soft);text-wrap:pretty;margin:14px 0 0;font-size:17px}.mono-note{font-family:var(--mono);color:var(--ink-soft);margin:0;font-size:12px}.btn{min-height:44px;font:600 15px/1 var(--sans);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .18s;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn-lg{min-height:54px;padding:0 28px;font-size:16px}.btn-sm{min-height:38px;padding:0 16px;font-size:14px}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 0 color-mix(in oklch, var(--primary) 62%, var(--marble-shade)), 0 12px 24px -12px color-mix(in oklch, var(--primary) 70%, var(--clear));transform:translateY(-2px)}.btn-primary:hover:not(:disabled){box-shadow:0 5px 0 color-mix(in oklch, var(--primary) 62%, var(--marble-shade)), 0 16px 28px -12px color-mix(in oklch, var(--primary) 70%, var(--clear));transform:translateY(-3px)}.btn-primary:active:not(:disabled){box-shadow:0 0 0 color-mix(in oklch, var(--primary) 62%, var(--marble-shade));transform:translateY(2px)}.btn-quiet{background:color-mix(in oklch, var(--foreground) 6%, var(--clear));color:var(--foreground);box-shadow:inset 0 0 0 1.5px var(--hairline)}.btn-quiet:hover{background:color-mix(in oklch, var(--foreground) 10%, var(--clear))}.btn-danger{background:var(--destructive);color:var(--destructive-foreground)}.drop-btn{--edge:color-mix(in oklch, var(--m) 70%, var(--marble-shade));background:var(--edge);cursor:pointer;-webkit-tap-highlight-color:var(--clear);width:100%;box-shadow:0 14px 22px -14px color-mix(in oklch, var(--m) 80%, var(--clear));border:0;border-radius:18px;padding:0 0 6px;display:block;position:relative}.drop-btn-face{background:color-mix(in oklch, var(--m) 16%, var(--card));min-height:56px;box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--m) 55%, var(--card));color:var(--foreground);font:700 16px/1 var(--sans);transition:transform .12s var(--ease-out), background-color .2s;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:flex}.drop-btn:hover .drop-btn-face{background:color-mix(in oklch, var(--m) 24%, var(--card))}.drop-btn:active .drop-btn-face{transform:translateY(5px)}.drop-btn:disabled{cursor:progress}.drop-btn-marble{transition:transform .3s var(--ease-spring);font-size:24px}.drop-btn:hover .drop-btn-marble{transform:translateY(3px)rotate(40deg)}.drop-btn.is-done{--edge:color-mix(in oklch, var(--foreground) 22%, var(--background));box-shadow:none}.drop-btn.is-done .drop-btn-face{background:var(--card);box-shadow:inset 0 0 0 2px var(--hairline);color:var(--ink-soft);transform:translateY(4px)}.drop-btn-check{fill:none;width:22px;height:22px;stroke:var(--m);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;animation:draw-check .4s var(--ease-out) both}.drop-btn.is-compact .drop-btn-face{min-height:50px;font-size:15px}@keyframes draw-check{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.jar{aspect-ratio:100/130;cursor:grab;touch-action:manipulation;-webkit-tap-highlight-color:var(--clear);width:100%;position:relative}.jar:active{cursor:grabbing}.jar-back,.jar-canvas,.jar-front{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jar-glass-back{fill:color-mix(in oklch, var(--glass) 42%, var(--clear))}.jar-floor-shadow{fill:color-mix(in oklch, var(--marble-shade) 22%, var(--clear))}.jar-outline{fill:none;stroke:color-mix(in oklch, var(--glass-edge) 85%, var(--clear));stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.jar-gleam{fill:none;stroke:color-mix(in oklch, var(--glass-shine) 70%, var(--clear));stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.jar-gleam-thin{stroke-width:3px;stroke:color-mix(in oklch, var(--glass-shine) 45%, var(--clear))}.jar-rim{fill:color-mix(in oklch, var(--glass) 60%, var(--clear));stroke:color-mix(in oklch, var(--glass-edge) 85%, var(--clear));stroke-width:2.5px;vector-effect:non-scaling-stroke}.jar-rim-line{stroke:color-mix(in oklch, var(--glass-shine) 75%, var(--clear));stroke-width:2px;vector-effect:non-scaling-stroke}.jar-tag{background:var(--tag);min-width:44px;color:var(--tag-ink);box-shadow:0 6px 12px -6px color-mix(in oklch, var(--marble-shade) 45%, var(--clear));transform-origin:50% 0;pointer-events:none;border-radius:6px 6px 10px 10px;justify-items:center;padding:10px 8px 6px;animation:5s ease-in-out infinite tag-sway;display:grid;position:absolute;top:6%;right:-4%;transform:rotate(7deg)}.jar-tag:before{content:"";background:var(--background);width:5px;height:5px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tag-ink) 25%, var(--clear));border-radius:50%;margin-left:-2.5px;position:absolute;top:4px;left:50%}.jar-tag b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1}.jar-tag small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.jar-tag-big{min-width:60px;padding:12px 10px 8px}.jar-tag-big b{font-size:32px}.jar-tag-big small{font-size:10px}@keyframes tag-sway{0%,to{transform:rotate(7deg)}50%{transform:rotate(3deg)}}.shelf{z-index:1;background:linear-gradient(var(--shelf), color-mix(in oklch, var(--shelf) 82%, var(--shelf-edge)));height:14px;box-shadow:0 5px 0 var(--shelf-edge), 0 18px 20px -12px color-mix(in oklch, var(--marble-shade) 45%, var(--clear));border-radius:4px;margin:-3px -14px 0;position:relative}.jar-ribbon{z-index:2;background:var(--foreground);color:var(--background);font:700 13px/1 var(--sans);white-space:nowrap;animation:ribbon-pop .6s var(--ease-spring) .5s both;border-radius:999px;padding:6px 12px;position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}@keyframes ribbon-pop{0%{opacity:0;transform:translate(-50%,10%)scale(.6)}to{opacity:1;transform:translate(-50%,-30%)scale(1)}}.burst{z-index:3;pointer-events:none;position:absolute;top:42%;left:50%}.burst-bit{opacity:0;animation:burst 1.1s var(--ease-out) both;animation-delay:calc(.75s + var(--d));font-size:14px;position:absolute;top:-7px;left:-7px}@keyframes burst{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-120px) scale(.9)}}.page{width:min(1200px,100% - 40px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{grid-template-rows:11px 13px;grid-template-columns:repeat(2,13px);font-size:13px;display:inline-grid}.brand-mark .marble:first-child{grid-area:2/1}.brand-mark .marble:nth-child(2){grid-area:2/2}.brand-mark .marble:nth-child(3){grid-area:1/1/auto/span 2;justify-self:center;margin-top:2px}.brand-word{letter-spacing:-.03em;white-space:nowrap;font-size:20px;font-weight:800}.topbar-nav{align-items:center;gap:6px;display:flex}.topbar-link,.tab{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none}.topbar-link:hover,.tab:hover{color:var(--foreground);background:var(--hairline)}.tab[aria-current=page]{color:var(--foreground);background:color-mix(in oklch, var(--foreground) 9%, var(--clear))}.landing{position:relative}.landing:before{content:"";z-index:-1;background:radial-gradient(circle at 78% 30%, color-mix(in oklch, var(--marble-madder) 22%, var(--clear)) 0, color-mix(in oklch, var(--marble-madder) 0%, var(--clear)) 22%), radial-gradient(circle at 60% 62%, color-mix(in oklch, var(--marble-ochre) 26%, var(--clear)) 0, color-mix(in oklch, var(--marble-ochre) 0%, var(--clear)) 20%), radial-gradient(circle at 92% 70%, color-mix(in oklch, var(--marble-indigo) 16%, var(--clear)) 0, color-mix(in oklch, var(--marble-indigo) 0%, var(--clear)) 18%), radial-gradient(circle at 10% 10%, color-mix(in oklch, var(--marble-teal) 12%, var(--clear)) 0, color-mix(in oklch, var(--marble-teal) 0%, var(--clear)) 24%);pointer-events:none;height:900px;position:absolute;inset:-40px -20vw auto}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(24px,6vw,72px) 0 clamp(48px,8vw,110px);display:grid}.hero-badge{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:999px;align-items:center;gap:10px;margin:0 0 22px;padding:7px 14px 7px 9px;font-size:14px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.045em;font-variation-settings:"wdth" 82;text-wrap:balance;margin:0;font-size:clamp(46px,7.4vw,104px);font-weight:800;line-height:.92}.hero-title-em{color:var(--primary);display:block}.hero-sub{max-width:46ch;color:var(--ink-soft);text-wrap:pretty;margin:24px 0 0;font-size:clamp(17px,1.6vw,20px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--ink-soft);margin:18px 0 0;font-size:14px}.hero-art{justify-content:center;display:flex}.demo-card{width:min(100%,440px)}.demo-stage{padding:34px 22% 0}.demo-body{gap:12px;padding-top:20px;display:grid}.steps{padding:clamp(40px,7vw,90px) 0}.step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0 0;padding:0;list-style:none;display:grid}.step{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:28px;padding:28px;position:relative}.step-num{margin-bottom:22px;font-size:64px;position:relative}.step-num span{font:800 30px/1 var(--display);color:var(--marble-shine);text-shadow:0 1px 3px color-mix(in oklch, var(--marble-shade) 60%, var(--clear));place-items:center;display:grid;position:absolute;inset:0}.step-name{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.1}.step-desc{color:var(--ink-soft);margin:0}.section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px;display:grid}.section-head .section-sub{justify-self:end;margin:0}.shelf-section{padding:clamp(40px,7vw,90px) 0}.sample-shelf{margin-top:48px}.sample-jars{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sample-jar{justify-items:center;display:grid}.sample-jar .jar{width:min(230px,66%)}.sample-jar .shelf{border-radius:0;width:100%;margin:-3px 0 0}.sample-jar:first-child .shelf{border-radius:6px 0 0 6px}.sample-jar:last-child .shelf{border-radius:0 6px 6px 0}.sample-jar-name{font:700 18px/1.2 var(--display);text-align:center;margin:26px 0 0}.sample-jar-best{font-family:var(--mono);color:var(--ink-soft);margin:4px 0 0;font-size:12px}.year-section{padding:clamp(40px,7vw,90px) 0}.year-board{gap:14px;margin-top:40px;display:grid}.year-row{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:24px;padding:20px 22px 16px}.year-row-head{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-bottom:10px;display:flex}.year-row-name{align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}.year-row-stat{font-family:var(--mono);color:var(--ink-soft);font-size:12px}.year-row-stat b{color:var(--foreground);font-weight:500}.year-tray{overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px;overflow-x:auto}.year-grid{max-width:none;display:block}.year-board .year-grid{width:100%;min-width:742px;height:auto}.year-month{font:500 9px var(--mono);fill:var(--muted-foreground)}.year-marble{fill:var(--m)}.year-on{transform-box:fill-box}.year-shine{fill:color-mix(in oklch, var(--marble-shine) 70%, var(--clear))}.year-miss{fill:color-mix(in oklch, var(--foreground) 17%, var(--clear))}.year-before{fill:color-mix(in oklch, var(--foreground) 8%, var(--clear))}.year-today{fill:none;stroke:var(--m);stroke-width:1.5px;stroke-dasharray:2.5 2}.closing{text-align:center;justify-items:center;padding:clamp(60px,9vw,120px) 0;display:grid}.closing-marbles{gap:10px;margin-bottom:28px;display:flex}.closing-marble{animation:bounce-in .9s var(--ease-spring) both;animation-delay:calc(var(--i) * 90ms);font-size:clamp(30px,5vw,46px);animation-timeline:view();animation-range:entry 10% cover 40%}@keyframes bounce-in{0%{opacity:0;transform:translateY(-80px)}60%{opacity:1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.closing-title{letter-spacing:-.04em;font-variation-settings:"wdth" 84;text-wrap:balance;margin:0;font-size:clamp(36px,6vw,76px);font-weight:800;line-height:.95}.closing-sub{max-width:40ch;color:var(--ink-soft);margin:18px 0 30px;font-size:18px}.site-foot{border-top:1px solid var(--hairline);color:var(--ink-soft);text-align:center;padding:28px 0 40px;font-size:14px}.site-foot p{margin:0}.login-main{place-items:center;padding:clamp(16px,5vw,60px) 0 80px;display:grid}.login-card{background:var(--card);width:min(100%,820px);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:32px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:40px;padding:clamp(24px,4vw,48px);display:grid}.login-jar{width:100%}.login-title{letter-spacing:-.035em;font-variation-settings:"wdth" 86;margin:0;font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1}.login-sub{color:var(--ink-soft);margin:12px 0 24px}.login-form{position:relative}.app-main{padding:clamp(8px,3vw,28px) 0 96px}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.board-title{letter-spacing:-.04em;font-variation-settings:"wdth" 84;margin:0;font-size:clamp(38px,5.6vw,68px);font-weight:800;line-height:.95}.today-tray{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:999px;align-items:center;gap:14px;padding:10px 18px 10px 12px;display:flex}.today-slots{gap:6px;display:flex}.today-slot{background:color-mix(in oklch, var(--foreground) 9%, var(--clear));width:24px;height:24px;box-shadow:inset 0 2px 3px color-mix(in oklch, var(--marble-shade) 18%, var(--clear));border-radius:50%;place-items:center;display:grid}.today-slot .marble{opacity:0;transition:opacity .2s, transform .5s var(--ease-spring);font-size:20px;transform:translateY(-14px)scale(.6)}.today-slot.is-in .marble{opacity:1;transform:none}.today-text{color:var(--ink-soft);white-space:nowrap;margin:0;font-size:15px}.today-text b{color:var(--foreground)}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.jar-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);transition:box-shadow .4s var(--ease-out);animation:card-in .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms);border-radius:28px;grid-template-rows:auto 1fr;padding:24px 22px 22px;display:grid;position:relative}.jar-card.is-done{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--m) 45%, var(--clear)), var(--lift)}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}}.jar-stage{padding:26px 24% 0;position:relative}.jar-card-body{align-content:start;gap:10px;padding-top:22px;display:grid}.jar-card-name{letter-spacing:-.02em;color:inherit;font-size:22px;font-weight:800;line-height:1.1;text-decoration:none}a.jar-card-name:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--m);text-decoration-color:var(--m)}.jar-card-meta{min-height:2.9em;color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.45}.jar-card-meta b{color:var(--foreground)}.week-row{justify-content:space-between;margin:2px 0 6px;padding:0;list-style:none;display:flex}.week-day{justify-items:center;gap:3px;display:grid}.week-day .marble{background:color-mix(in oklch, var(--foreground) 9%, var(--clear));box-shadow:inset 0 2px 3px color-mix(in oklch, var(--marble-shade) 16%, var(--clear));font-size:20px;transition:background .3s}.week-day.is-in .marble{background:radial-gradient(circle at 33% 28%, color-mix(in oklch, var(--marble-shine) 95%, var(--clear)) 0 7%, color-mix(in oklch, var(--marble-shine) 0%, var(--clear)) 26%), radial-gradient(circle at 42% 40%, var(--m) 0 42%, color-mix(in oklch, var(--m) 58%, var(--marble-shade)) 100%);box-shadow:0 2px 3px color-mix(in oklch, var(--marble-shade) 22%, var(--clear))}.week-day.is-today.is-in .marble{animation:settle .6s var(--ease-spring)}.week-day.is-today:not(.is-in) .marble{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--m) 60%, var(--clear));background:var(--clear)}@keyframes settle{0%{transform:translateY(-12px)}}.week-day-name{font-family:var(--mono);color:var(--ink-soft);font-size:10px}.week-day.is-today .week-day-name{color:var(--foreground);font-weight:500}.card-error,.field-error{color:var(--destructive);margin:0;font-size:14px}.add-jar{border:2px dashed color-mix(in oklch, var(--foreground) 20%, var(--clear));background:var(--clear);width:100%;color:var(--ink-soft);font:700 16px/1 var(--sans);cursor:pointer;border-radius:28px;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:22px;transition:border-color .2s,color .2s,background .2s;display:flex}.add-jar:hover{border-color:var(--primary);color:var(--foreground);background:color-mix(in oklch, var(--primary) 6%, var(--clear))}.add-jar-plus{background:var(--primary);width:30px;height:30px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:20px;display:grid}.add-form{background:var(--card);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--m) 40%, var(--clear)), var(--lift);border-radius:28px;grid-template-columns:160px minmax(0,1fr);gap:32px;margin-top:20px;padding:clamp(22px,4vw,36px);display:grid}.add-form-jar{aspect-ratio:100/130;background:color-mix(in oklch, var(--glass) 40%, var(--clear));box-shadow:inset 0 0 0 2.5px color-mix(in oklch, var(--glass-edge) 80%, var(--clear));border-radius:18px 18px 40px 40px;align-self:start;place-items:center;display:grid}.add-form-jar .marble{animation:settle .5s var(--ease-spring)}.add-form-fields{gap:8px;display:grid}.add-title{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1}.add-sub{color:var(--ink-soft);margin:0 0 10px}.field-label{margin-top:6px;font-size:14px;font-weight:600;display:block}.field{background:var(--background);width:100%;min-height:50px;box-shadow:inset 0 0 0 1.5px var(--input);color:var(--foreground);font:500 16px var(--sans);border:0;border-radius:14px;padding:0 16px}.field:focus{box-shadow:inset 0 0 0 2.5px var(--ring);outline:none}.glass-picker{flex-wrap:wrap;gap:6px;display:flex}.glass-choice{cursor:pointer;border-radius:14px;justify-items:center;gap:4px;width:64px;padding:8px 2px 6px;display:grid;position:relative}.glass-choice input{opacity:0;pointer-events:none;position:absolute}.glass-choice .marble{transition:transform .3s var(--ease-spring)}.glass-choice:hover .marble{transform:translateY(-3px)}.glass-choice:has(input:checked){background:color-mix(in oklch, var(--m) 14%, var(--clear));box-shadow:inset 0 0 0 2px var(--m)}.glass-choice:has(input:focus-visible){outline:3px solid var(--ring)}.glass-choice-label{color:var(--ink-soft);font-size:12px;font-weight:600}.add-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.calm-error{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink-soft);border-radius:24px;justify-items:start;gap:16px;padding:28px;display:grid}.calm-error p{margin:0}.back-link{color:var(--ink-soft);margin-bottom:20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:var(--foreground)}.detail-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.detail-jar-col{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:32px;gap:18px;padding:28px 24px 24px;display:grid;position:sticky;top:20px}.detail-stage{margin-bottom:10px;padding:20px 18% 0;position:relative}.detail-next{text-align:center;color:var(--ink-soft);margin:0;font-size:15px}.detail-title{letter-spacing:-.04em;font-variation-settings:"wdth" 86;overflow-wrap:anywhere;margin:4px 0 26px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:.98}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 36px;display:grid}.stat{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:20px;padding:16px 18px}.stat:first-child{background:color-mix(in oklch, var(--m) 14%, var(--card));box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--m) 40%, var(--clear))}.stat dt{color:var(--ink-soft);font-size:13px;font-weight:600}.stat dd{align-items:baseline;gap:5px;margin:6px 0 0;display:flex}.stat-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.stat-unit{color:var(--ink-soft);font-size:14px}.detail-year{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift);border-radius:24px;padding:22px 22px 18px}.detail-year-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:14px;display:flex}.year-key{font-family:var(--mono);color:var(--ink-soft);flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:11px;display:flex}.year-key span{align-items:center;gap:6px;display:inline-flex}.key-miss{background:color-mix(in oklch, var(--foreground) 22%, var(--clear));border-radius:50%;width:5px;height:5px}.edit-panel{border-top:1px solid var(--hairline);margin-top:36px;padding-top:28px}.edit-form{gap:8px;max-width:520px;margin-top:14px;display:grid}.danger-row{border-top:1px solid var(--hairline);color:var(--ink-soft);margin-top:24px;padding-top:20px}.danger-row p{margin:0 0 4px}.settings{max-width:760px}.settings .board-title{margin-bottom:28px}.settings-block{border-top:1px solid var(--hairline);padding:26px 0}.settings-title{letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:800}.settings-sub{color:var(--ink-soft);margin:0 0 16px}.light-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.light-option{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;border-radius:20px;gap:2px;padding:14px;display:grid;position:relative}.light-option input{opacity:0;position:absolute}.light-option:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--primary)}.light-option:has(input:focus-visible){outline:3px solid var(--ring)}.light-swatch{background:var(--swatch-day);height:64px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.light-swatch-marble{--m:var(--swatch-day-marble);background:radial-gradient(circle at 33% 28%, color-mix(in oklch, var(--marble-shine) 95%, var(--clear)) 0 7%, color-mix(in oklch, var(--marble-shine) 0%, var(--clear)) 26%), radial-gradient(circle at 42% 40%, var(--m) 0 42%, color-mix(in oklch, var(--m) 58%, var(--marble-shade)) 100%);border-radius:50%;width:26px;height:26px}.light-dark .light-swatch{background:var(--swatch-night)}.light-dark .light-swatch-marble{--m:var(--swatch-night-marble)}.light-system .light-swatch{background:linear-gradient(135deg, var(--swatch-day) 50%, var(--swatch-night) 50%)}.light-name{font-weight:700}.light-note{color:var(--ink-soft);font-size:13px}.sound-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.sound-row .settings-sub{margin:0}.toggle{background:color-mix(in oklch, var(--foreground) 14%, var(--clear));width:62px;height:36px;box-shadow:inset 0 2px 4px color-mix(in oklch, var(--marble-shade) 20%, var(--clear));cursor:pointer;border:0;border-radius:999px;flex:none;padding:0;transition:background .2s;position:relative}.toggle[aria-checked=true]{background:color-mix(in oklch, var(--primary) 30%, var(--clear))}.toggle-knob{--m:var(--muted-foreground);transition:transform .35s var(--ease-spring);font-size:26px;position:absolute;top:5px;left:5px}.toggle[aria-checked=true] .toggle-knob{--m:var(--primary);transform:translate(26px)rotate(180deg)}.settings-block.danger .settings-title{color:var(--destructive)}@media (max-width:900px){.hero,.step-list,.section-head{grid-template-columns:minmax(0,1fr)}.section-head .section-sub{justify-self:start}.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-jar-col{position:static}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page{width:calc(100% - 28px)}.topbar{padding:14px 0}.topbar-link{display:none}.brand-word{font-size:18px}.hero-actions .btn{flex:auto}.jar-card{grid-template-rows:auto;grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:18px 16px 16px}.jar-card .jar-stage{align-self:start;padding:14px 6px 0}.jar-card .shelf{margin:-3px -6px 0}.jar-card .jar-tag{min-width:36px;padding:8px 5px 4px;right:-10%}.jar-card .jar-tag b{font-size:18px}.jar-card-body{gap:8px;padding-top:0}.jar-card-name{font-size:19px}.jar-card-meta{min-height:0;font-size:13.5px}.week-day .marble{font-size:16px}.jar-ribbon{font-size:11px;left:56px}.demo-card{grid-template-columns:120px minmax(0,1fr)}.board-head{margin-bottom:22px}.today-tray{justify-content:space-between;width:100%}.shelf-grid{grid-template-columns:minmax(0,1fr);gap:14px}.add-form{grid-template-columns:minmax(0,1fr)}.add-form-jar{display:none}.glass-choice{width:calc(16.6667% - 5px);min-width:0}.glass-choice .marble-lg{font-size:26px}.glass-choice-label{font-size:10px}.login-card{grid-template-columns:minmax(0,1fr);gap:12px}.login-jar{width:110px}.sample-jar .jar{width:82%}.sample-jar-name{margin-top:18px;font-size:14px}.sample-jar .jar-tag{min-width:34px;padding:8px 4px 4px;right:-14%}.sample-jar .jar-tag b{font-size:16px}.year-row{padding:16px 14px 12px}.stat{padding:14px}.stat-value{font-size:32px}.light-options{grid-template-columns:minmax(0,1fr)}.light-option{grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:14px}.light-swatch{grid-row:span 2;height:48px;margin:0}.detail-jar-col{padding:22px 18px 18px}.detail-stage{padding:16px 24% 0}}@media (prefers-reduced-motion:reduce){.shelf-room *,.shelf-room :before,.shelf-room :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/3d51db290a6a25f3-s.0kkodo7okz7sx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/f7054824cbb51795-s.3gwda9lv2grgl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/74effe3e2193102a-s.p.2ke8r1sltdje0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_8e62a749-module__DN0DtG__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_8e62a749-module__DN0DtG__variable{--font-jar:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}