.note-modal{padding-bottom:env(safe-area-inset-bottom)}.note-body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 20px}.note-textarea{width:100%;min-height:120px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;font-family:inherit;padding:12px;resize:none;box-sizing:border-box;outline:none;transition:border-color .15s}.note-textarea:focus{border-color:var(--accent)}.mic-btn{width:56px;height:56px;border-radius:50%;border:2px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.mic-btn svg{width:22px;height:22px}.mic-btn.listening{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--bg3));animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--danger) 40%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--danger) 0%,transparent)}}.note-actions{display:flex;gap:12px;padding:0 20px 20px}.note-btn{flex:1;height:48px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s}.note-btn.cancel{background:var(--bg3);color:var(--text-dim)}.note-btn.save{background:var(--accent);color:#fff}.note-btn.save:disabled{opacity:.4;cursor:default}@keyframes tapFlash{0%{opacity:.45}to{opacity:0}}.tap-flash{position:fixed;inset:0;background:hsla(var(--flash-hue, 0),70%,70%,1);pointer-events:none;z-index:200;opacity:0;animation:tapFlash .3s ease-out forwards}.counter-view{display:flex;flex-direction:column;height:100dvh;background:var(--bg);-webkit-user-select:none;user-select:none}.counter-loading{height:100dvh;background:var(--bg)}.counter-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:var(--bg2);border-bottom:1px solid var(--border);min-height:60px}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.icon-btn svg{width:22px;height:22px}.icon-btn:active{color:var(--text);background:var(--bg3)}.counter-name-btn{background:none;border:none;color:var(--text);font-size:18px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .15s;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter-name-btn:active{background:var(--bg3)}.name-form{flex:1;display:flex;justify-content:center;margin:0 8px}.name-input{background:var(--bg3);border:1px solid var(--accent);border-radius:8px;color:var(--text);font-size:18px;font-weight:600;padding:6px 12px;text-align:center;width:100%;outline:none}.counter-top{position:relative;z-index:50}.settings-backdrop{position:fixed;inset:0;z-index:48}.settings-panel{position:absolute;top:100%;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:0 20px;z-index:49;animation:panel-in .18s ease-out;box-shadow:0 8px 24px #0000004d}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);color:var(--text);font-size:15px}.settings-row:last-child{border-bottom:none}.history-btn{background:none;border:none;width:100%;cursor:pointer;color:var(--text)}.history-btn:active{color:var(--accent)}.chevron{width:16px;height:16px;color:var(--text-dim)}.step-control{display:flex;align-items:center;gap:16px}.step-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.step-btn:active{background:var(--accent-dim)}.step-value{font-size:18px;font-weight:600;min-width:32px;text-align:center}.counter-middle{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.count-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.edge-peek{position:absolute;top:0;bottom:0;width:20px;pointer-events:none}.edge-peek--left{left:0;background:linear-gradient(to right,hsla(var(--peek-hue),70%,55%,.55),transparent)}.edge-peek--right{right:0;background:linear-gradient(to left,hsla(var(--peek-hue),70%,55%,.55),transparent)}.count-display{font-size:clamp(72px,22vw,120px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-2px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.step-indicator{font-size:13px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase}.elapsed-display{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-dim);opacity:.55;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.tap-button{--btn-hue: 245;width:min(280px,72vw);aspect-ratio:1;border-radius:50%;border:none;background:radial-gradient(circle at 35% 35%,hsl(var(--btn-hue),80%,70%),hsl(var(--btn-hue),75%,58%) 60%,hsl(var(--btn-hue),70%,42%));box-shadow:0 0 0 8px hsla(var(--btn-hue),75%,58%,.12),0 0 0 16px hsla(var(--btn-hue),75%,58%,.06),0 16px 48px hsla(var(--btn-hue),70%,45%,.35),inset 0 1px #fff3;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tap-button:active{transform:scale(.96);box-shadow:0 0 0 4px hsla(var(--btn-hue),75%,58%,.15),0 8px 24px hsla(var(--btn-hue),70%,45%,.25),inset 0 2px 4px #0003}.tap-label{font-size:22px;font-weight:700;letter-spacing:4px;color:#ffffffe6;color:contrast-color(hsl(var(--btn-hue) 75% 58%));pointer-events:none}.streak-label{position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:#ffffffb3;color:contrast-color(hsl(var(--btn-hue) 75% 58%));pointer-events:none;animation:streak-in .15s ease-out}@keyframes streak-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.bottom-controls{display:flex;justify-content:center;gap:16px;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--border)}.ctrl-btn{width:60px;height:60px;border-radius:50%;border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .08s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ctrl-btn svg{width:22px;height:22px}.ctrl-btn:active{transform:scale(.94);background:var(--bg)}.ctrl-btn.undo.disabled{opacity:.3;cursor:default}.ctrl-btn.reset.confirm{border-color:var(--danger);color:var(--danger)}.reset-confirm-text{font-size:13px;font-weight:600}.settings-reset-btn{color:var(--danger);justify-content:flex-start}.reset-confirm-modal{padding-bottom:max(16px,env(safe-area-inset-bottom))}.reset-confirm-body{padding:16px 20px;color:var(--text-dim);font-size:14px;margin:0}.note-btn.danger{background:var(--danger);color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:100;animation:overlay-in .22s ease}.modal{background:var(--bg2);border-radius:20px 20px 0 0;width:100%;max-height:75dvh;display:flex;flex-direction:column;animation:sheet-in .28s cubic-bezier(.32,.72,0,1)}@keyframes overlay-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:18px;color:var(--text)}.history-list{overflow-y:auto;flex:1;padding:8px 0}.history-day-header{padding:6px 20px 4px;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;background:var(--bg2);position:sticky;top:0;z-index:2}.history-item-wrap{position:relative;overflow:hidden;touch-action:pan-y}.history-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg2);transform:translate(0);transition:transform .2s ease;z-index:1}.history-item.swiped{transform:translate(-72px)}.history-item-wrap:last-child .history-item{border-bottom:none}.history-delete-btn{position:absolute;right:0;top:0;bottom:0;width:72px;background:var(--danger);border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.history-value{font-size:14px;font-weight:600;min-width:40px;font-variant-numeric:tabular-nums}.history-value.positive{color:var(--success)}.history-value.negative{color:var(--danger)}.history-item--note{gap:8px;align-items:flex-start}.history-note-icon{color:var(--text-dim);flex-shrink:0;padding-top:2px}.history-note-text{flex:1;font-size:14px;color:var(--text);white-space:pre-wrap;word-break:break-word}.history-time{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.empty-msg{text-align:center;color:var(--text-dim);padding:40px 20px}.counter-list-view{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.list-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:var(--bg2);border-bottom:1px solid var(--border);min-height:60px}.list-header>:first-child{justify-self:start}.list-title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.list-scroll{flex:1;overflow-y:auto;overscroll-behavior-y:contain}.multi-counter-row{flex:1;display:flex;align-items:center;gap:14px;padding:18px 20px;background:none;border:none;cursor:pointer;color:var(--text);font-size:17px;text-align:left;transition:background .15s;-webkit-tap-highlight-color:transparent}.multi-counter-row:active{background:var(--bg3)}.multi-counter-row.active{color:var(--text);font-weight:700}.multi-counter-row-icon{color:var(--accent);display:flex;align-items:center}.multi-counter-row-label{flex:1;font-weight:500}.multi-counter-row-chevron{color:var(--text-dim)}.list-body{padding:8px 0}.install-prompt{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;margin:12px 0 4px;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.install-prompt-text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.3}.install-prompt-text strong{font-size:15px}.install-prompt-text span{color:var(--text-dim)}.install-prompt-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.install-prompt-how{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.install-prompt-how:active{opacity:.85}.install-prompt-dismiss{background:none;border:none;color:var(--text-dim);padding:6px;cursor:pointer;display:flex;align-items:center;border-radius:6px}.install-prompt-dismiss:active{color:var(--text)}.list-settings{padding:24px 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}.list-settings-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:0 20px 8px}a.settings-action-row{text-decoration:none}.settings-action-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg2);border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);font-size:16px}.settings-action-row:active{background:var(--bg3)}.settings-action-row--danger{color:var(--danger);border-top:none}.list-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:100}.list-modal{background:var(--bg2);border-radius:20px 20px 0 0;width:100%;padding:24px 20px 20px}.list-modal-header h2{margin:0 0 12px;font-size:18px}.list-modal-body{margin:0 0 24px;color:var(--text-dim);font-size:15px;line-height:1.4}.list-modal-actions{display:flex;gap:12px}.list-modal-btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;background:var(--bg3);color:var(--text)}.list-modal-btn--danger{background:var(--danger);color:#fff}.settings-toggle-row{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg2);border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text)}.settings-toggle-row:active{background:var(--bg3)}.settings-toggle-text{flex:1;display:flex;flex-direction:column;gap:4px}.settings-toggle-title{font-size:16px;font-weight:500}.settings-toggle-desc{font-size:13px;color:var(--text-dim);line-height:1.4}.toggle-switch{flex-shrink:0;width:51px;height:31px;border-radius:16px;background:var(--bg3);border:2px solid var(--border);position:relative;transition:background .2s,border-color .2s}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .2s}.toggle-switch.on .toggle-thumb{transform:translate(20px)}.list-item{display:flex;align-items:center;border-bottom:1px solid var(--border)}.list-item:first-child{border-top:1px solid var(--border)}.list-item-main{flex:1;background:none;border:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;color:var(--text);font-size:17px;text-align:left;transition:background .15s}.list-item-main:active{background:var(--bg3)}.list-item.active .list-item-main{color:hsl(var(--item-hue),75%,68%)}.list-item-dot{width:14px;height:14px;border-radius:50%;background:hsl(var(--item-hue),70%,58%);flex-shrink:0;opacity:.5}.list-item.active .list-item-dot{opacity:1;box-shadow:0 0 0 3px hsla(var(--item-hue),70%,58%,.25)}.list-item-dot--pickable{background:hsl(var(--item-hue),70%,58%);border:none;cursor:pointer;padding:0;border-radius:50%;opacity:.85;box-shadow:0 0 0 3px hsla(var(--item-hue),70%,58%,.3);flex-shrink:0;-webkit-tap-highlight-color:transparent}.list-item-name{font-weight:500}.list-item-name-edit{flex:1;background:none;border:none;color:var(--text);font-size:17px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;padding:0}.list-item-rename{flex:1;width:100%;background:none;border:none;border-bottom:1px solid var(--accent);color:var(--text);font-size:17px;font-weight:500;font-family:inherit;padding:0 0 2px;outline:none}.list-delete-btn{background:none;border:none;color:var(--danger);padding:18px 20px;cursor:pointer;display:flex;align-items:center;opacity:.7;transition:opacity .15s}.list-delete-btn svg{width:20px;height:20px}.list-delete-btn:active{opacity:1}.drag-handle{display:flex;align-items:center;padding:18px 4px 18px 16px;color:var(--text-dim);cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing;color:var(--text)}.multi-view{display:flex;flex-direction:column;height:100dvh;background:var(--bg);-webkit-user-select:none;user-select:none}.multi-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:var(--bg2);border-bottom:1px solid var(--border);min-height:60px;flex-shrink:0}.multi-header>:first-child{justify-self:start}.multi-header>:last-child{justify-self:end}.multi-title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.multi-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);min-height:0}.multi-grid--2up{grid-template-rows:1fr}.multi-grid--4up{grid-template-rows:1fr 1fr}.multi-slot{background:var(--bg);position:relative;display:flex;align-items:stretch;overflow:hidden}.multi-slot--empty{align-items:center;justify-content:center;background:var(--bg);border:none;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.multi-slot--empty:active{background:var(--bg3)}.multi-slot--hidden{pointer-events:none}.add-slot-icon{color:var(--text-dim);opacity:.4}.multi-cell{flex:1;display:grid;grid-template-rows:1fr auto;padding:8px 8px 0}.cell-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.cell-loading{flex:1;background:var(--bg)}.cell-count{font-size:clamp(28px,9vw,52px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-1px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.cell-elapsed{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-dim);opacity:.55;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.multi-grid--2up .cell-count{font-size:clamp(48px,14vw,90px)}.multi-grid--2up .cell-elapsed{font-size:13px}.cell-tap-btn{--btn-hue: 245;width:min(120px,28vw);aspect-ratio:1;border-radius:50%;border:none;background:radial-gradient(circle at 35% 35%,hsl(var(--btn-hue),80%,70%),hsl(var(--btn-hue),75%,58%) 60%,hsl(var(--btn-hue),70%,42%));box-shadow:0 0 0 4px hsla(var(--btn-hue),75%,58%,.12),0 8px 24px hsla(var(--btn-hue),70%,45%,.3),inset 0 1px #fff3;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:10px;margin:4px 0}.cell-tap-btn:active{transform:scale(.94);box-shadow:0 0 0 2px hsla(var(--btn-hue),75%,58%,.15),0 4px 12px hsla(var(--btn-hue),70%,45%,.2),inset 0 2px 4px #0003}.multi-grid--2up .cell-tap-btn{width:min(200px,44vw)}.cell-name{font-size:clamp(11px,3vw,15px);font-weight:600;color:#ffffffe6;color:contrast-color(hsl(var(--btn-hue) 75% 58%));pointer-events:none;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.multi-grid--2up .cell-name{font-size:clamp(13px,3.5vw,18px)}.cell-streak{position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:#ffffffb3;color:contrast-color(hsl(var(--btn-hue) 75% 58%));pointer-events:none;animation:streak-in .15s ease-out}.multi-grid--2up .cell-streak{top:calc(50% + 28px);font-size:15px}@keyframes streak-in{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.cell-controls{display:flex;gap:10px;justify-content:center;padding:8px 0 12px}.cell-ctrl{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .08s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cell-ctrl svg{width:18px;height:18px}.cell-ctrl:active{transform:scale(.92);background:var(--bg)}.cell-ctrl.disabled{opacity:.3;cursor:default}.cell-remove-btn{position:absolute;top:6px;right:6px;z-index:10;width:28px;height:28px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.history-counter-identity{display:flex;align-items:center;gap:6px;flex-shrink:0}.history-counter-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.history-counter-name{font-size:12px;font-weight:600;color:var(--text-dim);flex-shrink:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-list{padding:8px 0;overflow-y:auto}.picker-item{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;color:var(--text);font-size:17px;text-align:left;transition:background .15s;-webkit-tap-highlight-color:transparent}.picker-item:last-child{border-bottom:none}.picker-item:active{background:var(--bg3)}.picker-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.help-view{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.help-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:var(--bg2);border-bottom:1px solid var(--border);min-height:60px}.help-header>:first-child{justify-self:start}.help-title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.help-scroll{flex:1;overflow-y:auto;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.help-section{margin-bottom:24px}.help-section h2{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text)}.help-section p{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--text-dim)}.help-section p:last-child{margin-bottom:0}.help-icon-label{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.help-icon{width:15px;height:15px;vertical-align:middle;opacity:.7;flex-shrink:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{overscroll-behavior-y:none;--bg: #0f0f1a;--bg2: #1a1a2e;--bg3: #252540;--accent: #6c63ff;--accent-dim: rgba(108, 99, 255, .2);--text: #e0e0f0;--text-dim: #8888aa;--danger: #ff4f6a;--success: #4fc98e;--border: rgba(255, 255, 255, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .4)}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;overflow:hidden}body[data-view=counter]{background:var(--bg2)}#root{width:100%;height:100dvh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden}@keyframes vt-slide-out-left{to{transform:translate(-35%);opacity:0}}@keyframes vt-slide-in-from-right{0%{transform:translate(35%);opacity:0}}@keyframes vt-slide-out-right{to{transform:translate(35%);opacity:0}}@keyframes vt-slide-in-from-left{0%{transform:translate(-35%);opacity:0}}html[data-vt]::view-transition-old(root),html[data-vt]::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-vt=to-list]::view-transition-old(root){animation:vt-slide-out-right .22s ease}html[data-vt=to-list]::view-transition-new(root){animation:vt-slide-in-from-left .22s ease}html[data-vt=to-counter]::view-transition-old(root){animation:vt-slide-out-left .22s ease}html[data-vt=to-counter]::view-transition-new(root){animation:vt-slide-in-from-right .22s ease}html[data-vt=swipe-left]::view-transition-old(root){animation:vt-slide-out-left .16s cubic-bezier(.25,.46,.45,.94)}html[data-vt=swipe-left]::view-transition-new(root){animation:vt-slide-in-from-right .16s cubic-bezier(.25,.46,.45,.94)}html[data-vt=swipe-right]::view-transition-old(root){animation:vt-slide-out-right .16s cubic-bezier(.25,.46,.45,.94)}html[data-vt=swipe-right]::view-transition-new(root){animation:vt-slide-in-from-left .16s cubic-bezier(.25,.46,.45,.94)}