:root{color-scheme:dark;--md-sys-color-primary: #10b981;--md-sys-color-on-primary: #052e1f;--md-sys-color-primary-container: #064e3b;--md-sys-color-on-primary-container: #a7f3d0;--md-sys-color-secondary: #94a3b8;--md-sys-color-on-secondary: #0f172a;--md-sys-color-secondary-container: #334155;--md-sys-color-on-secondary-container: #e2e8f0;--md-sys-color-surface: #1a1a1a;--md-sys-color-on-surface: #ffffff;--md-sys-color-surface-variant: #2a2a2a;--md-sys-color-on-surface-variant: #b3b3b3;--md-sys-color-surface-container: #171717;--md-sys-color-surface-container-high: #1f1f1f;--md-sys-color-surface-container-highest: #27272a;--md-sys-color-outline: rgba(63, 63, 70, .85);--md-sys-color-outline-variant: rgba(63, 63, 70, .55);--md-sys-color-error: #f87171;--md-sys-color-on-error: #450a0a;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 24px;--md-sys-shape-corner-full: 9999px;--md-ref-typeface-brand: Roboto, Inter, system-ui, sans-serif;--md-ref-typeface-plain: Roboto, Inter, system-ui, sans-serif;--m3-color-primary: var(--md-sys-color-primary);--m3-color-surface: var(--md-sys-color-surface);--m3-color-surface-elevated: var(--md-sys-color-surface-container);--m3-color-border: var(--md-sys-color-outline);--m3-color-border-muted: var(--md-sys-color-outline-variant);--m3-color-error: var(--md-sys-color-error)}.smartpaw-m3-oauth-btn{width:100%;min-height:3.5rem;--md-outlined-button-container-shape: var(--md-sys-shape-corner-medium);--md-outlined-button-outline-color: rgba(255, 255, 255, .12);--md-outlined-button-label-text-color: var(--md-sys-color-on-surface);--md-outlined-button-container-color: rgba(255, 255, 255, .97);--md-outlined-button-hover-state-layer-color: var(--md-sys-color-on-surface);--md-outlined-button-hover-state-layer-opacity: .08;--md-outlined-button-pressed-state-layer-opacity: .12;transition:transform var(--m3-duration-short) var(--m3-easing-standard)}.smartpaw-m3-oauth-btn:not([disabled]):active{transform:scale(.985)}.smartpaw-m3-oauth-btn::part(label){display:flex;align-items:center;justify-content:center;gap:.625rem;font-weight:600}.smartpaw-m3-btn-block{width:100%;--md-filled-button-container-shape: var(--md-sys-shape-corner-medium);--md-outlined-button-container-shape: var(--md-sys-shape-corner-medium);--md-text-button-container-shape: var(--md-sys-shape-corner-medium)}.smartpaw-m3-field{width:100%;--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-medium);--md-outlined-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-text-field-focus-outline-color: var(--md-sys-color-primary)}@layer base{html{overflow-x:hidden;background-color:#121212}body{background-color:#121212;color:#fff;margin:0;font-family:Inter,sans-serif;overflow-x:hidden;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#27272a;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#047857;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#059669}.custom-scrollbar{scrollbar-color:#047857 #27272a;scrollbar-width:thin}.glow-emerald{box-shadow:0 0 20px #10b98126}.pulse-outline{outline:2px solid white;outline-offset:4px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.path-card-elevation{box-shadow:0 1px 2px #00000040,0 4px 12px #0003}.path-card-elevation-hover{box-shadow:0 2px 4px #00000040,0 8px 24px #00000038}.path-card-active{box-shadow:0 0 0 1px #10b98140,0 4px 20px #10b9811f}.path-progress-glow{box-shadow:0 0 12px #10b98159}.path-cta-sticky{position:sticky;bottom:0;z-index:30}@media(min-width:768px){.path-cta-sticky{position:relative;bottom:auto}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.dot-grid{background-image:radial-gradient(circle,#262626 1px,transparent 1px);background-size:24px 24px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slideInRight{animation:slideInRight var(--m3-duration-medium, .2s) var(--m3-easing-standard, cubic-bezier(.2, 0, 0, 1)) forwards}@media(prefers-reduced-motion:reduce){.animate-slideInRight{animation:none!important}}@keyframes explainDots{0%,80%,to{opacity:.4;transform:scale(.9)}40%{opacity:1;transform:scale(1)}}@keyframes slide-list{0%,to{transform:translate(0);opacity:1}50%{transform:translate(3px);opacity:.5}}.mode-card:hover .live-list-1{animation:slide-list 1.8s ease-in-out infinite}.mode-card:hover .live-list-2{animation:slide-list 1.8s ease-in-out infinite .3s}.mode-card:hover .live-list-3{animation:slide-list 1.8s ease-in-out infinite .6s}@keyframes shuffle-action{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-8deg)}50%{transform:scale(1.15) rotate(8deg)}75%{transform:scale(1.15) rotate(-8deg)}}.mode-card:hover .live-shuffle-icon{animation:shuffle-action 1.5s ease-in-out infinite;transform-origin:center}.input-cards-count::-webkit-inner-spin-button{border-left:1px solid rgb(16 185 129);background:#10b98126;color:#10b981}.input-cards-count:focus{border-color:#10b981;box-shadow:0 0 0 1px #10b981}:root{--m3-duration-short: .15s;--m3-duration-medium: .2s;--m3-duration-dialog: .24s;--m3-duration-emphasis: .28s;--m3-easing-standard: cubic-bezier(.2, 0, 0, 1);--m3-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--m3-radius-sm: .5rem;--m3-radius-md: .75rem;--m3-radius-lg: 1rem;--m3-radius-xl: 1.5rem;--m3-color-surface: #1a1a1a;--m3-color-surface-elevated: #171717;--m3-color-border: rgba(63, 63, 70, .85);--m3-color-border-muted: rgba(63, 63, 70, .55);--m3-color-primary: #10b981;--m3-color-error: #f87171;--m3-color-error-border: rgba(248, 113, 113, .45);--m3-color-error-bg: rgba(127, 29, 29, .22);--m3-color-success: #34d399;--m3-color-success-border: rgba(52, 211, 153, .4);--m3-color-success-bg: rgba(6, 78, 59, .22);--m3-color-info: #60a5fa;--m3-color-info-border: rgba(96, 165, 250, .45);--m3-color-info-bg: rgba(30, 58, 138, .2);--m3-shadow-ambient: 0 1px 2px rgba(0, 0, 0, .28);--m3-shadow-hover: 0 2px 8px rgba(0, 0, 0, .35);--m3-shadow-dialog: 0 24px 48px rgba(0, 0, 0, .45)}@media(prefers-reduced-motion:reduce){:root{--m3-duration-short: 1ms;--m3-duration-medium: 1ms;--m3-duration-dialog: 1ms;--m3-duration-emphasis: 1ms}}@keyframes m3-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes m3-dialog-in{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes m3-toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes m3-reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.m3-motion-backdrop{animation:m3-backdrop-in var(--m3-duration-medium) var(--m3-easing-standard) both}.m3-motion-dialog{animation:m3-dialog-in var(--m3-duration-dialog) var(--m3-easing-standard) both}.m3-motion-toast{animation:m3-toast-in var(--m3-duration-medium) var(--m3-easing-standard) both;transform-origin:bottom right}.m3-motion-reveal{animation:m3-reveal-in var(--m3-duration-emphasis) var(--m3-easing-standard) backwards}@media(prefers-reduced-motion:reduce){.m3-motion-backdrop,.m3-motion-dialog,.m3-motion-toast,.m3-motion-reveal{animation:none!important;opacity:1!important;transform:none!important}}.m3-surface-panel{background-color:var(--m3-color-surface);border:1px solid var(--m3-color-border);border-radius:var(--m3-radius-xl);box-shadow:var(--m3-shadow-ambient)}.m3-surface-elevated{background-color:var(--m3-color-surface-elevated);border:1px solid var(--m3-color-border);border-radius:var(--m3-radius-xl);box-shadow:var(--m3-shadow-dialog)}.m3-alert{border-radius:var(--m3-radius-lg);font-size:.875rem;line-height:1.45;transition:border-color var(--m3-duration-medium) var(--m3-easing-standard),background-color var(--m3-duration-medium) var(--m3-easing-standard)}.m3-alert--error{color:#fecaca;background:var(--m3-color-error-bg);border:1px solid var(--m3-color-error-border)}.m3-alert--success{color:#d1fae5;background:var(--m3-color-success-bg);border:1px solid var(--m3-color-success-border)}.m3-alert--info{color:#dbeafe;background:var(--m3-color-info-bg);border:1px solid var(--m3-color-info-border)}.m3-toast{display:flex;align-items:center;gap:.75rem;min-width:min(300px,calc(100vw - 2rem));padding:.75rem 1rem;border-radius:var(--m3-radius-lg);color:#fff;background:#18181b;border:1px solid rgb(39 39 42);box-shadow:var(--m3-shadow-dialog);transition:box-shadow var(--m3-duration-medium) var(--m3-easing-standard),border-color var(--m3-duration-medium) var(--m3-easing-standard)}.m3-toast--success{border-left:3px solid var(--m3-color-primary)}.m3-toast--error{border-left:3px solid rgb(239 68 68)}.m3-toast--info{border-left:3px solid rgb(59 130 246)}.m3-surface-card{transition:box-shadow var(--m3-duration-medium) var(--m3-easing-standard),border-color var(--m3-duration-medium) var(--m3-easing-standard),background-color var(--m3-duration-medium) var(--m3-easing-standard),transform var(--m3-duration-short) var(--m3-easing-standard)}.m3-surface-card:hover{box-shadow:var(--m3-shadow-ambient),var(--m3-shadow-hover)}.m3-surface-card:active{transform:scale(.995)}@media(prefers-reduced-motion:reduce){.m3-surface-card:active{transform:none}}.m3-field{transition:border-color var(--m3-duration-medium) var(--m3-easing-standard),box-shadow var(--m3-duration-medium) var(--m3-easing-standard),background-color var(--m3-duration-medium) var(--m3-easing-standard)}.m3-field:focus{outline:none;border-color:#10b98180;box-shadow:0 0 0 3px #10b98133}.m3-field:disabled{opacity:.55;cursor:not-allowed}.m3-field.m3-field--error,.m3-field[aria-invalid=true]{border-color:#f871718c;box-shadow:0 0 0 3px #f871712e}.m3-field.m3-field--error:focus,.m3-field[aria-invalid=true]:focus{border-color:#f87171a6;box-shadow:0 0 0 3px #f8717138}.m3-alert-enter{animation:m3AlertEnter var(--m3-duration-emphasis) var(--m3-easing-standard) forwards}@keyframes m3AlertEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.m3-alert-enter{animation:none}}@media(prefers-reduced-motion:no-preference){.m3-stagger-3>*:nth-child(1){animation-delay:0ms}.m3-stagger-3>*:nth-child(2){animation-delay:55ms}.m3-stagger-3>*:nth-child(3){animation-delay:.11s}}@keyframes sm2-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.sm2-btn-again:hover{animation:sm2-shake .15s ease-in-out 2;box-shadow:0 0 12px #f43f5e66;filter:brightness(1.1)}.sm2-btn-hard{transition:transform .3s cubic-bezier(.4,0,.2,1) 50ms,box-shadow .3s}.sm2-btn-hard:hover{transform:translateY(-2px)}.sm2-btn-good{transition:transform .2s ease-out,box-shadow .2s}.sm2-btn-good:hover{transform:translateY(-3px)}.sm2-btn-easy{transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,filter .15s}.sm2-btn-easy:hover{transform:translateY(-4px);box-shadow:0 0 16px #0ea5e966;filter:brightness(1.1)}.sm2-btn-base:active{transform:scale(.96)!important;transition:transform 80ms ease-out!important}.sm2-btn-base{position:relative;overflow:hidden}.sm2-btn-base:after{content:"";position:absolute;top:50%;left:50%;width:150%;padding-bottom:150%;background:currentColor;opacity:0;border-radius:50%;transform:translate(-50%,-50%) scale(.1);pointer-events:none}.sm2-btn-base:active:after{opacity:.15;transform:translate(-50%,-50%) scale(1);transition:transform .2s ease-out,opacity .1s ease-out}.sm2-card-fade-out{opacity:0;transform:scale(.98);transition:opacity .15s ease-out,transform .15s ease-out}.mode-card{position:relative;background:#1f1f22;border:1px solid #2c2c2e;border-radius:14px;padding:24px 16px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s ease,border-color .2s ease,background .2s ease;width:100%}.mode-card:hover{transform:translateY(-4px);background:#232326}.mode-card:active{transform:translateY(-1px) scale(.98)}.mode-visual{height:20px;display:flex;align-items:center;gap:5px;margin-bottom:4px}.mode-visual .dot{width:7px;height:7px;border-radius:50%}.mode-visual .bar{width:5px;height:16px;border-radius:2px}.mode-spaced:hover{border-color:#534ab7}.mode-spaced .mode-icon{color:#7f77dd}.mode-spaced .mode-title{color:#afa9ec}.mode-spaced .dot.due{background:#7f77dd;animation:mode-pulse 1.4s ease-in-out infinite}.mode-spaced .dot.due:nth-child(2){animation-delay:.2s}.mode-spaced .dot.soon{background:#534ab7;opacity:.5}.mode-spaced .dot.fresh{background:#3c3489;opacity:.25}.mode-sequential:hover{border-color:#378add}.mode-sequential .mode-icon{color:#85b7eb}.mode-sequential .mode-title{color:#b5d4f4}.mode-sequential .bar{background:#378add;opacity:.85}.mode-sequential:hover .bar{animation:mode-stepUp .6s ease forwards}.mode-sequential .bar:nth-child(1){animation-delay:0ms}.mode-sequential .bar:nth-child(2){animation-delay:80ms}.mode-sequential .bar:nth-child(3){animation-delay:.16s}.mode-sequential .bar:nth-child(4){animation-delay:.24s}.mode-random:hover{border-color:#5dcaa5}.mode-random .mode-icon{color:#5dcaa5}.mode-random .mode-title{color:#9fe1cb}.mode-random .dot.scatter{background:#5dcaa5}.mode-random:hover .dot.scatter{animation:mode-jitter .4s ease infinite}.mode-random .s1{animation-delay:0ms}.mode-random .s2{animation-delay:70ms}.mode-random .s3{animation-delay:.14s}.mode-random .s4{animation-delay:.21s}@keyframes mode-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}@keyframes mode-stepUp{0%{transform:scaleY(1)}50%{transform:scaleY(1.5)}to{transform:scaleY(1)}}@keyframes mode-jitter{0%,to{transform:translate(0)}25%{transform:translate(2px,-2px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}}@keyframes menu-home-bounce{0%,to{transform:translateY(0);color:inherit}50%{transform:translateY(-3px);color:#10b981}}.group:hover .menu-icon-home{animation:menu-home-bounce 1.5s ease-in-out infinite}@keyframes menu-trend-shoot{0%,to{transform:translate(0);color:inherit}50%{transform:translate(3px,-3px);color:#10b981}}.group:hover .menu-icon-trend{animation:menu-trend-shoot 1.5s ease-in-out infinite}@keyframes menu-heartbeat{0%,to{transform:scale(1);color:inherit}50%{transform:scale(1.15);color:#f43f5e}}.group:hover .menu-icon-heart{animation:menu-heartbeat 1.5s ease-in-out infinite}@keyframes menu-globe-spin{0%{transform:rotate(0);color:inherit}25%{color:#3b82f6}75%{color:#3b82f6}to{transform:rotate(360deg);color:inherit}}.group:hover .menu-icon-globe{animation:menu-globe-spin 6s linear infinite}@keyframes menu-book-flip{0%,to{transform:perspective(400px) rotateY(0);color:inherit}50%{transform:perspective(400px) rotateY(-15deg);color:#38bdf8}}.group:hover .menu-icon-book{animation:menu-book-flip 2s ease-in-out infinite}@keyframes menu-map-fold{0%,to{transform:skew(0) scaleY(1);color:inherit}50%{transform:skew(4deg) scaleY(.95);color:#f59e0b}}.group:hover .menu-icon-map{animation:menu-map-fold 2s ease-in-out infinite}@keyframes menu-plus-spin{0%,to{transform:rotate(0);color:inherit}50%{transform:rotate(90deg);color:#10b981}}.group:hover .menu-icon-plus{animation:menu-plus-spin 2s ease-in-out infinite}