@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Source+Sans+3:wght@300;400;600;700&display=swap";:root{--ssi-red: #c23a3a;--ssi-red-dark: #9a2e2e;--ssi-red-light: #e54545;--ssi-red-soft: rgba(194, 58, 58, .15);--ssi-gold: #d4a853;--ssi-gold-dark: #b8923d;--success: #4ade80;--warning: #fbbf24;--error: #ef4444;--font-display: "Noto Sans JP", sans-serif;--font-body: "Source Sans 3", sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}:root,[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-card: #242424;--bg-card-hover: #2d2d2d;--bg-elevated: #333333;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #707070;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(194, 58, 58, .3)}[data-theme=light]{--bg-primary: #f8f5f0;--bg-secondary: #fffcf7;--bg-card: #fffdf9;--bg-card-hover: #fff8f0;--bg-elevated: #f3efe8;--bg-input: #fffdf9;--text-primary: #2d2926;--text-secondary: #5c5550;--text-muted: #8a837a;--text-inverse: #fffcf7;--border-subtle: rgba(139, 109, 76, .1);--border-medium: rgba(139, 109, 76, .18);--border-strong: rgba(139, 109, 76, .28);--border-focus: var(--ssi-red);--shadow-sm: 0 2px 8px rgba(139, 109, 76, .1);--shadow-md: 0 4px 20px rgba(139, 109, 76, .14);--shadow-lg: 0 8px 40px rgba(139, 109, 76, .18);--shadow-xl: 0 12px 60px rgba(139, 109, 76, .22);--shadow-glow: 0 0 30px rgba(194, 58, 58, .2);--nav-bg: rgba(255, 252, 247, .95);--nav-bg-blur: rgba(255, 252, 247, .85);--modal-backdrop: rgba(45, 41, 38, .5)}html,body,#app{min-height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}:root{--ssi-red: #c23a3a;--ssi-red-dark: #9a2e2e;--ssi-red-light: #e54545;--ssi-gold: #d4a853;--ssi-gold-dark: #b8923d;--ssi-gold-light: #e5c078;--success: #4ade80;--success-muted: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .15);--error: #ef4444;--error-muted: rgba(239, 68, 68, .15);--info: #60a5fa;--info-muted: rgba(96, 165, 250, .15);--belt-white: #f5f5f5;--belt-white-dark: #e0e0e0;--belt-yellow: #fbbf24;--belt-yellow-dark: #d97706;--belt-orange: #f97316;--belt-orange-dark: #ea580c;--belt-green: #22c55e;--belt-green-dark: #16a34a;--belt-blue: #3b82f6;--belt-blue-dark: #2563eb;--belt-brown: #92400e;--belt-brown-dark: #78350f;--belt-black: #1f2937;--belt-black-dark: #111827;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Noto Sans JP", "Source Sans 3", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 50;--z-sticky: 80;--z-nav: 100;--z-modal-backdrop: 150;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--nav-height: 64px;--container-max: 1400px;--sidebar-width: 280px}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-card: #242424;--bg-card-hover: #2d2d2d;--bg-elevated: #333333;--bg-input: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #707070;--text-inverse: #121212;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .25);--border-focus: var(--ssi-red);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(194, 58, 58, .3);--shadow-glow-gold: 0 0 30px rgba(212, 168, 83, .3);--nav-bg: rgba(18, 18, 18, .95);--nav-bg-blur: rgba(18, 18, 18, .85);--modal-backdrop: rgba(0, 0, 0, .7);--logo-bubble-bg: var(--bg-primary);--mountain-opacity: 1;--overlay-gradient: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, .8) 100%)}[data-theme=mist]{--bg-primary: #f0ebe3;--bg-secondary: #f7f3ec;--bg-card: #f7f3ec;--bg-card-hover: #ede7dd;--bg-elevated: #e8e2d8;--bg-input: #f7f3ec;--text-primary: #2c2520;--text-secondary: #5c544a;--text-muted: #998f82;--text-inverse: #f7f3ec;--border-subtle: rgba(100, 80, 55, .1);--border-medium: rgba(100, 80, 55, .18);--border-strong: rgba(100, 80, 55, .3);--border-focus: var(--ssi-red);--shadow-sm: 0 2px 8px rgba(60, 45, 30, .08);--shadow-md: 0 4px 20px rgba(60, 45, 30, .12);--shadow-lg: 0 8px 40px rgba(60, 45, 30, .16);--shadow-xl: 0 12px 60px rgba(60, 45, 30, .2);--shadow-glow: 0 0 30px rgba(194, 58, 58, .15);--shadow-glow-gold: 0 0 30px rgba(212, 168, 83, .2);--nav-bg: rgba(255, 252, 245, .92);--nav-bg-blur: rgba(255, 252, 245, .85);--modal-backdrop: rgba(44, 37, 32, .5);--logo-bubble-bg: var(--bg-primary);--mountain-opacity: .4;--overlay-gradient: linear-gradient(180deg, rgba(240, 235, 227, 0) 0%, rgba(240, 235, 227, .85) 100%)}.belt-white{background:linear-gradient(135deg,var(--belt-white),var(--belt-white-dark));color:#333}.belt-yellow{background:linear-gradient(135deg,var(--belt-yellow),var(--belt-yellow-dark));color:#333}.belt-orange{background:linear-gradient(135deg,var(--belt-orange),var(--belt-orange-dark));color:#fff}.belt-green{background:linear-gradient(135deg,var(--belt-green),var(--belt-green-dark));color:#fff}.belt-blue{background:linear-gradient(135deg,var(--belt-blue),var(--belt-blue-dark));color:#fff}.belt-brown{background:linear-gradient(135deg,var(--belt-brown),var(--belt-brown-dark));color:#fff}.belt-black{background:linear-gradient(135deg,var(--belt-black),var(--belt-black-dark));color:#fff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden}ul,ol{list-style:none}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--ssi-red);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--ssi-red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-ssi-red{color:var(--ssi-red)}.text-ssi-gold{color:var(--ssi-gold)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pwa-update-banner[data-v-7c0bc0ea]{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:10000;padding:0 16px;pointer-events:none;cursor:pointer}.pwa-update-content[data-v-7c0bc0ea]{background:var(--color-surface, #1a1a2e);border:1px solid var(--color-border, #2a2a4a);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 20px #0006;pointer-events:auto;max-width:400px;margin:0 auto}.pwa-update-text[data-v-7c0bc0ea]{color:var(--color-text, #e0e0e0);font-size:14px;font-weight:500}.pwa-update-actions[data-v-7c0bc0ea]{display:flex;gap:8px}.pwa-update-dismiss[data-v-7c0bc0ea]{background:transparent;border:1px solid var(--color-border, #2a2a4a);color:var(--color-text-muted, #888);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.pwa-update-dismiss[data-v-7c0bc0ea]:hover{background:#ffffff0d;color:var(--color-text, #e0e0e0)}.pwa-update-button[data-v-7c0bc0ea]{background:var(--color-accent, #4a90d9);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pwa-update-button[data-v-7c0bc0ea]:hover{background:var(--color-accent-hover, #5a9fe9)}.slide-up-enter-active[data-v-7c0bc0ea],.slide-up-leave-active[data-v-7c0bc0ea]{transition:all .3s ease}.slide-up-enter-from[data-v-7c0bc0ea],.slide-up-leave-to[data-v-7c0bc0ea]{transform:translateY(100%);opacity:0}:root{--bg-primary: #050508;--bg-secondary: #0a0a0f;--bg-card: rgba(255, 255, 255, .03);--bg-elevated: rgba(255, 255, 255, .06);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-inverse: #1a1a2e;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--accent: #c23a3a;--accent-light: #d44545;--accent-dark: #b83232;--accent-glow: rgba(194, 58, 58, .4);--gold: #d4a853;--gold-glow: rgba(212, 168, 83, .4);--gradient-accent: linear-gradient(145deg, #d44545 0%, #b83232 100%);--glow-accent: 0 4px 16px rgba(194, 58, 58, .35);--glow-soft: rgba(100, 100, 150, .06);--network-bg: radial-gradient(ellipse at 50% 50%, rgba(80,80,100,.05) 0%, transparent 50%);--network-node-fill: rgba(255, 255, 255, .85);--network-node-stroke: rgba(255, 255, 255, .6);--network-edge-stroke: rgba(255, 255, 255, .15);--network-active-edge: #60a5fa;--network-label-fill: rgba(255, 255, 255, .9);--nav-height: 80px;--nav-height-safe: calc(80px + env(safe-area-inset-bottom, 0px)) ;--mountain-opacity: .5;--theme-mode: dark}[data-theme=mist]{--bg-primary: #f0ebe3;--bg-secondary: #f7f3ec;--bg-card: rgba(247, 243, 236, .9);--bg-elevated: rgba(232, 226, 216, .95);--bg-overlay: rgba(44, 37, 32, .4);--text-primary: #2c2520;--text-secondary: rgba(92, 84, 74, .85);--text-muted: rgba(153, 143, 130, .8);--text-inverse: #f7f3ec;--border-subtle: rgba(100, 80, 55, .1);--border-medium: rgba(100, 80, 55, .18);--accent: #c23a3a;--accent-light: #d94545;--accent-dark: #a83232;--accent-glow: rgba(194, 58, 58, .15);--gold: #d4a853;--gold-glow: rgba(212, 168, 83, .2);--gradient-accent: linear-gradient(145deg, #d94545 0%, #a83232 100%);--glow-accent: 0 4px 16px rgba(194, 58, 58, .15);--glow-soft: rgba(60, 45, 30, .04);--network-bg: radial-gradient(ellipse at 50% 50%, rgba(200, 185, 160, .2) 0%, transparent 50%);--network-node-fill: rgba(44, 37, 32, .7);--network-node-stroke: rgba(44, 37, 32, .4);--network-edge-stroke: rgba(100, 80, 55, .12);--network-active-edge: #8b5e3c;--network-label-fill: rgba(44, 37, 32, .6);--mountain-opacity: .25;--theme-mode: light}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}@media(display-mode:standalone){body{-webkit-user-select:none;user-select:none}.text-zone,.known-text,.target-text{-webkit-user-select:text;user-select:text}}button{font-family:inherit;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}.app-root[data-v-86ad8474]{min-height:100vh;min-height:100dvh;background:var(--bg-primary)}