@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Padauk:wght@400;700&display=swap";
:root{--primary:#2b5baf;--primary-dark:#1a3a7a;--primary-light:#3d6ec5;--secondary:#f5891f;--secondary-dark:#e06a10;--secondary-light:#ff9e3f;--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-surface:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-subtle:#2b5baf14;--border-active:#2b5baf4d;--shadow-card:0 8px 24px #2b5baf0f;--shadow-glow-blue:0 0 20px #2b5baf26;--shadow-glow-orange:0 0 20px #f5891f26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}:root.dark,:root[data-theme=dark]{--primary:#7ea6f2;--primary-dark:#4a7bd4;--primary-light:#a8c3ff;--secondary:#f59e0b;--secondary-dark:#d97706;--secondary-light:#fbbf24;--bg-dark:#0b1220;--bg-card:#111a2e;--bg-card-hover:#17213a;--bg-surface:#0b1220;--text-primary:#eaf0fa;--text-secondary:#a8b3c7;--text-muted:#8592a8;--border-subtle:#b8c7e81f;--border-active:#7ea6f25c;--shadow-card:0 12px 28px #00000047;--shadow-glow-blue:0 0 22px #7ea6f22e;--shadow-glow-orange:0 0 22px #f59e0b2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--bg-dark);min-height:100dvh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}::selection{color:var(--text-primary);background-color:#2b5baf66}::selection{color:var(--text-primary);background-color:#2b5baf66}a{color:var(--primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary)}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--bg-card-hover) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--bg-card-hover);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.font-jp{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif}.font-mm{font-family:Padauk,Myanmar Text,sans-serif}.font-ui{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}ruby{ruby-align:center}rt{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.5em;font-weight:400;line-height:1}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffffd9}.glass-card-hover{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);will-change:transform;background:#ffffffd9}.glass-card-hover:hover{box-shadow:var(--shadow-card);border-color:var(--border-active);transform:translateY(-4px)}.glass-card-hover:active{transform:translateY(-2px)}.gradient-blue{background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.gradient-orange{background:linear-gradient(135deg, var(--secondary), var(--secondary-dark))}.gradient-text-blue{background:linear-gradient(135deg, var(--primary-light), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-orange{background:linear-gradient(135deg, var(--secondary-light), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) both fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.4,0,.2,1) both slideUp}.animate-scale-in{animation:.4s cubic-bezier(.4,0,.2,1) both scaleIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-slide-right{animation:.5s cubic-bezier(.4,0,.2,1) both slideInRight}.animate-slide-left{animation:.5s cubic-bezier(.4,0,.2,1) both slideInLeft}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.skeleton{background-color:var(--bg-card);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0}.skeleton-text{width:80%;height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-card{width:100%;height:160px}.ripple-container{-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.ripple-container:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff1f 0%, transparent 60%);opacity:0;transition:opacity var(--transition-fast), transform .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none;position:absolute;inset:0;transform:scale(0)}.ripple-container:active:after{opacity:1;transform:scale(2.5)}.main-content{padding-bottom:80px}@media (min-width:960px){.main-content{padding-bottom:24px}}.card-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:480px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.card-grid{gap:20px}}@media (min-width:960px){.card-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width:1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}.card-grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:600px){.card-grid-2{grid-template-columns:repeat(2,1fr);gap:20px}}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:16px}@media (min-width:600px){.page-container{padding:24px}}@media (min-width:960px){.page-container{padding:32px}}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-select{-webkit-user-select:none;user-select:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}