@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap);:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px;--color-ink:#1a1a1a;--color-ink-light:#4a4a4a;--color-ink-muted:#8a8a8a;--color-paper:#fafafa;--color-paper-warm:#f7f7f5;--color-white:#fff;--color-black:#000;--color-primary:#c41e3a;--color-primary-hover:#a01830;--color-primary-light:#e85d75;--color-primary-pale:#fff0f3;--color-teal:#227b94;--color-teal-dark:#1a5261;--color-teal-light:#2d9bb8;--color-teal-pale:#e8f4f7;--color-coral:#ff6b6b;--color-coral-dark:#e85555;--color-coral-light:#ff8a8a;--color-gold:#d4a012;--color-gold-dark:#b38a0f;--color-gold-light:#fbbf24;--color-gold-pale:#fffbeb;--color-success:#16a34a;--color-success-light:#f0fdf4;--color-warning:#eab308;--color-warning-light:#fefce8;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-info:#2563eb;--color-info-light:#eff6ff;--bg-primary:var(--color-white);--bg-secondary:var(--color-paper);--bg-tertiary:var(--gray-100);--bg-hover:var(--gray-100);--text-primary:var(--color-ink);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-inverse:var(--color-white);--border-color:var(--gray-200);--border-color-hover:var(--gray-300);--border-color-strong:var(--color-ink);--font-mono:"JetBrains Mono","SF Mono",Monaco,Consolas,monospace;--text-2xs:0.625rem;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.8;--leading-japanese:1.9;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--tracking-ultra:0.15em;--tracking-japanese:0.02em;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.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;--space-32:8rem;--container-xs:320px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--container-full:100%;--content-prose:65ch;--content-prose-jp:40ch;--sidebar-sm:240px;--sidebar-md:280px;--sidebar-lg:320px;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--border-width-2:2px;--border-width-4:4px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-card:0 2px 8px #0000000a,0 1px 3px #0000000f;--shadow-card-hover:0 8px 24px #00000014,0 4px 8px #0000000a;--shadow-card-active:0 4px 12px #0000000f;--ring-width:2px;--ring-offset:2px;--ring-color:var(--color-teal);--ring-color-error:var(--color-danger);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--transition-fast:all 150ms var(--ease-out);--transition-normal:all 200ms var(--ease-out);--transition-slow:all 300ms var(--ease-out);--transition-colors:background-color 200ms,border-color 200ms,color 200ms;--transition-transform:transform 200ms var(--ease-out);--transition-shadow:box-shadow 200ms var(--ease-out);--z-below:-1;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-toast:80;--z-max:9999;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-coral) 100%);--gradient-teal:linear-gradient(135deg,var(--color-teal) 0%,var(--color-info) 100%);--gradient-success:linear-gradient(135deg,var(--color-success) 0%,#4ade80 100%);--gradient-gold:linear-gradient(135deg,gold,orange);--gradient-silver:linear-gradient(135deg,#e8e8e8,silver);--gradient-bronze:linear-gradient(135deg,#cd7f32,#b87333);--gradient-subtle:linear-gradient(180deg,var(--color-white) 0%,var(--gray-50) 100%);--gradient-paper:linear-gradient(180deg,var(--color-paper) 0%,var(--gray-100) 100%)}[data-theme=tokyo]{--color-paper:#fafaf8;--color-paper-warm:#f7f7f5;--bg-tertiary:#f0f0ee;--border-color:#e8e8e6;--border-color-hover:#d8d8d6;--radius-sm:4px;--radius-md:6px;--radius-lg:10px}[data-theme=classic]{--color-primary:#1a1a1a;--color-primary-hover:#333;--color-primary-light:#4a4a4a;--color-primary-pale:#f5f5f5;--color-teal:#4a5568;--color-teal-dark:#2d3748;--color-teal-light:#718096;--color-coral:#718096;--color-gold:#718096;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0}[data-theme=dark]{--color-paper:#0a0a0a;--color-paper-warm:#111;--color-white:#1a1a1a;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-hover:#262626;--color-ink:#fafafa;--color-ink-light:#e5e5e5;--color-ink-muted:#a3a3a3;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--border-color:#262626;--border-color-hover:#404040;--border-color-strong:#fafafa;--shadow-card:0 2px 8px #0000004d;--shadow-card-hover:0 8px 24px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=tokyo]):not([data-theme=classic]){--color-paper:#0a0a0a;--bg-primary:#0a0a0a;--text-primary:#fafafa}}.lang-ja,:root[lang=ja],[lang=ja]{--font-sans:var(--font-japanese);--leading-normal:var(--leading-japanese);--tracking-normal:var(--tracking-japanese);--content-prose:var(--content-prose-jp)}@media (prefers-contrast:high){:root{--border-color:var(--color-black);--border-width:2px;--text-secondary:var(--gray-700);--text-muted:var(--gray-600)}}@media (prefers-reduced-motion:reduce){:root{--duration-75:0ms;--duration-100:0ms;--duration-150:0ms;--duration-200:0ms;--duration-300:0ms;--duration-500:0ms;--transition-fast:none;--transition-normal:none;--transition-slow:none}}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-4,16px);padding-right:16px;padding-right:var(--space-4,16px)}@media (min-width:480px){.container{padding-left:20px;padding-left:var(--space-5,20px);padding-right:20px;padding-right:var(--space-5,20px)}}@media (min-width:768px){.container{max-width:720px;padding-left:24px;padding-left:var(--space-6,24px);padding-right:24px;padding-right:var(--space-6,24px)}}@media (min-width:1024px){.container{max-width:960px;padding-left:32px;padding-left:var(--space-8,32px);padding-right:32px;padding-right:var(--space-8,32px)}}@media (min-width:1280px){.container{max-width:1200px}}@media (min-width:1440px){.container{max-width:1400px}}.container-fluid{max-width:none;padding-left:16px;padding-left:var(--space-4,16px);padding-right:16px;padding-right:var(--space-4,16px);width:100%}.container-narrow{max-width:800px}.container-wide{max-width:1600px}.grid{grid-gap:16px;grid-gap:var(--space-4,16px)}.grid,.grid-auto{display:grid;gap:16px;gap:var(--space-4,16px)}.grid-auto{grid-gap:16px;grid-gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (min-width:480px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.gap-2{gap:8px;gap:var(--space-2,8px)}.gap-3{gap:12px;gap:var(--space-3,12px)}.gap-4{gap:16px;gap:var(--space-4,16px)}.gap-6{gap:24px;gap:var(--space-6,24px)}.gap-8{gap:32px;gap:var(--space-8,32px)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}@media (max-width:767px){.flex-col-mobile{flex-direction:column}.flex-row-mobile{flex-direction:row}}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}.layout-sidebar{grid-gap:24px;grid-gap:var(--space-6,24px);display:grid;gap:24px;gap:var(--space-6,24px)}@media (max-width:1023px){.layout-sidebar{grid-template-columns:1fr}.layout-sidebar__main{order:1}.layout-sidebar__aside{order:2}}@media (min-width:1024px){.layout-sidebar{grid-template-columns:1fr 300px}.layout-sidebar--left{grid-template-columns:280px 1fr}.layout-sidebar--wide{grid-template-columns:1fr 360px}}@media (max-width:479px){.hide-xs{display:none!important}}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width:767px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}}.show-tablet{display:none!important}@media (min-width:768px) and (max-width:1023px){.show-tablet{display:block!important}.show-tablet-flex{display:flex!important}}.show-desktop{display:none!important}@media (min-width:1024px){.show-desktop{display:block!important}.show-desktop-flex{display:flex!important}}.heading-hero{font-size:clamp(1.5rem,5vw,3rem);line-height:1.2}.heading-section{font-size:clamp(1.25rem,3vw,1.875rem);line-height:1.3}.heading-card{font-size:clamp(1rem,2vw,1.25rem);line-height:1.4}@media (max-width:767px){.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}}@media (min-width:768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}}.py-responsive{padding-bottom:24px;padding-bottom:var(--space-6,24px);padding-top:24px;padding-top:var(--space-6,24px)}@media (min-width:768px){.py-responsive{padding-bottom:40px;padding-bottom:var(--space-10,40px);padding-top:40px;padding-top:var(--space-10,40px)}}@media (min-width:1024px){.py-responsive{padding-bottom:64px;padding-bottom:var(--space-16,64px);padding-top:64px;padding-top:var(--space-16,64px)}}.section{padding-bottom:10px;padding-top:10px}@media (min-width:768px){.section{padding-bottom:10px;padding-top:10px}}@media (min-width:1024px){.section{padding-bottom:10px;padding-top:10px}}.table-responsive table{min-width:600px}@media (max-width:767px){.table-cards thead{display:none}.table-cards tbody{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.table-cards tr{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;flex-direction:column;padding:16px;padding:var(--space-4,16px)}.table-cards td{align-items:flex-start;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100,#f5f5f5);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-2,8px) 0}.table-cards td:last-child{border-bottom:none}.table-cards td:before{color:#737373;color:var(--text-muted,#737373);content:attr(data-label);flex-shrink:0;font-size:11px;font-size:var(--text-xs,11px);font-weight:500;letter-spacing:.05em;margin-right:12px;margin-right:var(--space-3,12px);text-transform:uppercase}}.card-responsive{padding:16px;padding:var(--space-4,16px)}@media (min-width:768px){.card-responsive{padding:24px;padding:var(--space-6,24px)}}.card-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px)}@media (max-width:479px){.card-grid{grid-template-columns:1fr}}@media (min-width:480px) and (max-width:767px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.card-grid{gap:20px;gap:var(--space-5,20px);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1279px){.card-grid{gap:24px;gap:var(--space-6,24px);grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.card-grid{gap:24px;gap:var(--space-6,24px);grid-template-columns:repeat(4,1fr)}}.nav-mobile{background:#fff;background:var(--bg-primary,#fff);border-left:1px solid #e5e5e5;border-left:1px solid var(--border-color,#e5e5e5);display:none;height:100vh;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s var(--ease-out);transition:right var(--duration-300,.3s) var(--ease-out);width:min(300px,85vw);z-index:50;z-index:var(--z-modal,50)}.nav-mobile.open{right:0}.nav-mobile-overlay{background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s,visibility .3s;transition:opacity var(--duration-300,.3s),visibility var(--duration-300,.3s);visibility:hidden;z-index:40;z-index:var(--z-modal-backdrop,40)}.nav-mobile-overlay.visible{opacity:1;visibility:visible}.nav-toggle{align-items:center;background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:4px;border-radius:var(--radius-md,4px);cursor:pointer;display:none;height:44px;justify-content:center;transition:background-color .15s;transition:background-color var(--duration-150,.15s);width:44px}.nav-toggle:hover{background:#f7f7f5;background:var(--bg-secondary,#f7f7f5)}@media (max-width:767px){.nav-desktop{display:none!important}.nav-mobile,.nav-mobile-overlay{display:block}.nav-toggle{display:flex}}.form-row{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4,16px)}.form-row>*{flex:1 1 100%}@media (min-width:768px){.form-row>*{flex:1 1 auto}.form-row--2-col>*{flex:1 1 calc(50% - 8px);flex:1 1 calc(50% - var(--space-2, 8px))}.form-row--3-col>*{flex:1 1 calc(33.333% - 12px);flex:1 1 calc(33.333% - var(--space-3, 12px))}}.input-full{width:100%}@media (min-width:768px){.input-md\:auto{width:auto}.input-md\:half{width:50%}}.modal{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4,16px);position:fixed;z-index:50;z-index:var(--z-modal,50)}.modal-content{background:#fff;background:var(--bg-primary,#fff);border-radius:8px;border-radius:var(--radius-lg,8px);max-height:calc(100vh - 32px);max-height:calc(100vh - var(--space-8, 32px));overflow:hidden;width:100%}@media (max-width:479px){.modal{padding:0}.modal-content{border-radius:0;max-height:100%;max-width:100%}}@media (min-width:480px){.modal-content{max-width:500px}.modal-content--wide{max-width:700px}.modal-content--full{max-width:900px}}@media (min-width:1024px){.modal-content--full{max-width:1100px}}.footer-responsive{display:flex;flex-direction:column;gap:24px;gap:var(--space-6,24px);padding:32px 16px;padding:var(--space-8,32px) var(--space-4,16px)}@media (min-width:768px){.footer-responsive{align-items:flex-start;flex-direction:row;justify-content:space-between;padding:40px 24px;padding:var(--space-10,40px) var(--space-6,24px)}}.footer-nav-responsive{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4,16px)}@media (max-width:767px){.footer-nav-responsive{justify-content:center}}.hero{align-items:center;display:flex;min-height:50vh;padding:40px 16px;padding:var(--space-10,40px) var(--space-4,16px)}@media (min-width:768px){.hero{min-height:60vh;padding:64px 24px;padding:var(--space-16,64px) var(--space-6,24px)}}@media (min-width:1024px){.hero{min-height:70vh}}.hero-content{margin:0 auto;max-width:600px;text-align:center}@media (min-width:768px){.hero-content{max-width:800px}.hero--left .hero-content{margin:0;text-align:left}}@media print{.btn:not(.btn-print),.modal,.nav-mobile,.nav-toggle,.theme-toggle,footer nav{display:none!important}body{background:#fff;color:#000}.card{border:1px solid #ccc;box-shadow:none}.container{max-width:100%;padding:0}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.no-page-break{page-break-inside:avoid}}.lang-ja body,[lang=ja] body{font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;letter-spacing:.02em;line-height:1.9;text-rendering:optimizeLegibility}.lang-ja .badge,.lang-ja .btn,.lang-ja .card-title,.lang-ja .footer-link,.lang-ja .label,.lang-ja .menu-item,.lang-ja .nav-link,.lang-ja .section-title,.lang-ja h1,.lang-ja h2,.lang-ja h3,.lang-ja h4,.lang-ja h5,.lang-ja h6,.lang-ja th,[lang=ja] .badge,[lang=ja] .btn,[lang=ja] .card-title,[lang=ja] .footer-link,[lang=ja] .label,[lang=ja] .menu-item,[lang=ja] .nav-link,[lang=ja] .section-title,[lang=ja] h1,[lang=ja] h2,[lang=ja] h3,[lang=ja] h4,[lang=ja] h5,[lang=ja] h6,[lang=ja] th{letter-spacing:.02em;text-transform:none!important}.lang-ja h1,.lang-ja h2,.lang-ja h3,[lang=ja] h1,[lang=ja] h2,[lang=ja] h3{font-weight:500;line-height:1.4}.lang-ja h4,.lang-ja h5,.lang-ja h6,[lang=ja] h4,[lang=ja] h5,[lang=ja] h6{font-weight:500;line-height:1.5}.lang-ja .text-body,.lang-ja p,[lang=ja] .text-body,[lang=ja] p{line-height:1.9;overflow-wrap:break-word;word-break:break-all}.lang-ja .btn,[lang=ja] .btn{font-size:var(--text-sm,13px);letter-spacing:.02em;padding:8px 20px;padding:var(--space-2,8px) var(--space-5,20px)}.lang-ja .card,[lang=ja] .card{padding:16px;padding:var(--space-4,16px)}.lang-ja .card-compact,[lang=ja] .card-compact{padding:12px;padding:var(--space-3,12px)}.lang-ja .data-table td,.lang-ja .data-table th,[lang=ja] .data-table td,[lang=ja] .data-table th{font-size:13px;font-size:var(--text-sm,13px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.lang-ja .data-table-dense td,.lang-ja .data-table-dense th,[lang=ja] .data-table-dense td,[lang=ja] .data-table-dense th{font-size:11px;font-size:var(--text-xs,11px);padding:6px 8px;padding:var(--space-1-5,6px) var(--space-2,8px)}.trust-badge-jp{align-items:center;background:#f0fdf4;background:var(--color-success-light,#f0fdf4);border:1px solid #16a34a;border:1px solid var(--color-success,#16a34a);border-radius:4px;border-radius:var(--radius-md,4px);color:#16a34a;color:var(--color-success,#16a34a);display:inline-flex;font-size:11px;font-size:var(--text-xs,11px);font-weight:500;gap:6px;gap:var(--space-1-5,6px);padding:6px 12px;padding:var(--space-1-5,6px) var(--space-3,12px)}.trust-badge-jp img,.trust-badge-jp svg{flex-shrink:0;height:14px;width:14px}.security-indicator{align-items:center;color:#737373;color:var(--text-muted,#737373);display:inline-flex;font-size:10px;font-size:var(--text-2xs,10px);gap:4px;gap:var(--space-1,4px)}.security-indicator:before{animation:pulse-security 2s ease-in-out infinite;background:#16a34a;background:var(--color-success,#16a34a);border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse-security{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.data-freshness{align-items:center;background:#f7f7f5;background:var(--bg-secondary,#f7f7f5);border-radius:4px;border-radius:var(--radius-md,4px);color:#525252;color:var(--text-secondary,#525252);display:inline-flex;font-size:11px;font-size:var(--text-xs,11px);gap:8px;gap:var(--space-2,8px);padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px)}.data-freshness:before{animation:blink 1.5s ease-in-out infinite;background:#16a34a;background:var(--color-success,#16a34a);border-radius:50%;content:"";height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.card-jp,.lang-ja .card,[lang=ja] .card{transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);transition:transform var(--duration-200,.2s) var(--ease-out),box-shadow var(--duration-200,.2s) var(--ease-out)}.card-jp:hover,.lang-ja .card:hover,[lang=ja] .card:hover{box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);transform:translateY(-2px)}.btn-jp:active,.lang-ja .btn:active,[lang=ja] .btn:active{transform:translateY(1px) scale(.98)}.lang-ja input:focus,.lang-ja select:focus,.lang-ja textarea:focus,[lang=ja] input:focus,[lang=ja] select:focus,[lang=ja] textarea:focus{border-color:#227b94;border-color:var(--color-teal,#227b94);box-shadow:0 0 0 3px #227b941a;outline:none}.lang-ja .link-animated,.link-animated-jp,[lang=ja] .link-animated{position:relative;text-decoration:none}.lang-ja .link-animated:after,.link-animated-jp:after,[lang=ja] .link-animated:after{background:currentColor;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .2s var(--ease-out);transition:width var(--duration-200,.2s) var(--ease-out);width:0}.lang-ja .link-animated:hover:after,.link-animated-jp:hover:after,[lang=ja] .link-animated:hover:after{width:100%}.rank-badge-jp{align-items:center;border-radius:4px;border-radius:var(--radius-md,4px);display:inline-flex;font-family:var(--font-mono);font-size:14px;font-size:var(--text-base,14px);font-weight:700;height:32px;justify-content:center;min-width:32px;text-shadow:0 1px 2px #0000001a}.rank-badge-jp.rank-1,.rank-gold-jp{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd70066,inset 0 1px 0 #ffffff4d;color:#1a1a1a}.rank-badge-jp.rank-2,.rank-silver-jp{background:linear-gradient(135deg,#e8e8e8,#b8b8b8);box-shadow:0 2px 8px #c0c0c066,inset 0 1px 0 #ffffff80;color:#1a1a1a}.rank-badge-jp.rank-3,.rank-bronze-jp{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 2px 8px #cd7f3266,inset 0 1px 0 #fff3;color:#fff}.badge-hot-jp{align-items:center;animation:pulse-hot 2s ease-in-out infinite;background:linear-gradient(135deg,#c41e3a,#ff6b6b);border-radius:2px;border-radius:var(--radius-sm,2px);color:#fff;display:inline-flex;font-size:10px;font-size:var(--text-2xs,10px);font-weight:600;gap:4px;gap:var(--space-1,4px);padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px)}@keyframes pulse-hot{0%,to{box-shadow:0 0 0 0 #c41e3a66}50%{box-shadow:0 0 0 6px #c41e3a00}}.empty-state-jp{align-items:center;background:#f7f7f5;background:var(--bg-secondary,#f7f7f5);border:1px dashed #e5e5e5;border:1px dashed var(--border-color,#e5e5e5);border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;flex-direction:column;justify-content:center;padding:64px 24px;padding:var(--space-16,64px) var(--space-6,24px);text-align:center}.empty-state-jp__icon{color:#d4d4d4;color:var(--gray-300,#d4d4d4);height:64px;margin-bottom:16px;margin-bottom:var(--space-4,16px);opacity:.6;width:64px}.empty-state-jp__title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-size:var(--text-lg,18px);font-weight:500;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.empty-state-jp__description{color:#737373;color:var(--text-muted,#737373);font-size:14px;font-size:var(--text-base,14px);line-height:1.7;margin-bottom:24px;margin-bottom:var(--space-6,24px);max-width:320px}.lang-ja .empty-state-jp__title,[lang=ja] .empty-state-jp__title{font-weight:500;letter-spacing:.02em}.skeleton-jp{animation:shimmer-jp 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5,#fafafa 50%,#f5f5f5);background:linear-gradient(90deg,var(--gray-100,#f5f5f5) 0,var(--gray-50,#fafafa) 50%,var(--gray-100,#f5f5f5) 100%);background-size:200% 100%;border-radius:4px;border-radius:var(--radius-md,4px)}@keyframes shimmer-jp{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text-jp{height:14px;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.skeleton-text-jp.short{width:60%}.skeleton-text-jp.medium{width:80%}.skeleton-avatar-jp{border-radius:50%;height:40px;width:40px}.skeleton-card-jp{border-radius:8px;border-radius:var(--radius-lg,8px);height:120px}.footer-trust-jp{background:#fafafa;background:var(--gray-50,#fafafa);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-6,24px);justify-content:center;padding:16px 24px;padding:var(--space-4,16px) var(--space-6,24px)}.footer-trust-jp__item{align-items:center;color:#737373;color:var(--text-muted,#737373);display:flex;font-size:11px;font-size:var(--text-xs,11px);gap:6px;gap:var(--space-1-5,6px)}.footer-trust-jp__item svg{color:#16a34a;color:var(--color-success,#16a34a);height:14px;width:14px}.footer-legal-jp{display:flex;flex-wrap:wrap;font-size:10px;font-size:var(--text-2xs,10px);gap:16px;gap:var(--space-4,16px);justify-content:center;padding:12px 24px;padding:var(--space-3,12px) var(--space-6,24px)}.footer-legal-jp a{color:#737373;color:var(--text-muted,#737373);text-decoration:none;transition:color .15s;transition:color var(--duration-150,.15s)}.footer-legal-jp a:hover{color:#1a1a1a;color:var(--text-primary,#1a1a1a);text-decoration:underline}.lang-ja .footer-legal-jp,[lang=ja] .footer-legal-jp{font-size:11px;font-size:var(--text-xs,11px)}.lang-ja .nav-link,[lang=ja] .nav-link{font-size:13px;font-size:var(--text-sm,13px);font-weight:500;letter-spacing:.02em;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.lang-ja .nav-link.active,[lang=ja] .nav-link.active{background:#1a1a1a;background:var(--color-ink,#1a1a1a);border-radius:2px;border-radius:var(--radius-sm,2px);color:#fff;color:var(--color-white,#fff)}.lang-ja .form-input,.lang-ja .form-select,.lang-ja .form-textarea,[lang=ja] .form-input,[lang=ja] .form-select,[lang=ja] .form-textarea{border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:4px;border-radius:var(--radius-md,4px);font-family:var(--font-japanese);font-size:14px;font-size:var(--text-base,14px);line-height:1.6;padding:10px 12px;padding:var(--space-2-5,10px) var(--space-3,12px);transition:border-color .15s,box-shadow .15s;transition:border-color var(--duration-150,.15s),box-shadow var(--duration-150,.15s)}.lang-ja .form-input::placeholder,.lang-ja .form-textarea::placeholder,[lang=ja] .form-input::placeholder,[lang=ja] .form-textarea::placeholder{color:#737373;color:var(--text-muted,#737373);opacity:.8}.lang-ja .form-label,[lang=ja] .form-label{color:#525252;color:var(--text-secondary,#525252);display:block;font-size:13px;font-size:var(--text-sm,13px);font-weight:500;margin-bottom:6px;margin-bottom:var(--space-1-5,6px)}.stat-card-jp{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:8px;border-radius:var(--radius-lg,8px);padding:16px;padding:var(--space-4,16px);transition:transform .2s,box-shadow .2s;transition:transform var(--duration-200,.2s),box-shadow var(--duration-200,.2s)}.stat-card-jp:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-card-jp__value{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-family:var(--font-mono);font-size:24px;font-size:var(--text-2xl,24px);font-weight:600;line-height:1.2;margin-bottom:4px;margin-bottom:var(--space-1,4px)}.stat-card-jp__label{color:#737373;color:var(--text-muted,#737373);letter-spacing:.02em}.stat-card-jp__label,.stat-card-jp__trend{font-size:11px;font-size:var(--text-xs,11px)}.stat-card-jp__trend{align-items:center;display:inline-flex;font-family:var(--font-mono);gap:4px;gap:var(--space-1,4px);margin-top:8px;margin-top:var(--space-2,8px)}.stat-card-jp__trend.up{color:#16a34a;color:var(--color-success,#16a34a)}.stat-card-jp__trend.down{color:#dc2626;color:var(--color-danger,#dc2626)}@media (max-width:768px){.lang-ja body,[lang=ja] body{font-size:14px;font-size:var(--text-base,14px);line-height:1.8}.lang-ja h1,[lang=ja] h1{font-size:20px;font-size:var(--text-xl,20px)}.lang-ja h2,[lang=ja] h2{font-size:18px;font-size:var(--text-lg,18px)}.lang-ja .btn,[lang=ja] .btn{min-height:44px;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.footer-trust-jp{align-items:center;flex-direction:column;gap:12px;gap:var(--space-3,12px)}}@media (min-width:1280px){.lang-ja .container,[lang=ja] .container{max-width:1280px;max-width:var(--container-xl,1280px)}}:root{--ink:#1a1a1a;--ink-light:#4a4a4a;--ink-muted:#8a8a8a;--paper:#fafafa;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--accent-primary:#c41e3a;--accent-primary-hover:#a01830;--accent-success:#16a34a;--accent-success-light:#f0fdf4;--accent-warning:#eab308;--accent-warning-light:#fefce8;--accent-danger:#dc2626;--accent-danger-light:#fef2f2;--accent-info:#2563eb;--accent-info-light:#eff6ff;--accent-teal:#227b94;--accent-teal-light:#e8f4f7;--border:#e5e5e5;--border-hover:#d4d4d4;--border-dark:#1a1a1a;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-hover:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:#525252;--text-muted:#737373;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-japanese:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;--tracking-tighter:-0.5px;--tracking-tight:-0.25px;--tracking-widest:1.5px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-soft:4px;--radius-soft-md:8px;--radius-soft-lg:12px;--radius-soft-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-modal:0 20px 60px #00000026;--shadow-subtle:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-elevated:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-floating:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000014;--transition-normal:all 0.25s ease;--transition-slow:all 0.4s ease;--transition-bounce:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:#fafafa;background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.25px;letter-spacing:var(--tracking-tight);margin:0}h1{font-size:32px;font-size:var(--text-32)}h2{font-size:24px;font-size:var(--text-24)}h3{font-size:20px;font-size:var(--text-20)}h4{font-size:18px;font-size:var(--text-18)}h5{font-size:16px;font-size:var(--text-16)}h6{font-size:14px;font-size:var(--text-14)}p{margin:0 0 16px;margin:0 0 var(--space-4)}a{color:#1a1a1a;color:var(--ink);text-decoration:none;transition:all .15s ease;transition:var(--transition)}a:hover{color:#c41e3a;color:var(--accent-primary)}code,pre{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--text-12)}code{background:#f5f5f5;background:var(--gray-100);padding:2px 6px}.btn{background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;gap:8px;letter-spacing:1px;letter-spacing:var(--tracking-wider);padding:10px 20px;white-space:nowrap}.btn:hover{background:var(--paper)}.btn-primary,.btn:hover{border-color:#1a1a1a;border-color:var(--ink)}.btn-primary{background:#1a1a1a;background:var(--ink)}.btn-primary:hover{background:#4a4a4a;background:var(--ink-light)}.btn-danger{background:#dc2626;background:var(--accent-danger);border-color:#dc2626;border-color:var(--accent-danger);color:#fff;color:var(--white)}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:6px 12px}.btn-lg{padding:14px 28px}input,select,textarea{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border);color:#1a1a1a;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:13px;font-size:var(--text-13);outline:none;padding:10px 14px;transition:all .15s ease;transition:var(--transition);width:100%}input::placeholder,textarea::placeholder{color:#737373;color:var(--text-muted)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23737373' d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}label{color:#525252;color:var(--text-secondary);display:block;font-size:10px;font-size:var(--text-10);font-weight:600;letter-spacing:1px;letter-spacing:var(--tracking-wider);margin-bottom:6px;text-transform:uppercase}.card{background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--border);padding:var(--space-6);transition:all .25s ease}.card-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);margin-bottom:16px;margin-bottom:var(--space-4);padding-bottom:16px;padding-bottom:var(--space-4)}.card-title{font-size:12px;font-size:var(--text-12);font-weight:600;letter-spacing:1.5px;letter-spacing:var(--tracking-widest);text-transform:uppercase}table{border-collapse:collapse;width:100%}th{background:#fafafa;background:var(--paper);border-bottom:2px solid #1a1a1a;border-bottom:2px solid var(--ink);color:#737373;color:var(--text-muted);font-size:10px;font-size:var(--text-10);font-weight:600;letter-spacing:1px;letter-spacing:var(--tracking-wider);padding:12px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);font-size:13px;font-size:var(--text-13);padding:14px 16px}tr:hover{background:#fafafa}.badge,tr:hover{background:var(--paper)}.badge{border:1px solid #e5e5e5;border:1px solid var(--border);font-weight:600;gap:4px;padding:4px 10px}.badge-success{background:#f0fdf4;background:var(--accent-success-light);border-color:#16a34a;color:#16a34a;color:var(--accent-success)}.badge-danger{background:#fef2f2;background:var(--accent-danger-light);border-color:#dc2626;border-color:var(--accent-danger);color:#dc2626;color:var(--accent-danger)}.badge-warning{background:#fefce8;background:var(--accent-warning-light);border-color:#eab308;border-color:var(--accent-warning);color:#a16207}.badge-info{background:#eff6ff;background:var(--accent-info-light);border-color:#2563eb;border-color:var(--accent-info);color:#2563eb;color:var(--accent-info)}.badge-dark{background:#1a1a1a;background:var(--ink);border-color:#1a1a1a;border-color:var(--ink);color:#fff;color:var(--white)}.mono{font-weight:500}.text-success{color:#16a34a}.text-danger{color:#dc2626;color:var(--accent-danger)}.text-warning{color:#a16207}.text-info{color:#2563eb}.text-muted{color:#737373;color:var(--text-muted)}.uppercase{letter-spacing:1px;letter-spacing:var(--tracking-wider)}hr{border:none;border-top:1px solid #e5e5e5;border-top:1px solid var(--border);margin:24px 0;margin:var(--space-6) 0}::-webkit-scrollbar-track{background:#fafafa;background:var(--paper)}::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--gray-300)}::-webkit-scrollbar-thumb:hover{background:#a3a3a3;background:var(--gray-400)}::selection{background:#1a1a1a;background:var(--ink)}:focus-visible{outline:2px solid #1a1a1a;outline:2px solid var(--ink)}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideUp{animation:slideUp .4s ease forwards}.lang-ja,[lang=ja],body[lang=ja],html[lang=ja]{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-family:var(--font-japanese)}.lang-ja h1,.lang-ja h2,.lang-ja h3,.lang-ja h4,.lang-ja h5,.lang-ja h6,[lang=ja] h1,[lang=ja] h2,[lang=ja] h3,[lang=ja] h4,[lang=ja] h5,[lang=ja] h6{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-family:var(--font-japanese);font-weight:500;letter-spacing:.02em}.lang-ja div,.lang-ja p,.lang-ja span,[lang=ja] div,[lang=ja] p,[lang=ja] span{line-height:1.8}.lang-ja .badge,.lang-ja .btn,.lang-ja .card-title,.lang-ja .uppercase,.lang-ja label,.lang-ja th,[lang=ja] .badge,[lang=ja] .btn,[lang=ja] .card-title,[lang=ja] .uppercase,[lang=ja] label,[lang=ja] th{letter-spacing:.02em;text-transform:none}.lang-ja .btn,[lang=ja] .btn{font-size:13px;font-size:var(--text-13);font-weight:500}[data-theme=tokyo]{--bg-secondary:#f7f7f5;--shadow-card:0 2px 8px #00000008,0 1px 3px #0000000d;--shadow-card-hover:0 8px 24px #0000000f,0 4px 8px #0000000a}[data-theme=tokyo] .soft-corners,[data-theme=tokyo].soft-corners{--radius:var(--radius-soft);--radius-sm:var(--radius-soft);--radius-md:var(--radius-soft-md);--radius-lg:var(--radius-soft-lg)}.btn{overflow:hidden;position:relative}.btn:after{background:linear-gradient(180deg,#ffffff1a,#0000000d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.btn:hover:after{opacity:1}.btn:active{transform:translateY(1px)}.card{transform:translateY(0)}input:focus,select:focus,textarea:focus{border-color:#1a1a1a;border-color:var(--ink);box-shadow:0 0 0 3px #1a1a1a14}a{position:relative}a:after{background:currentColor;bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .2s ease;width:0}a:hover:after{width:100%}.nav-link:after,header a:after,nav a:after{display:none}.badge-hot{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 #c41e3a66}50%{box-shadow:0 0 0 6px #c41e3a00}}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5 25%,#e5e5e5 50%,#f5f5f5 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rank-badge{border-radius:var(--radius-soft);font-size:12px;font-size:var(--text-12);height:28px;min-width:28px}.rank-1{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd70066;color:#1a1a1a}.rank-2{background:linear-gradient(135deg,#e8e8e8,silver);box-shadow:0 2px 8px #c0c0c066;color:#1a1a1a}.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);box-shadow:0 2px 8px #cd7f3266;color:#fff}.trust-badge{background:#f0fdf4;background:var(--accent-success-light);border-radius:var(--radius-soft);color:#16a34a;font-size:11px;font-size:var(--text-11)}.trust-badge svg{height:14px;width:14px}.data-fresh{align-items:center;display:inline-flex;gap:6px}.data-fresh:before{animation:pulse 2s ease-in-out infinite;background:#16a34a;background:var(--accent-success);border-radius:50%;content:"";height:8px;width:8px}.empty-state{padding:48px 24px}.empty-state-icon{color:#d4d4d4}.empty-state-description{color:#737373;margin-bottom:24px}@media (max-width:768px){:root{--text-32:24px;--text-28:22px;--text-24:20px}.btn{padding:12px 16px}input,select,textarea{font-size:16px;padding:14px 16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--border:#000;--text-muted:#525252}}:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--accent-info)}.skip-to-content{background:var(--ink);color:var(--white);font-size:var(--text-14);font-weight:600;left:50%;letter-spacing:var(--tracking-wider);padding:var(--space-3) var(--space-5);position:fixed;text-decoration:none;text-transform:uppercase;top:-100px;transform:translateX(-50%);transition:top .3s ease;z-index:10000}.skip-to-content:focus{outline:3px solid var(--accent-success);outline-offset:2px;top:var(--space-4)}.upgrade-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.upgrade-modal{animation:slideUp .3s ease;background:#fff;border:2px solid #000;max-width:420px;padding:32px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal__close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:color .2s ease}.upgrade-modal__close:hover{color:#000}.upgrade-modal__icon{align-items:center;background:#000;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.upgrade-modal__title{font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-align:center;text-transform:uppercase}.upgrade-modal__subtitle{color:#666;font-size:14px;margin:0 0 8px;text-align:center}.upgrade-modal__description{color:#333;font-size:14px;margin:0 0 12px;text-align:center}.upgrade-modal__reset-message{background:#f0f9f0;border:1px solid #c0e0c0;border-radius:4px;color:#666;font-size:13px;margin:0 0 20px;padding:10px 16px;text-align:center}.upgrade-modal__benefits{background:#f8f8f8;border:1px solid #e8e8e8;margin-bottom:24px;padding:16px}.upgrade-modal__benefit{align-items:center;display:flex;font-size:13px;gap:10px;padding:8px 0}.upgrade-modal__benefit:not(:last-child){border-bottom:1px solid #e8e8e8}.upgrade-modal__benefit-icon{color:#000;flex-shrink:0}.upgrade-modal__actions{display:flex;flex-direction:column;gap:12px}.upgrade-modal__btn{border:2px solid #000;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease;width:100%}.upgrade-modal__btn--primary{background:#000;color:#fff}.upgrade-modal__btn--primary:hover,.upgrade-modal__btn--secondary{background:#fff;color:#000}.upgrade-modal__btn--secondary:hover{background:#f8f8f8}.upgrade-modal__later{background:none;border:none;color:#999;cursor:pointer;display:block;font-size:12px;margin-top:16px;padding:8px;transition:color .2s ease;width:100%}.upgrade-modal__later:hover{color:#666}@media (max-width:480px){.upgrade-modal{padding:24px}.upgrade-modal__title{font-size:18px}.upgrade-modal__icon{height:56px;width:56px}}:root{--gray-50:#f8f8f8;--gray-100:#f0f0f0;--gray-200:#e8e8e8;--gray-300:#d0d0d0;--gray-400:#b0b0b0;--gray-500:#999;--gray-600:#666;--gray-700:#333;--gray-800:#1a1a1a;--white:#fff;--black:#000;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--font-display:var(--font-sans);--text-9:9px;--text-10:10px;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-28:28px;--text-32:32px;--text-48:48px;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.5px;--tracking-wider:1px;--tracking-widest:2px;--tracking-ultra:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-10:64px;--space-12:80px;--border-width:1px;--border-width-thick:2px;--radius:0;--transition:all 0.15s ease;--transition-fast:all 0.1s ease;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-card:0 2px 8px #0000000a;--shadow-card-hover:0 8px 24px #00000014;--shadow-hover:0 8px 24px #0000001a}:root,[data-theme=tokyo]{--ink:#1a1a1a;--ink-light:#4a4a4a;--ink-lighter:#8a8a8a;--paper:#fafafa;--paper-warm:#f5f5f0;--white:#fff;--black:#000;--gray-50:#f8f8f8;--gray-100:#f0f0f0;--gray-200:#e8e8e8;--gray-300:#d0d0d0;--gray-400:#b0b0b0;--gray-500:#999;--gray-600:#666;--gray-700:#333;--gray-800:#1a1a1a;--accent-primary:#c41e3a;--accent-primary-light:#e85d75;--accent-primary-pale:#fff0f3;--accent-teal:#227b94;--accent-teal-dark:#1a5261;--accent-teal-light:#2d9bb8;--accent-teal-pale:#e8f4f7;--accent-coral:#ff6b6b;--accent-coral-dark:#e85555;--accent-coral-light:#ff8a8a;--accent-success:#2d8a4e;--accent-success-dark:#1e6b3a;--accent-success-light:#4ade80;--accent-success-pale:#ecfdf5;--accent-gold:#d4a012;--accent-gold-dark:#b38a0f;--accent-gold-light:#fbbf24;--accent-gold-pale:#fffbeb;--accent-info:#3b82f6;--accent-info-dark:#2563eb;--accent-info-light:#60a5fa;--border:var(--gray-200);--border-hover:var(--gray-300);--bg-primary:var(--white);--bg-secondary:var(--paper);--bg-hover:var(--gray-100);--text-primary:var(--ink);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--font-display:var(--font-sans);--text-9:9px;--text-10:10px;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-28:28px;--text-32:32px;--text-48:48px;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.5px;--tracking-wider:1px;--tracking-widest:2px;--tracking-ultra:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-10:64px;--space-12:80px;--border-width:1px;--border-width-thick:2px;--radius:0;--transition:all 0.15s ease;--transition-fast:all 0.1s ease;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-card:0 2px 8px #0000000a;--shadow-card-hover:0 8px 24px #00000014;--shadow-hover:0 8px 24px #0000001a;--gradient-hot:linear-gradient(135deg,#c41e3a,#ff6b6b);--gradient-cool:linear-gradient(135deg,#227b94,#3b82f6);--gradient-success:linear-gradient(135deg,#2d8a4e,#4ade80);--gradient-subtle:linear-gradient(135deg,#f8f8f8,#fff)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;font-size:var(--text-14);line-height:1.6;text-rendering:optimizeLegibility}.lang-ja,:lang(ja){font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",var(--font-sans);letter-spacing:.02em;line-height:1.8;word-break:break-all}.lang-ja .badge,.lang-ja .btn,.lang-ja .data-table th,.lang-ja .footer-link,.lang-ja .form-label,.lang-ja .header-nav a,.lang-ja .label,.lang-ja .mobile-nav__link,.lang-ja .status-badge,.lang-ja .user-dropdown__item,.lang-ja .user-dropdown__name,.lang-ja h1,.lang-ja h2,:lang(ja) .badge,:lang(ja) .btn,:lang(ja) .data-table th,:lang(ja) .footer-link,:lang(ja) .form-label,:lang(ja) .header-nav a,:lang(ja) .label,:lang(ja) .mobile-nav__link,:lang(ja) .status-badge,:lang(ja) .user-dropdown__item,:lang(ja) .user-dropdown__name,:lang(ja) h1,:lang(ja) h2{letter-spacing:.02em;text-transform:none}.lang-ja h1,.lang-ja h2,.lang-ja h3,:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{font-weight:500}.lang-ja .btn,:lang(ja) .btn{font-size:13px;font-size:var(--text-13);font-weight:500;padding:8px 24px;padding:var(--space-2) var(--space-5)}::selection{background:#227b94;background:var(--accent-teal);color:#fff;color:var(--white)}:focus-visible{outline:2px solid #227b94;outline:2px solid var(--accent-teal)}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--text-primary);font-weight:500;line-height:1.2}h1{font-size:24px;font-size:var(--text-24);letter-spacing:2px;letter-spacing:var(--tracking-widest)}h1,h2{text-transform:uppercase}h2{font-size:18px;font-size:var(--text-18);letter-spacing:1px;letter-spacing:var(--tracking-wider)}h3{font-size:16px;font-size:var(--text-16)}.label,h3{letter-spacing:.5px;letter-spacing:var(--tracking-wide)}.label{color:#666;color:var(--text-secondary);font-size:11px;font-size:var(--text-11);font-weight:400;text-transform:uppercase}.caption{color:#999;color:var(--text-muted);font-size:10px;font-size:var(--text-10);letter-spacing:0;letter-spacing:var(--tracking-normal)}.mono{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono)}.metric-text{font-feature-settings:"tnum" on,"lnum" on;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em}.price{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-weight:600;white-space:nowrap}.price-large{font-size:24px;font-size:var(--text-24)}.price-medium{font-size:18px;font-size:var(--text-18)}.status-badge{align-items:center;display:inline-flex;font-size:10px;font-size:var(--text-10);font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.status-badge.sold{background:#ff6b6b;background:var(--accent-coral);color:#fff;color:var(--white)}.status-badge.available{background:#2d8a4e;background:var(--accent-success);color:#fff;color:var(--white)}.status-badge.hot{background:linear-gradient(135deg,#c41e3a,#ff6b6b);background:var(--gradient-hot);color:#fff;color:var(--white)}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f0f0f0;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#b0b0b0;background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666;background:var(--gray-600)}*{scrollbar-color:#b0b0b0 #f0f0f0;scrollbar-color:var(--gray-400) var(--gray-100);scrollbar-width:thin}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #000;border-bottom:var(--border-width) solid var(--black);box-shadow:0 2px 8px #0000000a;padding:24px;padding:var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.logo{font-size:16px;font-size:var(--text-16);font-weight:600;letter-spacing:1px;letter-spacing:var(--tracking-wider);position:relative;text-transform:uppercase}.logo:after{background:#227b94;background:var(--accent-teal,#227b94);bottom:-4px;content:"";height:2px;left:0;position:absolute;width:24px}.header-nav{align-items:center;display:flex;gap:32px;gap:var(--space-6)}.header-nav a{color:#1a1a1a;color:var(--text-primary);font-size:11px;font-size:var(--text-11);letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:8px 12px;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.header-nav a:after{background:#000;background:var(--black);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .25s ease;width:0}.header-nav a:hover:after{width:100%}.header-nav a:hover{color:#000;color:var(--black)}.header-nav a.active{background:#000;background:var(--black);color:#fff;color:var(--white)}.header-nav a.active:after{display:none}.user-info{align-items:center;display:flex;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--text-12);gap:16px;gap:var(--space-4)}.user-email-container{align-items:center;display:flex;gap:6px}.sub-badge{border:1px solid;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.sub-badge.pro{background:#000;border-color:#000;color:#fff}.sub-badge.standard{background:#0000;border-color:#000;color:#000}.language-selector{align-items:center;border-right:1px solid #d0d0d0;border-right:1px solid var(--gray-300);display:flex;gap:4px;margin-right:16px;margin-right:var(--space-4);padding-right:16px;padding-right:var(--space-4)}.lang-btn{background:none;border:1px solid #0000;color:#999;color:var(--gray-500);cursor:pointer;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:11px;font-size:var(--text-11);font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transition:all .15s ease;transition:var(--transition)}.lang-btn:hover{border-color:#d0d0d0;border-color:var(--gray-300);color:#000;color:var(--black)}.lang-btn.active{background:#000;background:var(--black);border-color:#000;border-color:var(--black);color:#fff;color:var(--white)}.user-dropdown{position:relative}.user-dropdown__trigger{align-items:center;background:#fff;background:var(--white);border:2px solid #1a1a1a;border:2px solid var(--ink);cursor:pointer;display:flex;gap:10px;padding:6px 12px 6px 6px;transition:all .15s ease;transition:var(--transition)}.user-dropdown__trigger.open,.user-dropdown__trigger:hover{background:#1a1a1a;background:var(--ink)}.user-dropdown__trigger.open .user-dropdown__chevron,.user-dropdown__trigger.open .user-dropdown__name,.user-dropdown__trigger:hover .user-dropdown__chevron,.user-dropdown__trigger:hover .user-dropdown__name{color:#fff;color:var(--white)}.user-dropdown__trigger.open .user-dropdown__avatar,.user-dropdown__trigger:hover .user-dropdown__avatar{background:#fff;background:var(--white);color:#1a1a1a;color:var(--ink)}.user-dropdown__trigger img{max-height:26px!important;max-width:26px!important}.user-dropdown__avatar{align-items:center;background:#1a1a1a;background:var(--ink);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:11px;font-size:var(--text-11);font-weight:700;justify-content:center;overflow:hidden;position:relative;transition:all .15s ease;transition:var(--transition)}.user-dropdown__avatar,.user-dropdown__avatar-img{border-radius:50%;height:26px;max-height:26px;max-width:26px;min-height:26px;min-width:26px;width:26px}.user-dropdown__avatar-img{display:block;left:0;object-fit:cover;position:absolute;top:0}.user-dropdown__name{color:#1a1a1a;color:var(--ink);font-size:11px;font-size:var(--text-11);font-weight:600;letter-spacing:.5px;letter-spacing:var(--tracking-wide);max-width:80px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;transition:all .15s ease;transition:var(--transition);white-space:nowrap}.user-dropdown__badge{border-radius:2px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.user-dropdown__badge.free{background:#0000;border:1px solid #e8e8e8;border:1px solid var(--border);color:#999;color:var(--text-muted)}.user-dropdown__badge.standard{background:#3b82f6;background:var(--accent-info);border:none;color:#fff;color:var(--white)}.user-dropdown__badge.pro{background:linear-gradient(135deg,gold,orange);border:none;color:#1a1a1a;color:var(--ink)}.user-dropdown__chevron{color:#1a1a1a;color:var(--ink);margin-left:-4px;transition:transform .2s ease,color .15s ease}.user-dropdown__chevron.rotated{transform:rotate(180deg)}.user-dropdown__menu{background:#fff;background:var(--white);border:2px solid #1a1a1a;border:2px solid var(--ink);box-shadow:4px 4px 0 #1a1a1a;box-shadow:4px 4px 0 var(--ink);min-width:200px;position:absolute;right:0;top:calc(100% + 4px);z-index:1100}.user-dropdown__header{background:#fafafa;background:var(--paper);border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border);padding:12px 16px}.user-dropdown__email{color:#999;color:var(--text-muted);font-size:10px;font-size:var(--text-10);letter-spacing:.5px;letter-spacing:var(--tracking-wide);text-transform:uppercase}.user-dropdown__items{padding:8px 0}.user-dropdown__item{align-items:center;background:#0000;border:none;color:#999;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;font-size:var(--text-11);font-weight:500;gap:10px;letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:10px 16px;text-decoration:none;text-transform:uppercase;transition:all .15s ease;transition:var(--transition);width:100%}.user-dropdown__item.active,.user-dropdown__item:hover{background:#fafafa;background:var(--paper);color:#1a1a1a;color:var(--ink)}.user-dropdown__item.active:before{background:#1a1a1a;background:var(--ink);content:"";height:100%;left:0;position:absolute;width:3px}.user-dropdown__divider{background:#e8e8e8;background:var(--border);height:1px;margin:4px 0}.user-dropdown__item--logout{color:#999;color:var(--text-muted)}.user-dropdown__item--logout:hover{background:#fafafa;background:var(--paper);color:var(--accent-danger)}.lang-divider{color:#d0d0d0;color:var(--gray-300);font-size:10px;font-size:var(--text-10)}.user-avatar{align-items:center;background:linear-gradient(135deg,#227b94,#3b82f6);background:linear-gradient(135deg,var(--accent-teal,#227b94) 0,#3b82f6 100%);border:2px solid #000;border:2px solid var(--black);border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:12px;font-size:var(--text-12);font-weight:600;height:32px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:32px}.user-avatar:hover{box-shadow:0 2px 8px #227b944d;transform:scale(1.05)}.container{flex:1 1;margin:0 auto;max-width:1800px;padding:64px 32px;padding:var(--space-10) var(--space-6);width:100%}.footer{border-top:1px solid #000;border-top:var(--border-width) solid var(--black);font-size:11px;font-size:var(--text-11);letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:24px;padding:var(--space-5);text-align:center;text-transform:uppercase}.footer-enhanced{background:linear-gradient(180deg,#fafafa,#f0f0f0);border-top:2px solid #000;border-top:2px solid var(--black);margin-top:auto}.footer-stats-bar{background:#000;background:var(--black);color:#fff;color:var(--white);display:flex;gap:48px;gap:var(--space-8);justify-content:center;padding:24px 32px;padding:var(--space-5) var(--space-6)}.footer-stat{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.footer-stat-icon{font-size:16px}.footer-stat-value{color:#fff;color:var(--white);font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:14px;font-size:var(--text-14);font-weight:700}.footer-stat-label{color:#b0b0b0;color:var(--gray-400);font-size:10px;font-size:var(--text-10);letter-spacing:.5px;text-transform:uppercase}.footer-main{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:32px 48px;padding:var(--space-6) var(--space-8)}.footer-brand{display:flex;flex-direction:column;gap:4px;gap:var(--space-1)}.footer-logo{color:#000;color:var(--black);font-size:16px;font-size:var(--text-16);font-weight:700;letter-spacing:2px;letter-spacing:var(--tracking-widest)}.footer-tagline{color:#999;color:var(--gray-500);font-size:11px;font-size:var(--text-11);margin:0}.footer-nav{display:flex;gap:32px;gap:var(--space-6)}.footer-link{color:#666;color:var(--gray-600);font-size:12px;font-size:var(--text-12);font-weight:500;letter-spacing:.5px;letter-spacing:var(--tracking-wide);position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.footer-link:hover{color:#000;color:var(--black)}.footer-link:after{background:#000;background:var(--black);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.footer-link:hover:after{width:100%}.footer-bottom{border-top:1px solid #e8e8e8;border-top:1px solid var(--gray-200);color:#999;color:var(--gray-500);font-size:10px;font-size:var(--text-10);letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:16px 32px;padding:var(--space-4) var(--space-6);text-align:center;text-transform:uppercase}.footer-divider{color:#d0d0d0;color:var(--gray-300);margin:0 12px;margin:0 var(--space-3)}.footer-stat-icon-svg{color:#b0b0b0;color:var(--gray-400);flex-shrink:0}.footer-stat-icon-svg.text-success{color:#2d8a4e;color:var(--accent-success)}.footer-stat-live{position:relative}.live-indicator{animation:live-pulse 2s ease-in-out infinite;background:#2d8a4e;background:var(--accent-success);border-radius:50%;height:6px;margin-left:4px;margin-left:var(--space-1);width:6px}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 #16a34a66;opacity:1}50%{box-shadow:0 0 0 4px #16a34a00;opacity:.8}}.footer-trust-section{background:#fafafa;background:var(--paper);border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--gray-200);padding:16px 32px;padding:var(--space-4) var(--space-6)}.footer-trust-badges{display:flex;flex-wrap:wrap;gap:32px;gap:var(--space-6);justify-content:center;margin:0 auto;max-width:1400px}.footer-trust-badge{align-items:center;background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--gray-200);border-radius:4px;border-radius:var(--radius-soft,4px);color:#666;color:var(--text-secondary);display:flex;font-size:11px;font-size:var(--text-11);gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3)}.footer-trust-badge svg{color:#2d8a4e;color:var(--accent-success);flex-shrink:0}.footer-trust-badge-live svg{animation:spin-slow 4s linear infinite;color:#227b94;color:var(--accent-teal)}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer-company-info{color:#b0b0b0;color:var(--gray-400);font-size:10px;font-size:var(--text-10);margin-top:8px;margin-top:var(--space-2)}.footer-support-info{text-align:right}.footer-support-label{color:#999;color:var(--gray-500);font-size:10px;font-size:var(--text-10);letter-spacing:.5px;letter-spacing:var(--tracking-wide);margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.footer-support-details{color:#666;color:var(--gray-600);display:flex;flex-direction:column;font-size:11px;font-size:var(--text-11);gap:4px;gap:var(--space-1)}.lang-ja .footer-logo,:lang(ja) .footer-logo{font-family:var(--font-japanese);letter-spacing:.05em}.lang-ja .footer-link,:lang(ja) .footer-link{letter-spacing:.02em;text-transform:none}.lang-ja .footer-trust-badge,:lang(ja) .footer-trust-badge{font-family:var(--font-japanese)}@media (max-width:768px){.footer-stats-bar{flex-wrap:wrap;gap:16px;gap:var(--space-4);padding:16px;padding:var(--space-4)}.footer-stat{flex-basis:45%;justify-content:center}.footer-main{flex-direction:column;text-align:center}.footer-main,.footer-nav{gap:16px;gap:var(--space-4)}.footer-nav{flex-wrap:wrap;justify-content:center}.footer-trust-badges{gap:12px;gap:var(--space-3)}.footer-trust-badge{font-size:10px;font-size:var(--text-10);padding:4px 8px;padding:var(--space-1) var(--space-2)}.footer-support-info{border-top:1px solid #e8e8e8;border-top:1px solid var(--gray-200);margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4);text-align:center}.footer-support-details{align-items:center}}.form-group{margin-bottom:24px;margin-bottom:var(--space-5)}.form-label{color:#666;color:var(--text-secondary);display:block;font-size:11px;font-size:var(--text-11);font-weight:400;letter-spacing:.5px;letter-spacing:var(--tracking-wide);margin-bottom:8px;margin-bottom:var(--space-2);text-transform:uppercase}.form-input,.form-select{background:#fff;background:var(--bg-primary);border:1px solid #d0d0d0;border:var(--border-width) solid var(--gray-300);border-radius:0;border-radius:var(--radius);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:12px;font-size:var(--text-12);padding:8px;padding:var(--space-2);transition:all .15s ease;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus{background:#fff;background:var(--bg-primary);border-color:#000;border-color:var(--black);outline:none}.form-checkbox{align-items:center;display:flex;font-size:12px;font-size:var(--text-12);gap:8px;gap:var(--space-2)}input[type=checkbox],input[type=radio]{cursor:pointer;height:14px;width:14px}.toggle-switch{background:#d0d0d0;background:var(--gray-300);border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:48px}.toggle-switch:after{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-switch.active{background:#227b94;background:var(--accent-teal,#227b94)}.toggle-switch.active:after{transform:translateX(24px)}.toggle-switch:hover{background:#b0b0b0;background:var(--gray-400)}.toggle-switch.active:hover{background:#1a5261;background:var(--accent-teal-dark,#1a5261)}.settings-group{background:#fff;background:var(--bg-primary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-card);margin-bottom:24px;margin-bottom:var(--space-5);padding:32px;padding:var(--space-6)}.settings-group .settings-title{border-bottom:1px solid #e8e8e8;border-bottom:var(--border-width) solid var(--border);color:#1a1a1a;color:var(--text-primary);font-size:12px;font-size:var(--text-12);font-weight:600;letter-spacing:1px;letter-spacing:var(--tracking-wider);margin-bottom:24px;margin-bottom:var(--space-5);padding-bottom:12px;padding-bottom:var(--space-3);text-transform:uppercase}.setting-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:var(--border-width) solid var(--gray-100);display:flex;justify-content:space-between;padding:16px 0;padding:var(--space-4) 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:0}.setting-label{color:#1a1a1a;color:var(--text-primary);font-size:13px;font-size:var(--text-13);font-weight:400}.setting-description{color:#666;color:var(--text-secondary);font-size:11px;font-size:var(--text-11);margin-top:4px;margin-top:var(--space-1)}.settings-page{max-width:800px}.settings-page .form-group{margin-bottom:16px;margin-bottom:var(--space-4)}.settings-page .form-input,.settings-page .form-select{max-width:400px}.settings-actions{align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);display:flex;gap:16px;gap:var(--space-4);justify-content:flex-end;margin-top:32px;margin-top:var(--space-6);padding:16px;padding:var(--space-4)}.save-status{align-items:center;display:inline-flex;font-size:11px;font-size:var(--text-11);gap:8px;gap:var(--space-2);letter-spacing:.5px;letter-spacing:var(--tracking-wide);text-transform:uppercase}.save-status.success{color:#2d8a4e;color:var(--accent-success)}.save-status.error{color:var(--accent-danger)}.btn{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);border-radius:0;border-radius:var(--radius);color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:11px;font-size:var(--text-11);font-weight:400;justify-content:center;letter-spacing:.5px;letter-spacing:var(--tracking-wide);line-height:1;padding:8px 16px;padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:all .15s ease;transition:var(--transition)}.btn:hover{background:#fafafa;background:var(--bg-secondary)}.btn-primary{background:#000;background:var(--black);border-color:#000;border-color:var(--black);color:#fff;color:var(--white)}.btn-primary:hover{background:#333;background:var(--gray-700);border-color:#333;border-color:var(--gray-700)}.btn-ghost{background:#0000;border:none}.btn-ghost:hover{background:#fafafa;background:var(--bg-secondary)}.btn-sm{font-size:10px;font-size:var(--text-10);padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:12px;font-size:var(--text-12);padding:12px 32px;padding:var(--space-3) var(--space-6)}.card{border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);border-radius:0;border-radius:var(--radius);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-card);padding:24px;padding:var(--space-5);transition:all .2s ease;transition:var(--transition-normal)}.card,.card:hover{background:#fff;background:var(--bg-primary)}.card:hover{border-color:#d0d0d0;border-color:var(--gray-300);box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-accent{border-left:3px solid #227b94;border-left:3px solid var(--accent-teal)}.card-hot{border-left:3px solid #ff6b6b;border-left:3px solid var(--accent-coral)}.card-success{border-left:3px solid #2d8a4e;border-left:3px solid var(--accent-success)}.panel{background:#fafafa;background:var(--bg-secondary);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-5)}.panel,.stat-card{border:1px solid #e8e8e8;border:var(--border-width) solid var(--border)}.stat-card{background:#fff;background:var(--bg-primary);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-card);padding:16px;padding:var(--space-4);transition:all .2s ease;transition:var(--transition-normal)}.stat-card:hover{box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-value{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:24px;font-size:var(--text-24);line-height:1.2}.stat-label{color:#666;font-size:10px;font-size:var(--text-10);letter-spacing:.5px;margin-top:4px;margin-top:var(--space-1)}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#fafafa;background:var(--bg-secondary);border-bottom:1px solid #e8e8e8;border-bottom:var(--border-width) solid var(--border);color:#666;color:var(--text-secondary);font-size:11px;font-size:var(--text-11);font-weight:400;letter-spacing:.5px;letter-spacing:var(--tracking-wide);text-align:left;text-transform:uppercase}.data-table td,.data-table th{padding:12px;padding:var(--space-3)}.data-table td{border-bottom:1px solid #f0f0f0;border-bottom:var(--border-width) solid var(--gray-100);font-size:12px;font-size:var(--text-12)}.data-table tr:hover{background:#fafafa;background:var(--bg-secondary)}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);margin-bottom:16px;margin-bottom:var(--space-4);overflow-x:auto;width:100%}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#f0f0f0;background:var(--gray-100)}.table-responsive::-webkit-scrollbar-thumb{background:#b0b0b0;background:var(--gray-400);border-radius:3px}.table-responsive .data-table{min-width:600px}@media (max-width:768px){.table-mobile-cards{display:block}.table-mobile-cards thead{display:none}.table-mobile-cards tbody{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.table-mobile-cards tr{background:#fff;background:var(--bg-primary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);display:flex;flex-direction:column;padding:16px;padding:var(--space-4)}.table-mobile-cards td{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-2) 0}.table-mobile-cards td:last-child{border-bottom:none}.table-mobile-cards td:before{color:#666;color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-size:10px;font-size:var(--text-10);font-weight:500;letter-spacing:.5px;letter-spacing:var(--tracking-wide);margin-right:12px;margin-right:var(--space-3);text-transform:uppercase}.table-mobile-cards td>*{text-align:right}}.table-sticky-first-col td:first-child,.table-sticky-first-col th:first-child{background:#fff;background:var(--bg-primary);border-right:1px solid #e8e8e8;border-right:var(--border-width) solid var(--border);left:0;position:-webkit-sticky;position:sticky;z-index:1}.table-sticky-first-col tr:hover td:first-child{background:#fafafa;background:var(--bg-secondary)}.data-table-compact td,.data-table-compact th{font-size:11px;font-size:var(--text-11);padding:8px;padding:var(--space-2)}.data-table-striped tbody tr:nth-child(2n){background:#f8f8f8;background:var(--gray-50)}.data-table-dense td,.data-table-dense th{font-size:10px;font-size:var(--text-10);padding:6px 8px;white-space:nowrap}.table-scroll-shadows{position:relative}.table-scroll-shadows:after,.table-scroll-shadows:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.table-scroll-shadows:before{background:linear-gradient(90deg,#fff 0,#0000);background:linear-gradient(to right,var(--bg-primary) 0,#0000 100%);left:0;opacity:0}.table-scroll-shadows:after{background:linear-gradient(270deg,#fff 0,#0000);background:linear-gradient(to left,var(--bg-primary) 0,#0000 100%);right:0}.table-scroll-shadows.scrolled-left:before{opacity:1}.table-scroll-shadows.scrolled-right:after{opacity:0}.loading{color:#666;color:var(--text-secondary);font-size:12px;font-size:var(--text-12);letter-spacing:1px;letter-spacing:var(--tracking-wider);padding:64px;padding:var(--space-10);text-align:center;text-transform:uppercase}.error{background:#fee2e2;border:1px solid #dc2626;border:var(--border-width) solid #dc2626;color:#dc2626}.error,.success{font-size:11px;font-size:var(--text-11);letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:12px 32px;padding:var(--space-3) var(--space-6);text-transform:uppercase}.success{background:#d1fae5;border:1px solid #059669;border:var(--border-width) solid #059669;color:#059669}.empty{background:#fafafa;background:var(--bg-secondary);border:1px dashed #d0d0d0;border:var(--border-width) dashed var(--gray-300);color:#999;color:var(--text-muted);padding:48px;padding:var(--space-8);text-align:center}.auth-container{border:1px solid #000;border:var(--border-width) solid var(--black);margin:60px auto;max-width:400px;padding:64px;padding:var(--space-10)}.auth-title{font-size:18px;font-size:var(--text-18);letter-spacing:1px;letter-spacing:var(--tracking-wider);margin-bottom:48px;margin-bottom:var(--space-8);text-align:center;text-transform:uppercase}.form-footer{border-top:1px solid #000;border-top:var(--border-width) solid var(--black);font-size:12px;font-size:var(--text-12);margin-top:24px;margin-top:var(--space-5);padding-top:24px;padding-top:var(--space-5);text-align:center}.form-footer a{color:#000;color:var(--black);text-decoration:underline}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.hidden{display:none!important}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media (max-width:768px){.header-nav{gap:16px;gap:var(--space-4)}.container{padding:32px 16px;padding:var(--space-6) var(--space-4)}.auth-container{margin:30px auto;padding:32px;padding:var(--space-6)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 3px #ff6b6b;box-shadow:0 0 3px var(--accent-coral)}50%{box-shadow:0 0 10px #ff6b6b;box-shadow:0 0 10px var(--accent-coral)}}.badge{align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);display:inline-flex;font-size:10px;font-size:var(--text-10);font-weight:500;letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.badge-hot{animation:pulse 2s ease-in-out infinite;background:#ff6b6b;background:var(--accent-coral);border-color:#ff6b6b;border-color:var(--accent-coral);color:#fff}.badge-trending{background:linear-gradient(135deg,#c41e3a,#ff6b6b);background:var(--gradient-hot);border:none;color:#fff}.badge-new{background:#227b94;background:var(--accent-teal);border-color:#227b94;border-color:var(--accent-teal);color:#fff}.badge-top{background:#d4a012;background:var(--accent-gold);border-color:#d4a012;border-color:var(--accent-gold);color:#000;color:var(--black)}.badge-success{background:#2d8a4e;background:var(--accent-success);border-color:#2d8a4e;border-color:var(--accent-success);color:#fff}.tag{align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);cursor:pointer;display:inline-flex;font-size:11px;font-size:var(--text-11);gap:4px;padding:4px 10px;transition:all .15s ease;transition:var(--transition)}.tag:hover{background:#f0f0f0;background:var(--bg-hover);border-color:#d0d0d0;border-color:var(--gray-300)}.tag-active{background:#000;background:var(--black);border-color:#000;border-color:var(--black);color:#fff;color:var(--white)}.progress-bar{background:#fafafa;background:var(--bg-secondary);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);height:6px;overflow:hidden}.progress-bar-fill{background:#000;background:var(--black);height:100%;transition:width .5s ease}.progress-bar-fill-success{background:#2d8a4e;background:var(--accent-success)}.progress-bar-fill-hot{background:linear-gradient(135deg,#c41e3a,#ff6b6b);background:var(--gradient-hot)}.progress-bar-fill-teal{background:#227b94;background:var(--accent-teal)}.trend{align-items:center;display:inline-flex;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--text-12);gap:4px}.trend-up{color:#2d8a4e;color:var(--accent-success)}.trend-up:before{content:"↑"}.trend-down{color:#ff6b6b;color:var(--accent-coral)}.trend-down:before{content:"↓"}.trend-neutral{color:#999;color:var(--text-muted)}.trend-neutral:before{content:"→"}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);border-radius:2px}.skeleton-text{width:100%}.skeleton-text-sm{height:10px;width:60%}.skeleton-circle{border-radius:50%;height:40px;width:40px}.skeleton-card{width:100%}.link-underline{position:relative;text-decoration:none}.link-underline:after{background:#000;background:var(--black);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .25s ease;width:0}.link-underline:hover:after{width:100%}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-scale-in{animation:scaleIn .2s ease forwards}.animate-slide-up{animation:slideInUp .4s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.text-teal{color:#227b94;color:var(--accent-teal)}.text-coral{color:#ff6b6b;color:var(--accent-coral)}.text-success{color:#2d8a4e;color:var(--accent-success)}.text-gold{color:#d4a012;color:var(--accent-gold)}.text-info{color:#3b82f6;color:var(--accent-info)}.bg-teal{background:#227b94;background:var(--accent-teal);color:#fff}.bg-coral{background:#ff6b6b;background:var(--accent-coral);color:#fff}.bg-success{background:#2d8a4e;background:var(--accent-success);color:#fff}.bg-gold{background:#d4a012;background:var(--accent-gold);color:#000;color:var(--black)}.border-teal{border-color:#227b94;border-color:var(--accent-teal)}.border-coral{border-color:#ff6b6b;border-color:var(--accent-coral)}.border-success{border-color:#2d8a4e;border-color:var(--accent-success)}[data-theme=classic]{--ink:#1a1a1a;--ink-light:#4a4a4a;--ink-lighter:#8a8a8a;--paper:#fafafa;--paper-warm:#fafafa;--accent-primary:#1a1a1a;--accent-primary-light:#4a4a4a;--accent-primary-pale:#f5f5f5;--accent-teal:#4a5568;--accent-teal-dark:#2d3748;--accent-teal-light:#718096;--accent-teal-pale:#f7fafc;--accent-coral:#718096;--accent-coral-dark:#4a5568;--accent-coral-light:#a0aec0;--accent-success:#4a5568;--accent-success-dark:#2d3748;--accent-success-light:#718096;--accent-success-pale:#f7fafc;--accent-gold:#718096;--accent-gold-dark:#4a5568;--accent-gold-light:#a0aec0;--accent-gold-pale:#f7fafc;--accent-info:#4a5568;--accent-info-dark:#2d3748;--accent-info-light:#718096;--border:var(--gray-300);--border-hover:var(--gray-400);--bg-primary:var(--white);--bg-secondary:var(--gray-50);--bg-hover:var(--gray-100);--text-primary:var(--ink);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--gradient-hot:linear-gradient(135deg,#4a5568,#718096);--gradient-cool:linear-gradient(135deg,#2d3748,#4a5568);--gradient-success:linear-gradient(135deg,#4a5568,#718096);--gradient-subtle:linear-gradient(135deg,#f8f8f8,#fff);--shadow-sm:0 1px 2px #00000008;--shadow-md:0 2px 8px #0000000d;--shadow-lg:0 4px 16px #00000012;--shadow-xl:0 8px 32px #00000017;--shadow-card:0 1px 4px #00000008;--shadow-card-hover:0 4px 16px #0000000f;--shadow-hover:0 4px 16px #00000014}[data-theme=classic] .logo:after{background:#1a1a1a;background:var(--ink)}[data-theme=classic] ::selection{background:#333;background:var(--gray-700)}[data-theme=classic] :focus-visible{outline-color:#333;outline-color:var(--gray-700)}[data-theme=classic] .user-avatar{background:linear-gradient(135deg,#4a5568,#2d3748)}[data-theme=classic] .badge-hot,[data-theme=classic] .badge-trending{animation:none}.mobile-menu-toggle{align-items:center;background:#0000;border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:none;height:44px;justify-content:center;margin-left:auto;transition:all .15s ease;transition:var(--transition);width:44px}.mobile-menu-toggle:hover{background:#f0f0f0;background:var(--gray-100)}.mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:998}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-nav{background:#fff;background:var(--bg-primary);border-left:1px solid #e8e8e8;border-left:var(--border-width) solid var(--border);display:none;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;right:-300px;top:0;transition:right .3s ease;width:300px;z-index:999}.mobile-nav.open{right:0}.mobile-nav__header{align-items:center;border-bottom:1px solid #e8e8e8;border-bottom:var(--border-width) solid var(--border);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4)}.mobile-nav__title{font-size:14px;font-size:var(--text-14);font-weight:600;letter-spacing:1px;letter-spacing:var(--tracking-wider);text-transform:uppercase}.mobile-nav__close{align-items:center;background:#0000;border:none;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.mobile-nav__close:hover{color:#1a1a1a;color:var(--text-primary)}.mobile-nav__links{flex:1 1;padding:16px 0;padding:var(--space-4) 0}.mobile-nav__link{color:#1a1a1a;color:var(--text-primary);display:block;font-size:14px;font-size:var(--text-14);letter-spacing:.5px;letter-spacing:var(--tracking-wide);padding:12px 16px;padding:var(--space-3) var(--space-4);text-decoration:none;text-transform:uppercase;transition:all .15s ease;transition:var(--transition)}.mobile-nav__link.active,.mobile-nav__link:hover{background:#f0f0f0;background:var(--gray-100)}.mobile-nav__link.active{border-left:3px solid #1a1a1a;border-left:3px solid var(--ink);font-weight:600}.mobile-nav__link--admin{color:#ff4500;font-weight:700}.mobile-nav__footer{border-top:1px solid #e8e8e8;border-top:var(--border-width) solid var(--border);padding:16px;padding:var(--space-4)}.mobile-nav__user{gap:12px;gap:var(--space-3)}.mobile-nav__controls,.mobile-nav__user{align-items:center;display:flex;margin-bottom:16px;margin-bottom:var(--space-4)}.mobile-nav__controls{gap:16px;gap:var(--space-4)}.mobile-nav__logout{background:#f0f0f0;background:var(--gray-100);border:1px solid #e8e8e8;border:var(--border-width) solid var(--border);color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:12px;font-size:var(--text-12);letter-spacing:1px;letter-spacing:var(--tracking-wider);padding:12px;padding:var(--space-3);text-transform:uppercase;transition:all .15s ease;transition:var(--transition);width:100%}.mobile-nav__logout:hover{background:#e8e8e8;background:var(--gray-200)}.logout-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;font-size:var(--text-11);text-decoration:underline}@media (max-width:1200px){.header-nav a{font-size:10px;font-size:var(--text-10);padding:6px 12px}.user-dropdown__name{max-width:60px}}@media (max-width:1024px){.container{padding:24px;padding:var(--space-5)}.header-nav{gap:2px}.header-nav a{padding:6px 10px}}@media (min-width:769px) and (max-width:1024px){.header-content{flex-wrap:wrap;gap:8px;height:auto;min-height:56px;padding:0 16px}.header-nav{flex-wrap:wrap;justify-content:center}.logo{font-size:16px;font-size:var(--text-16)}}@media (max-width:768px){.mobile-menu-toggle{display:flex;margin-left:auto;order:3}.mobile-menu-overlay{display:block}.mobile-nav{display:flex}.desktop-nav,.desktop-user-info{display:none!important}.header-content{align-items:center;display:flex;flex-wrap:nowrap;height:56px;justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4)}.logo{flex-shrink:0;order:1}.container{padding:16px;padding:var(--space-4)}.cards-grid{grid-template-columns:1fr}.modal-content{margin:0;max-width:100%;min-height:100vh;width:100%}.page-title{font-size:20px;font-size:var(--text-20)}.page-subtitle{font-size:11px;font-size:var(--text-11)}.section-body{padding:16px;padding:var(--space-4)}.section-header{padding:12px 16px;padding:var(--space-3) var(--space-4)}}@media (max-width:480px){:root{--space-4:12px;--space-5:16px;--space-6:20px}.header-content{height:52px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.logo{font-size:14px;font-size:var(--text-14)}.logo:before{height:16px;width:3px}.btn,a[role=button],button{min-height:44px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.flex-row-mobile-column{flex-direction:column}.mobile-nav{max-width:300px;width:85vw}.mobile-nav__link{font-size:13px;font-size:var(--text-13);padding:16px;padding:var(--space-4)}.filter-group input[type=range]{height:8px}.filter-group input[type=range]::-webkit-slider-thumb{height:20px;width:20px}}@media (max-width:375px){.header-content{height:48px;padding:8px 12px}.logo{font-size:12px;font-size:var(--text-12);gap:8px}.mobile-menu-toggle{height:40px;width:40px}.page-wrapper,.section-body{padding:12px;padding:var(--space-3)}}@media (max-width:320px){.mobile-nav{right:-100%;width:100%}.mobile-nav.open{right:0}.logo{font-size:11px}}:focus-visible{outline:3px solid #2d8a4e;outline:3px solid var(--accent-success,#10b981);outline-offset:2px}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2d8a4e;outline:3px solid var(--accent-success,#10b981);outline-offset:2px}@media (prefers-contrast:high){:root{--border:#000;--text-secondary:#333}button,input,select{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:normal;width:auto}main:focus{outline:none}@media (pointer:coarse){[role=button],a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}}.trust-indicators{align-items:center;display:flex;gap:16px;gap:var(--space-4);padding:12px 0;padding:var(--space-3) 0}.trust-badge{align-items:center;background:#ecfdf5;background:var(--accent-success-pale);border:1px solid #2d8a4e;border:1px solid var(--accent-success);border-radius:4px;color:#2d8a4e;color:var(--accent-success);display:inline-flex;font-size:10px;font-size:var(--text-10);font-weight:500;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.trust-badge img,.trust-badge svg{height:14px;width:14px}.data-fresh-indicator{align-items:center;color:#2d8a4e;color:var(--accent-success);display:inline-flex;font-size:11px;font-size:var(--text-11);gap:8px}.data-fresh-indicator:before{animation:pulse 2s ease-in-out infinite;background:#2d8a4e;background:var(--accent-success);border-radius:50%;content:"";height:8px;width:8px}.security-badge{align-items:center;color:#999;color:var(--text-muted);display:inline-flex;font-size:10px;font-size:var(--text-10);gap:4px}.security-badge svg{height:12px;width:12px}[data-theme=tokyo]{--paper:#fafaf8;--paper-warm:#f7f7f5;--border:#e8e8e6;--border-hover:#d8d8d6;--shadow-card:0 2px 8px #00000008,0 1px 3px #0000000a;--shadow-card-hover:0 8px 24px #0000000f,0 4px 8px #00000008}[data-theme=tokyo] .badge,[data-theme=tokyo] .btn,[data-theme=tokyo] .card,[data-theme=tokyo] .form-input,[data-theme=tokyo] .form-select,[data-theme=tokyo] .panel,[data-theme=tokyo] .stat-card{border-radius:4px}[data-theme=tokyo] .user-avatar,[data-theme=tokyo] .user-dropdown__avatar{border-radius:50%}[data-theme=tokyo] .btn{overflow:hidden;position:relative}[data-theme=tokyo] .btn:after{background:linear-gradient(180deg,#ffffff1a,#00000008);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}[data-theme=tokyo] .btn:hover:after{opacity:1}[data-theme=tokyo] .btn:active{transform:translateY(1px)}[data-theme=tokyo] .card{transition:transform .25s ease,box-shadow .25s ease}[data-theme=tokyo] .card:hover{transform:translateY(-3px)}[data-theme=tokyo] .form-input:focus,[data-theme=tokyo] .form-select:focus{border-color:#227b94;border-color:var(--accent-teal);box-shadow:0 0 0 3px #227b941a}.rank-badge{align-items:center;border-radius:4px;display:inline-flex;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:14px;font-size:var(--text-14);font-weight:700;height:32px;justify-content:center;min-width:32px}.rank-badge-1,.rank-gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd70066;color:#1a1a1a}.rank-badge-2,.rank-silver{background:linear-gradient(135deg,#e8e8e8,silver);box-shadow:0 2px 8px #c0c0c066;color:#1a1a1a}.rank-badge-3,.rank-bronze{background:linear-gradient(135deg,#cd7f32,#b87333);box-shadow:0 2px 8px #cd7f3266;color:#fff}.empty-state{align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px dashed #e8e8e8;border:1px dashed var(--border);display:flex;flex-direction:column;justify-content:center;padding:80px 32px;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{color:#d0d0d0;color:var(--gray-300);height:64px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.6;width:64px}.empty-state-title{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-size:var(--text-18);font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state-description{color:#999;color:var(--text-muted);font-size:14px;font-size:var(--text-14);line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-6);max-width:320px}.lang-ja .empty-state-title,:lang(ja) .empty-state-title{font-weight:500}.footer-trust{background:#f8f8f8;background:var(--gray-50);border-top:1px solid #e8e8e8;border-top:1px solid var(--border);display:flex;gap:32px;gap:var(--space-6);justify-content:center;padding:16px 32px;padding:var(--space-4) var(--space-6)}.footer-trust-item{align-items:center;color:#999;color:var(--text-muted);display:flex;font-size:10px;font-size:var(--text-10);gap:6px;letter-spacing:.5px;text-transform:uppercase}.footer-trust-item svg{color:#2d8a4e;color:var(--accent-success);height:14px;width:14px}.lang-ja .footer-trust-item,:lang(ja) .footer-trust-item{font-size:11px;font-size:var(--text-11);text-transform:none}.footer-legal{display:flex;font-size:10px;font-size:var(--text-10);gap:16px;gap:var(--space-4);justify-content:center;padding:12px 32px;padding:var(--space-3) var(--space-6)}.footer-legal a{color:#999;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-legal a:hover{color:#1a1a1a;color:var(--text-primary);text-decoration:underline}.btn:active{transform:scale(.98) translateY(1px)}.card:active{transform:scale(.99)}.animated-underline{position:relative}.animated-underline:after{background:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.animated-underline:hover:after{width:100%}.stat-value{transition:color .3s ease}.stat-value.updating{color:#227b94;color:var(--accent-teal)}@keyframes badgeEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-animate{animation:badgeEnter .3s ease forwards}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background:linear-gradient(90deg,var(--gray-100) 0,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text-short{width:60%}.skeleton-text-medium{width:80%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-card{height:120px}.search-container{margin:0 auto;max-width:800px;padding:var(--space-6)}.search-form{background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-5)}.form-hint{color:var(--text-secondary);font-size:var(--text-11);letter-spacing:var(--tracking-wide);margin-top:var(--space-1);text-transform:uppercase}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:var(--text-12);gap:var(--space-2)}.checkbox-label input[type=checkbox]{cursor:pointer;height:14px;width:14px}.error-message{background:#fee2e2;border:var(--border-width) solid #dc2626;border-radius:var(--radius);color:#dc2626;font-size:var(--text-11);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);padding:var(--space-3);text-transform:uppercase}.search-result{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);margin-top:var(--space-6);padding:var(--space-5)}.search-result h3{color:var(--text-secondary);font-size:var(--text-11);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);text-transform:uppercase}.result-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-4)}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{color:var(--text-secondary);font-size:var(--text-11);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:var(--text-18);font-weight:500}.result-message{color:var(--text-secondary);font-size:var(--text-12);letter-spacing:var(--tracking-wide);margin-top:var(--space-3);text-transform:uppercase}
/*# sourceMappingURL=main.a53baf93.css.map*/