:root{--font-sans: "Be Vietnam Pro", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-11: 64px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--z-base: 1;--z-header: 40;--z-drawer: 60;--z-modal: 90;--background-primary: #f4f3ff;--background-card: rgba(255, 255, 255, .82);--background-elevated: rgba(255, 255, 255, .92);--background-soft: rgba(79, 70, 229, .08);--text-primary: #1e1b4b;--text-secondary: #4c4b6b;--accent-color: #4f46e5;--accent-contrast: #ffffff;--color-bg: var(--background-primary);--color-text: var(--text-primary);--color-card: #ffffff;--color-surface: var(--background-card);--color-muted: var(--text-secondary);--color-primary: var(--accent-color);--color-primary-contrast: var(--accent-contrast);--color-badge-bg: #ede9fe;--color-ghost-border: rgba(79, 70, 229, .22);--color-video-overlay: rgba(244, 243, 255, .55);--shadow-card: 0 10px 34px rgba(79, 70, 229, .12);--shadow-button: 0 12px 24px rgba(79, 70, 229, .25);--app-video-opacity: .55;--app-overlay-opacity: .45;--scrollbar-track: rgba(79, 70, 229, .08);--scrollbar-thumb: rgba(79, 70, 229, .42);--scrollbar-thumb-hover: rgba(79, 70, 229, .62);--surface-1: var(--background-card);--surface-2: var(--background-elevated);--surface-3: var(--background-soft);--accent: var(--accent-color);--border-subtle: rgba(79, 70, 229, .2);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .3)}[data-theme=dark]{--background-primary: #0c0616;--background-card: rgba(25, 16, 40, .82);--background-elevated: rgba(31, 20, 50, .94);--background-soft: rgba(167, 139, 250, .16);--text-primary: #ede9fe;--text-secondary: #b2a8d6;--accent-color: #6d28d9;--accent-contrast: #ffffff;--color-card: #191028;--color-badge-bg: #2b1645;--color-ghost-border: rgba(167, 139, 250, .3);--color-video-overlay: rgba(12, 6, 22, .6);--shadow-card: 0 12px 36px rgba(5, 3, 12, .5);--shadow-button: 0 14px 28px rgba(109, 40, 217, .45);--app-video-opacity: .4;--app-overlay-opacity: .55;--scrollbar-track: rgba(109, 40, 217, .18);--scrollbar-thumb: rgba(167, 139, 250, .45);--scrollbar-thumb-hover: rgba(167, 139, 250, .7);--border-subtle: rgba(167, 139, 250, .32);--focus-ring: 0 0 0 3px rgba(167, 139, 250, .34)}[data-theme=christmas]{--background-primary: #fff7ed;--background-card: rgba(255, 248, 240, .88);--background-elevated: rgba(255, 252, 248, .95);--background-soft: rgba(185, 28, 28, .1);--text-primary: #7c2d12;--text-secondary: #9a3412;--accent-color: #b91c1c;--accent-contrast: #ffffff;--color-card: #ffffff;--color-badge-bg: #fee2e2;--color-ghost-border: rgba(185, 28, 28, .35);--color-video-overlay: rgba(255, 237, 213, .6);--shadow-card: 0 14px 28px rgba(185, 28, 28, .16);--shadow-button: 0 14px 28px rgba(185, 28, 28, .28);--app-video-opacity: .5;--app-overlay-opacity: .4;--scrollbar-track: rgba(185, 28, 28, .1);--scrollbar-thumb: rgba(185, 28, 28, .38);--scrollbar-thumb-hover: rgba(185, 28, 28, .56);--border-subtle: rgba(185, 28, 28, .26);--focus-ring: 0 0 0 3px rgba(185, 28, 28, .26)}[data-theme=lunar]{--background-primary: #ffe8d0;--background-card: rgba(255, 232, 208, .92);--background-elevated: rgba(255, 241, 226, .96);--background-soft: rgba(152, 32, 0, .1);--text-primary: #982000;--text-secondary: #7a2e00;--accent-color: #982000;--accent-contrast: #ffe8d0;--color-card: #ffe8d0;--color-badge-bg: #127253;--color-ghost-border: rgba(7, 124, 148, .55);--color-video-overlay: rgba(152, 32, 0, .45);--shadow-card: 0 16px 30px rgba(152, 32, 0, .2);--shadow-button: 0 18px 34px rgba(241, 178, 50, .45);--app-video-opacity: .45;--app-overlay-opacity: .4;--scrollbar-track: rgba(152, 32, 0, .12);--scrollbar-thumb: rgba(152, 32, 0, .4);--scrollbar-thumb-hover: rgba(152, 32, 0, .6);--border-subtle: rgba(152, 32, 0, .32);--focus-ring: 0 0 0 3px rgba(152, 32, 0, .3)}[data-theme=halloween]{--background-primary: #0b0a1a;--background-card: rgba(24, 14, 38, .9);--background-elevated: rgba(31, 19, 48, .96);--background-soft: rgba(249, 115, 22, .14);--text-primary: #f6e7d6;--text-secondary: #cfb59a;--accent-color: #f97316;--accent-contrast: #120d22;--color-card: #1b102a;--color-badge-bg: #2a123d;--color-ghost-border: rgba(249, 115, 22, .4);--color-video-overlay: rgba(11, 10, 26, .68);--shadow-card: 0 14px 36px rgba(6, 5, 15, .6);--shadow-button: 0 14px 28px rgba(249, 115, 22, .35);--app-video-opacity: .35;--app-overlay-opacity: .58;--scrollbar-track: rgba(249, 115, 22, .12);--scrollbar-thumb: rgba(249, 115, 22, .42);--scrollbar-thumb-hover: rgba(249, 115, 22, .65);--border-subtle: rgba(249, 115, 22, .35);--focus-ring: 0 0 0 3px rgba(249, 115, 22, .32)}[data-theme]{--color-bg: var(--background-primary);--color-text: var(--text-primary);--color-surface: var(--background-card);--color-muted: var(--text-secondary);--color-primary: var(--accent-color);--color-primary-contrast: var(--accent-contrast);--surface-1: var(--background-card);--surface-2: var(--background-elevated);--surface-3: var(--background-soft);--accent: var(--accent-color)}html{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;line-height:1.55;color:var(--text-primary)}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em}p{margin:0}.text-eyebrow{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}:root{--motion-fast: .12s;--motion-base: .18s;--motion-slow: .22s;--ease-standard: cubic-bezier(.2, .65, .25, 1)}*{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:var(--motion-base);transition-timing-function:var(--ease-standard)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}html,body,*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}body{margin:0;min-height:100vh;color:var(--text-primary);background:var(--background-primary);overflow-x:hidden}a{color:inherit}img,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{width:min(1200px,calc(100% - var(--space-6)));margin-inline:auto}@media(min-width:768px){.container{width:min(1240px,calc(100% - var(--space-8)))}}.surface{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.page-enter{animation:fade-slide-up var(--motion-slow) var(--ease-standard)}.ui-button{border:1px solid transparent;border-radius:var(--radius-pill);padding:10px 18px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.ui-button--sm{padding:8px 14px;font-size:.9rem}.ui-button--md{padding:10px 18px}.ui-button--lg{padding:12px 22px}.ui-button--primary{background:var(--accent);color:var(--accent-contrast)}.ui-button--ghost{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.ui-button--soft{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-subtle)}.ui-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.ui-badge{background:var(--color-badge-bg);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ui-section-header{display:grid;gap:var(--space-2)}.ui-section-header__title{font-size:clamp(1.4rem,2.2vw,1.9rem)}.ui-section-header__subtitle{color:var(--text-secondary)}.ui-input,.ui-select{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-2);padding:10px 12px}.ui-empty,.ui-error{text-align:center;display:grid;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-md);background:var(--surface-3)}.ui-error{border:1px dashed var(--border-subtle)}.ui-skeleton{width:100%;border-radius:var(--radius-md);background:linear-gradient(110deg,var(--surface-3),rgba(255,255,255,.18),var(--surface-3));background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.ui-skeleton--line{height:20px}.ui-skeleton--block{height:140px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-6)}.ui-modal__backdrop{position:absolute;inset:0;background:#0a08149e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal__panel{position:relative;z-index:1;width:min(960px,94vw);max-height:90vh;overflow:auto;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-6)}@media(max-width:768px){.ui-card{padding:var(--space-5)}.ui-modal{padding:var(--space-4)}.ui-modal__panel{padding:var(--space-5)}}.app-shell{position:relative;min-height:100vh;padding-block:var(--space-4) var(--space-6)}.app-shell__background,.app-shell__overlay{position:fixed;inset:0}.app-shell__background{z-index:-3;overflow:hidden;background:var(--background-primary)}.app-shell__background video,.app-shell__background img{width:100%;height:100%;object-fit:cover;opacity:var(--app-video-opacity)}.app-shell__overlay{z-index:-2;background:var(--color-video-overlay);opacity:var(--app-overlay-opacity)}.app-shell__content{display:grid;gap:var(--space-5);position:relative;z-index:var(--z-base)}.app-header{position:sticky;top:var(--space-3);z-index:var(--z-header);display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.app-header__brand{display:grid;gap:2px;text-decoration:none}.app-header__nav-toggle{display:none;border:1px solid var(--border-subtle);background:var(--surface-3);border-radius:var(--radius-pill);width:40px;height:40px;cursor:pointer}.app-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.app-nav__link{text-decoration:none;padding:8px 12px;border-radius:var(--radius-pill);font-weight:600;color:var(--text-secondary)}.app-nav__link:hover,.app-nav__link:focus-visible{background:var(--surface-3);color:var(--text-primary)}.app-nav__link.router-link-active{background:var(--surface-3);color:var(--accent)}.app-header__settings{position:relative;justify-self:end}.app-header__settings-menu{position:absolute;top:calc(100% + var(--space-2));right:0;padding:var(--space-3);min-width:240px;display:grid;gap:var(--space-3)}.app-header__field{display:grid;gap:var(--space-1)}.app-header__locales{display:grid;gap:var(--space-2)}.app-header__locale-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px;gap:4px}.app-header__locale-option{border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-pill);padding:8px 10px;font-weight:700;letter-spacing:.04em;cursor:pointer}.app-header__locale-option:hover,.app-header__locale-option:focus-visible{color:var(--text-primary);background:#ffffff14}.app-header__locale-option--active{background:var(--surface-2);color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.app-shell__main-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.app-shell__main{min-width:0}.app-sidebar{display:grid;gap:var(--space-4)}.app-sidebar__section{display:grid;gap:var(--space-3)}.app-sidebar__quote{display:grid;gap:var(--space-2);color:var(--text-secondary)}.app-sidebar__stats{display:grid;gap:var(--space-1)}.app-sidebar__pet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.app-sidebar__pet-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md)}.app-footer{padding:var(--space-3) var(--space-4);text-align:center}.app-shell__chibi{position:fixed;right:var(--space-3);bottom:var(--space-3);width:min(140px,26vw);pointer-events:none;opacity:.9;z-index:0}@media(min-width:1024px){.app-shell{padding-block:var(--space-5) var(--space-7)}.app-shell__main-grid{grid-template-columns:1fr 320px;align-items:start}.app-sidebar{position:sticky;top:calc(var(--space-9) + 12px);max-height:calc(100vh - 140px);overflow:auto;padding-right:var(--space-1)}}@media(max-width:920px){.app-header{grid-template-columns:auto auto 1fr}.app-header__nav-toggle{display:inline-grid;place-items:center}.app-nav{display:none;grid-column:1 / -1;justify-content:flex-start;padding-top:var(--space-2)}.app-nav--open{display:flex}.app-header__settings{grid-column:3}}.welcome-view[data-v-af00792f]{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);position:relative;cursor:pointer}.welcome-view__background[data-v-af00792f],.welcome-view__overlay[data-v-af00792f]{position:absolute;inset:0}.welcome-view__background video[data-v-af00792f]{width:100%;height:100%;object-fit:cover;opacity:.5}.welcome-view__overlay[data-v-af00792f]{background:#0c0a1e59}.welcome-view__card[data-v-af00792f]{position:relative;z-index:1;width:min(560px,100%);text-align:center;display:grid;gap:var(--space-3);padding:var(--space-7)}.welcome-view__cta[data-v-af00792f]{margin-top:var(--space-2);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);border-radius:var(--radius-pill);padding:10px 16px;font-weight:600}.home-view[data-v-eb1d197b],.home-view__hero[data-v-eb1d197b]{display:grid;gap:var(--space-4)}.home-view__hero-actions[data-v-eb1d197b]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-view__grid[data-v-eb1d197b]{display:grid;gap:var(--space-4);grid-template-columns:1fr}.home-view__card[data-v-eb1d197b]{display:grid;gap:var(--space-3)}.home-view__link-grid[data-v-eb1d197b]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-view__video[data-v-eb1d197b]{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.home-view__video iframe[data-v-eb1d197b]{width:100%;height:100%;border:0}@media(min-width:768px){.home-view__grid[data-v-eb1d197b]{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-list{display:grid;gap:var(--space-4)}.blog-list__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.blog-list__card{display:grid;gap:var(--space-3)}.blog-list__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--text-secondary);font-size:.9rem}.blog-list__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-list__link{justify-self:start}.blog-detail{display:grid;gap:var(--space-4)}.blog-detail__content{color:var(--text-secondary);line-height:1.7}.blog-detail__related{display:grid;gap:var(--space-3);grid-template-columns:1fr}.blog-detail__related-card{display:grid;gap:var(--space-2)}@media(min-width:768px){.blog-list__grid,.blog-detail__related{grid-template-columns:repeat(2,minmax(0,1fr))}}.snake{display:grid;gap:var(--space-4)}.snake__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.snake__title{margin:0 0 var(--space-1)}.snake__subtitle{color:var(--text-secondary)}.snake__modes{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.snake__mode,.snake__button{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:8px 14px;background:var(--surface-3);cursor:pointer;font-weight:600}.snake__mode--active,.snake__button{background:var(--accent);color:var(--accent-contrast)}.snake__button--ghost{background:transparent;color:var(--text-primary)}.snake__controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.snake__score{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-3)}.snake__board{position:relative;display:grid;place-items:center;border-radius:var(--radius-md);background:#0f172a99;border:1px solid var(--border-subtle);padding:var(--space-3)}.snake__canvas{width:min(360px,100%);height:auto;border-radius:var(--radius-sm)}.snake__event{position:absolute;left:50%;bottom:var(--space-2);transform:translate(-50%);padding:6px 10px;border-radius:var(--radius-pill);background:#0f172ad1}.snake__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0f172aa6;border-radius:var(--radius-md)}.snake__overlay-card{padding:var(--space-4);border-radius:var(--radius-md);display:grid;gap:var(--space-2);text-align:center;background:var(--surface-2)}.snake__over-text{color:var(--text-secondary)}.games{display:grid;gap:var(--space-4)}.games__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.games__card{display:grid;gap:var(--space-3)}.games__action{justify-self:start}.games__modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.games-view[data-v-724833d4],.music,.music__player-card,.music__video-card,.music__playlist-modal{display:grid;gap:var(--space-4)}.music__top{display:grid;gap:var(--space-3);grid-template-columns:88px 1fr;align-items:center}.music__thumb{width:88px;height:88px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);object-fit:cover;box-shadow:var(--shadow-card)}.music__meta{display:grid;gap:var(--space-1)}.music__title{font-size:1.08rem}.music__timeline{display:grid;gap:var(--space-1)}.music__progress{width:100%;accent-color:var(--accent);cursor:pointer}.music__time-row{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.84rem}.music__transport{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.music__video-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.music__video-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.music__video-frame{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.music__video-frame iframe{width:100%;height:100%;border:0}.music__video-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.music__video-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);display:grid;gap:var(--space-2);padding:var(--space-2);text-align:left;cursor:pointer}.music__video-item:hover,.music__video-item:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-button)}.music__video-item--active{background:var(--surface-3);border-color:var(--accent)}.music__video-item img{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xs);object-fit:cover}.music__playlist-list{display:grid;gap:var(--space-2)}.music__playlist-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);text-align:left;padding:10px 12px;cursor:pointer;color:var(--text-primary)}.music__playlist-item:hover,.music__playlist-item:focus-visible{background:var(--surface-3)}.music__playlist-item--active{background:var(--surface-3);border-color:var(--accent)}@media(max-width:640px){.music__top{grid-template-columns:1fr}.music__thumb{width:72px;height:72px}.music__transport{justify-content:flex-start}}.wheel-tool{display:grid;gap:var(--space-4);grid-template-columns:1fr}.wheel-tool__controls,.wheel-tool__stage,.wheel-tool__history{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.wheel-tool__controls{display:grid;gap:var(--space-3)}.wheel-tool__field{display:grid;gap:var(--space-2);font-weight:600}.wheel-tool__textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-primary);padding:var(--space-3);resize:vertical;min-height:220px}.wheel-tool__meta{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:.9rem}.wheel-tool__hint{font-weight:600}.wheel-tool__error{margin:0;color:#fca5a5;font-weight:600}.wheel-tool__actions,.wheel-tool__winner-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wheel-tool__stage{display:grid;place-items:center;gap:var(--space-4)}.wheel-tool__canvas-wrap{position:relative;width:min(460px,100%);aspect-ratio:1 / 1;display:grid;place-items:center}.wheel-tool__canvas{width:100%;height:100%;border-radius:50%;background:var(--surface-2);border:2px solid var(--border-subtle)}.wheel-tool__pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid var(--accent);filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.wheel-tool__spin{min-width:140px}.wheel-tool__history{display:grid;gap:var(--space-3);width:100%}.wheel-tool__history-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.wheel-tool__history-list li{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2)}.wheel-tool__history-rank{color:var(--text-secondary);font-weight:600;min-width:36px}.wheel-tool__result-popup{display:grid;gap:var(--space-4);text-align:center;justify-items:center;animation:wheel-popup-in .22s ease-out}.wheel-tool__winner-name{margin:0;font-size:clamp(1.8rem,4.5vw,2.6rem);color:var(--text-primary);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 42%,transparent)}.wheel-tool__confetti{position:relative;width:min(360px,100%);height:70px;pointer-events:none}.wheel-tool__confetti-piece{position:absolute;top:18px;width:8px;height:14px;border-radius:999px;opacity:0;animation:confetti-fall .8s ease-out forwards;background:hsl(calc(var(--piece-index, 1) * 23),85%,62%)}.wheel-tool__confetti-piece:nth-child(odd){width:6px;height:10px}.wheel-tool__confetti-piece:nth-child(1){left:6%;animation-delay:0ms}.wheel-tool__confetti-piece:nth-child(2){left:12%;animation-delay:30ms}.wheel-tool__confetti-piece:nth-child(3){left:18%;animation-delay:60ms}.wheel-tool__confetti-piece:nth-child(4){left:24%;animation-delay:90ms}.wheel-tool__confetti-piece:nth-child(5){left:30%;animation-delay:.12s}.wheel-tool__confetti-piece:nth-child(6){left:36%;animation-delay:.15s}.wheel-tool__confetti-piece:nth-child(7){left:42%;animation-delay:.18s}.wheel-tool__confetti-piece:nth-child(8){left:48%;animation-delay:.21s}.wheel-tool__confetti-piece:nth-child(9){left:54%;animation-delay:.24s}.wheel-tool__confetti-piece:nth-child(10){left:60%;animation-delay:.27s}.wheel-tool__confetti-piece:nth-child(11){left:66%;animation-delay:.3s}.wheel-tool__confetti-piece:nth-child(12){left:72%;animation-delay:.33s}.wheel-tool__confetti-piece:nth-child(13){left:78%;animation-delay:.36s}.wheel-tool__confetti-piece:nth-child(14){left:84%;animation-delay:.39s}.wheel-tool__confetti-piece:nth-child(15){left:90%;animation-delay:.42s}.wheel-tool__confetti-piece:nth-child(16){left:15%;animation-delay:.18s}.wheel-tool__confetti-piece:nth-child(17){left:50%;animation-delay:.12s}.wheel-tool__confetti-piece:nth-child(18){left:82%;animation-delay:.2s}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px) rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(44px) rotate(200deg)}}@keyframes wheel-popup-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:980px){.wheel-tool{grid-template-columns:minmax(320px,420px) 1fr;align-items:start}.wheel-tool__stage{min-height:100%}}.bmi-tool[data-v-1d0e81d1]{gap:var(--space-4)}.bmi-tool__gender-toggle[data-v-1d0e81d1]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid var(--border-subtle);background:var(--surface-3);border-radius:var(--radius-pill);padding:4px}.bmi-tool__gender-option[data-v-1d0e81d1]{border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-pill);padding:8px 10px;font-weight:700;cursor:pointer}.bmi-tool__gender-option--active[data-v-1d0e81d1]{background:var(--surface-2);color:var(--text-primary);border-color:var(--accent)}.bmi-tool__result[data-v-1d0e81d1]{justify-content:space-between}.bmi-tool__result--underweight[data-v-1d0e81d1]{border-color:#3b82f699;color:#60a5fa}.bmi-tool__result--normal[data-v-1d0e81d1]{border-color:#22c55e99;color:#4ade80}.bmi-tool__result--overweight[data-v-1d0e81d1]{border-color:#f9731699;color:#fb923c}.bmi-tool__result--obese[data-v-1d0e81d1]{border-color:#ef4444a6;color:#f87171}.bmi-tool__table-wrap[data-v-1d0e81d1]{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.bmi-tool__table[data-v-1d0e81d1]{width:100%;border-collapse:collapse;min-width:320px}.bmi-tool__table th[data-v-1d0e81d1],.bmi-tool__table td[data-v-1d0e81d1]{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.bmi-tool__table th[data-v-1d0e81d1]{color:var(--text-secondary);font-size:.88rem}.bmi-tool__row--active[data-v-1d0e81d1]{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--accent)}.tools-hub{display:grid;gap:var(--space-4)}.tools-hub__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.tools-hub__card{display:grid;gap:var(--space-3);align-content:start;min-height:220px}.tools-hub__icon{width:42px;height:42px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:1.4rem;background:var(--surface-3)}.tools-hub__launch{justify-self:start;margin-top:auto}.tools-hub__modal-content{display:grid;gap:var(--space-4)}.tools-hub__modal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(min-width:720px){.tools-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.tools-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-panel{display:grid;gap:var(--space-3)}.tool-field{display:grid;gap:var(--space-1);color:var(--text-secondary);font-weight:600}.tool-grid-2{display:grid;gap:var(--space-2);grid-template-columns:1fr}.tool-textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-primary);padding:var(--space-3);resize:vertical}.tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-result{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tool-stats{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.tool-stat{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--space-2);display:grid;gap:4px}.tool-stat span{color:var(--text-secondary);font-size:.86rem}.tool-timer{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-align:center;letter-spacing:.04em}@media(min-width:760px){.tool-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}