:root{--bg: #0a0a0b;--card: #151517;--card-2: #1a1a1d;--card-3: #1c1c1f;--chip: #232326;--hairline: #26262a;--track: #26262a;--text: #f5f5f7;--muted: rgb(235 235 245 / .6);--dim: rgb(235 235 245 / .45);--faint: rgb(235 235 245 / .3);--disabled: rgb(235 235 245 / .18);--accent: #8b87ff;--accent-deep: #5e5ce6;--accent-ink: #0a0a0b;--red: #ff453a;--green: #30d158;--amber: #ff9f0a;--blue: #4da3ff;--cyan: #64d2ff;--pink: #ff6482;--teal: #40c8c0;--r-lg: 18px;--r-md: 16px;--r-sm: 12px;--tabbar-h: 96px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-optical-sizing:auto}.t-large-title{font-size:34px;line-height:41px;letter-spacing:.374px;font-weight:700}.t-title1{font-size:28px;line-height:34px;letter-spacing:.364px;font-weight:700}.t-title2{font-size:22px;line-height:28px;letter-spacing:.35px;font-weight:700}.t-title3{font-size:20px;line-height:25px;letter-spacing:.38px;font-weight:600}.t-headline{font-size:17px;line-height:22px;letter-spacing:-.408px;font-weight:600}.t-body{font-size:17px;line-height:22px;letter-spacing:-.408px;font-weight:400}.t-callout{font-size:16px;line-height:21px;letter-spacing:-.32px;font-weight:400}.t-subhead{font-size:15px;line-height:20px;letter-spacing:-.24px;font-weight:400}.t-footnote{font-size:13px;line-height:18px;letter-spacing:-.078px;font-weight:400}.t-caption{font-size:12px;line-height:16px;letter-spacing:0;font-weight:400}.t-caption2{font-size:11px;line-height:13px;letter-spacing:.066px;font-weight:400}.t-semibold{font-weight:600}.t-medium{font-weight:500}:root{--dur-press: .1s;--dur-fast: .2s;--dur-base: .35s;--dur-nav: .35s;--dur-sheet: .5s;--dur-sheet-out: .4s;--ease-in: cubic-bezier(.42, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .58, 1);--ease-in-out: cubic-bezier(.42, 0, .58, 1);--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-parallax: cubic-bezier(.35, .91, .33, .97);--ease-parallax-rev: cubic-bezier(.67, .03, .65, .09);--dur-spring: 697ms;--dur-spring-smooth: 735ms;--dur-spring-quick: 367ms;--ease-spring: var(--ease-sheet);--ease-spring-smooth: var(--ease-sheet);--ease-spring-quick: var(--ease-sheet)}@supports (transition-timing-function: linear(0,1)){:root{--ease-spring: linear(0, .038, .13, .246, .369, .487, .594, .687, .765, .828, .878, .916, .945, .967, .982, .992, .999, 1.003, 1.005, 1.006, 1.006, 1.006, 1.005, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1);--ease-spring-smooth: linear(0, .041, .134, .248, .364, .473, .569, .653, .722, .78, .827, .864, .894, .918, .937, .951, .963, .971, .978, .983, .987, .99, .993, .995, .996, .997, .998, .998, .999, 1);--ease-spring-quick: linear(0, .086, .254, .428, .579, .698, .788, .853, .9, .932, .955, .97, .98, .987, .991, .994, .996, .998, .998, 1)}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}::-webkit-scrollbar{width:0;height:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--text)}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}a{color:var(--accent);text-decoration:none}svg{display:block}#app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.screen{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:none;padding:calc(14px + env(safe-area-inset-top)) 18px calc(var(--tabbar-h) + 24px);display:none;background:var(--bg)}.screen.active{display:block}.screen[data-nav=enter-push]{animation:navEnterPush var(--dur-nav) var(--ease-out)}.screen[data-nav=leave-push]{animation:navLeavePush var(--dur-nav) var(--ease-parallax) forwards}.screen[data-nav=enter-pop]{animation:navEnterPop var(--dur-nav) var(--ease-parallax-rev)}.screen[data-nav=leave-pop]{animation:navLeavePop var(--dur-nav) var(--ease-out) forwards}.screen[data-nav=enter-fade]{animation:navEnterFade var(--dur-base) var(--ease-out)}.screen[data-nav=leave-fade]{animation:navLeaveFade var(--dur-base) var(--ease-out) forwards}@keyframes navEnterPush{0%{transform:translate(100%)}to{transform:none}}@keyframes navLeavePush{0%{transform:none;filter:brightness(1)}to{transform:translate(-33.333%);filter:brightness(.92)}}@keyframes navEnterPop{0%{transform:translate(-33.333%);filter:brightness(.92)}to{transform:none;filter:brightness(1)}}@keyframes navLeavePop{0%{transform:none}to{transform:translate(100%)}}@keyframes navEnterFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes navLeaveFade{0%{opacity:1}to{opacity:0}}.screen.flush{padding-left:0;padding-right:0;padding-top:0}.screen-head{display:flex;align-items:center;justify-content:space-between;margin:2px 0 16px;gap:12px}.screen-head .h-left{display:flex;align-items:center;gap:12px;min-width:0}.h1{font-size:34px;line-height:41px;font-weight:700;letter-spacing:.374px}.h2{font-size:22px;line-height:28px;font-weight:700;letter-spacing:.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--card-2);display:flex;align-items:center;justify-content:center;color:var(--text);flex:none;position:relative;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-btn:after{content:"";position:absolute;inset:-4px;border-radius:50%}.icon-btn:hover{background:var(--hairline)}.icon-btn:active{transform:scale(.92)}.icon-btn.accent{color:var(--accent)}.card{background:var(--card);border-radius:var(--r-lg);padding:16px}.card.tappable{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.card.tappable:hover{background:var(--card-3)}.chip{font-size:11px;line-height:13px;letter-spacing:.066px;background:var(--chip);color:var(--muted);padding:4px 8px;border-radius:6px;font-weight:500;white-space:nowrap}.chip.accent{background:#8b87ff24;color:var(--accent)}.chip.green{background:#30d1581f;color:var(--green)}.chip.red{background:#ff453a1f;color:var(--red)}.grp-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:13px;letter-spacing:.066px;font-weight:500;padding:3px 8px 3px 6px;border-radius:6px;white-space:nowrap;background:color-mix(in srgb,var(--gc) 16%,transparent);color:var(--gc)}.grp-chip i{width:6px;height:6px;border-radius:50%;background:var(--gc);flex:none}.overline{font-size:13px;line-height:18px;font-weight:400;letter-spacing:-.078px;color:var(--dim);text-transform:uppercase}.tile-icon{width:36px;height:36px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:14px;padding:15px;min-height:50px;font-size:17px;line-height:22px;letter-spacing:-.408px;font-weight:600;transition:filter var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:#ff453a1f;color:var(--red)}.btn.danger:hover{background:#ff453a33}.btn.quiet{background:var(--card);color:var(--text)}.btn.quiet:hover{background:var(--card-3)}.btn.outline{background:#8b87ff14;border:1px solid rgba(139,135,255,.3);color:var(--accent)}.btn.outline:hover{background:#8b87ff24}.btn:disabled{opacity:.45;pointer-events:none}.btn.small{padding:10px 14px;width:auto;min-height:44px;font-size:15px;letter-spacing:-.24px;border-radius:12px}.seg{display:flex;background:var(--card);border-radius:14px;padding:3px}.seg button{flex:1;text-align:center;min-height:38px;border-radius:11px;font-size:15px;letter-spacing:-.24px;font-weight:500;color:var(--dim);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg button.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills button{font-size:15px;letter-spacing:-.24px;font-weight:500;min-height:44px;padding:0 16px;border-radius:22px;background:var(--card-3);color:var(--dim);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.pills button.on{background:var(--accent);color:var(--accent-ink)}.pills button:active{transform:scale(.96)}.list-group{background:var(--card);border-radius:var(--r-md);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;position:relative;padding:11px 14px;min-height:44px;cursor:pointer;width:100%;text-align:left;transition:background var(--dur-fast) var(--ease-out)}.list-row:not(:last-child):after{content:"";position:absolute;left:56px;right:0;bottom:0;height:1px;background:var(--chip)}.list-row.no-icon:not(:last-child):after{left:14px}.list-row:hover{background:var(--card-3)}.list-row:active{background:var(--chip)}.list-row .row-icon{width:30px;height:30px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center}.list-row .row-name{flex:1;font-size:17px;line-height:22px;letter-spacing:-.408px;font-weight:400;min-width:0}.list-row .row-value{font-size:17px;letter-spacing:-.408px;color:var(--dim)}.list-row .row-chev{color:var(--disabled)}.toggle{width:48px;height:29px;border-radius:15px;position:relative;background:#39393d;transition:background var(--dur-fast) var(--ease-out);flex:none}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000004d;transition:transform var(--dur-spring-quick) var(--ease-spring-quick)}.toggle.on:after{transform:translate(19px)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--dim);text-transform:uppercase}.input,.field input,.field select,.field textarea{background:var(--card);border:1px solid transparent;outline:none;border-radius:var(--r-sm);padding:12px 14px;font-size:15px;width:100%;appearance:none;-webkit-appearance:none;transition:border-color var(--dur-fast) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#8b87ff80}.field textarea{resize:vertical;min-height:72px}.field .hint{font-size:12px;color:var(--faint)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-error{font-size:13px;line-height:18px;letter-spacing:-.078px;color:var(--red);background:#ff453a1a;border-radius:var(--r-sm);padding:10px 12px;animation:navEnterFade var(--dur-fast) var(--ease-out)}.tabbar[hidden]{display:none}.tabbar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(340px,calc(100vw - 48px));height:64px;background:#18181beb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #2a2a2e;border-radius:32px;display:flex;align-items:center;justify-content:space-around;z-index:40;box-shadow:0 10px 30px #00000080}.tabbar button{width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;color:#6e6e73;transition:color var(--dur-fast) var(--ease-out)}.tabbar button:hover{background:#ffffff0d}.tabbar button.on{color:var(--accent)}.tab-glyph{display:block;width:24px;height:24px;transition:transform var(--dur-spring-quick) var(--ease-spring-quick)}.tabbar button:active .tab-glyph{transform:scale(.9);transition:transform var(--dur-press) var(--ease-out)}.tabbar button span{font-size:10px;line-height:12px;font-weight:500;letter-spacing:.1px}.sheet-veil{position:fixed;inset:0;background:#0000007a;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:veilIn var(--dur-sheet) var(--ease-out)}@keyframes veilIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:none}}.sheet{width:min(480px,100vw);max-height:88dvh;overflow-y:auto;background:#121214;border-radius:22px 22px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));animation:sheetIn var(--dur-sheet) var(--ease-sheet);will-change:transform}.sheet.dragging{animation:none;transition:none}.sheet-veil.closing{animation:veilOut var(--dur-sheet-out) var(--ease-in) forwards;pointer-events:none}.sheet-veil.closing .sheet{animation:sheetOut var(--dur-sheet-out) var(--ease-in) forwards}@keyframes veilOut{to{opacity:0}}@keyframes sheetOut{to{transform:translateY(100%)}}.sheet .grab{width:36px;height:5px;border-radius:3px;background:#3a3a3e;margin:2px auto 14px}.sheet-title{font-size:20px;line-height:25px;letter-spacing:.38px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}#app{transition:transform var(--dur-sheet) var(--ease-sheet),border-radius var(--dur-sheet) var(--ease-sheet);transform-origin:50% 0}body.sheet-open #app{transform:scale(.92) translateY(10px);border-radius:12px;overflow:hidden}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 12px);transform:translate(-50%);background:#2c2c2e;color:var(--text);font-size:15px;letter-spacing:-.24px;font-weight:500;padding:11px 18px;border-radius:22px;z-index:80;box-shadow:0 8px 24px #00000080;white-space:nowrap;animation:toastIn var(--dur-base) var(--ease-out)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}to{opacity:1;transform:translate(-50%)}}.empty{text-align:center;padding:46px 24px;color:var(--dim)}.empty .e-icon{width:64px;height:64px;border-radius:18px;background:var(--card);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.empty .e-title{font-size:20px;line-height:25px;letter-spacing:.38px;font-weight:600;color:var(--text);margin-bottom:5px}.empty .e-sub{font-size:15px;line-height:20px;letter-spacing:-.24px;max-width:280px;margin:0 auto 16px}.section-head{font-size:20px;line-height:25px;letter-spacing:.38px;font-weight:600;margin-bottom:10px}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.section-row .section-head{margin-bottom:0}.section-link{font-size:17px;letter-spacing:-.408px;font-weight:400;color:var(--accent);min-height:44px;display:flex;align-items:center;transition:opacity var(--dur-press) var(--ease-out)}.section-link:active{opacity:.4}.muted{color:var(--dim)}.sp8{height:8px}.sp12{height:12px}.sp16{height:16px}.sp20{height:20px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spin{animation-duration:1s!important;animation-iteration-count:infinite!important}.screen[data-nav]{animation:navEnterFade var(--dur-fast) var(--ease-out)!important}.screen[data-nav^=leave]{animation:navLeaveFade var(--dur-fast) var(--ease-out) forwards!important}.sheet{animation:veilIn var(--dur-fast) var(--ease-out)!important}body.sheet-open #app{transform:none;border-radius:0}.btn:active,.icon-btn:active,.pills button:active{transform:none}}.auth[hidden]{display:none}.auth{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.auth:before{content:"";position:absolute;left:50%;top:22%;width:90vmax;height:90vmax;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(94,92,230,.16),transparent 55%);pointer-events:none}.auth-inner{width:100%;max-width:360px;position:relative}.auth-mark{width:66px;height:66px;border-radius:20px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:0 12px 34px #5e5ce657}.auth-title{font-size:34px;line-height:41px;letter-spacing:.374px;font-weight:700;text-align:center}.auth-sub{font-size:15px;line-height:20px;letter-spacing:-.24px;color:var(--dim);text-align:center;margin:6px 0 30px}.auth-form .field:last-of-type{margin-bottom:18px}.auth-form .btn{margin-top:4px}.auth-pass{position:relative}.auth-pass input{padding-right:48px}.auth-peek{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dim);transition:color var(--dur-fast) var(--ease-out)}.auth-peek:hover{color:var(--text)}.auth-msg[hidden]{display:none}.auth-msg{font-size:13px;line-height:18px;letter-spacing:-.078px;color:var(--red);background:#ff453a1a;border-radius:var(--r-sm);padding:10px 12px;margin-bottom:14px}.auth-msg.shake{animation:authShake .42s var(--ease-out)}@keyframes authShake{0%,to{transform:none}15%{transform:translate(-7px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(2px)}}.auth.enter .auth-mark,.auth.enter .auth-title,.auth.enter .auth-sub,.auth.enter .auth-form .field:nth-of-type(1),.auth.enter .auth-form .field:nth-of-type(2),.auth.enter .auth-form .btn{animation:authRise var(--dur-spring-smooth) var(--ease-spring-smooth) backwards}.auth.enter .auth-mark{animation-delay:0ms}.auth.enter .auth-title{animation-delay:60ms}.auth.enter .auth-sub{animation-delay:.1s}.auth.enter .auth-form .field:nth-of-type(1){animation-delay:.15s}.auth.enter .auth-form .field:nth-of-type(2){animation-delay:195ms}.auth.enter .auth-form .btn{animation-delay:.24s}@keyframes authRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.auth.enter .auth-mark,.auth.enter .auth-title,.auth.enter .auth-sub,.auth.enter .auth-form .field,.auth.enter .auth-form .btn,.auth-msg.shake{animation:none}}.today-date{font-size:15px;line-height:20px;letter-spacing:-.24px;font-weight:600;color:var(--accent);text-transform:uppercase}.today-summary{display:flex;align-items:center;gap:12px;width:100%;text-align:left;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.today-summary:active{transform:scale(.98)}.today-summary-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.mo-head{margin-bottom:6px}.mo-wd{text-align:center;font-size:11px;line-height:13px;letter-spacing:.066px;font-weight:600;color:var(--dim);text-transform:uppercase}.mo-pad{aspect-ratio:1}.mo-cell{aspect-ratio:1;border-radius:12px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px;position:relative;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.mo-cell:hover{background:var(--card-3)}.mo-cell:active{transform:scale(.94)}.mo-n{font-size:15px;line-height:18px;letter-spacing:-.24px;font-weight:500;font-variant-numeric:tabular-nums}.mo-cell.today .mo-n{color:var(--accent-ink);background:var(--accent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mo-dots{display:flex;align-items:center;gap:3px;min-height:6px}.mo-dots i{width:5px;height:5px;border-radius:50%;flex:none}.mo-more{font-size:9px;line-height:1;font-weight:600;color:var(--dim);font-variant-numeric:tabular-nums}.mo-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.day-badge{width:26px;height:26px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;background:#8b87ff24;color:var(--accent)}@media(prefers-reduced-motion:reduce){.mo-cell:active{transform:none}}.head-actions{display:flex;align-items:center;gap:8px;flex:none}.ppl-pills{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:0 -18px 14px;padding:0 18px 2px;scrollbar-width:none}.ppl-pills button{flex:none}.ppl-pills button.on,.pf-groups button.on{background:var(--gc, var(--accent));color:var(--accent-ink)}.ppl-count{margin:-4px 0 10px}.ppl-avatar{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;font-weight:600;letter-spacing:.2px;color:#fff}.ppl-name-line{display:flex;align-items:center;gap:8px;min-width:0}.ppl-name-line>.grp-chip{flex:none}.ppl-note{display:block;font-size:13px;line-height:18px;letter-spacing:-.078px;color:var(--dim);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppl-row{animation:pplRowIn var(--dur-spring-smooth) var(--ease-spring-smooth) backwards;animation-delay:var(--row-delay, 0ms)}@keyframes pplRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ppl-row{animation:none}}.swatches{display:flex;gap:10px;flex-wrap:wrap;padding:2px 0}.swatch{width:44px;height:44px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-press) var(--ease-out)}.swatch:before{content:"";width:30px;height:30px;border-radius:50%;background:var(--sw);transition:transform var(--dur-spring-quick) var(--ease-spring-quick)}.swatch:after{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid var(--sw);opacity:0;transform:scale(.82);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-spring-quick) var(--ease-spring-quick)}.swatch.on:before{transform:scale(.66)}.swatch.on:after{opacity:1;transform:scale(1)}.swatch:active{transform:scale(.92)}@media(prefers-reduced-motion:reduce){.swatch:active{transform:none}}