.dark,:root{--background:#0f172a;--surface:#1e293b;--card-bg:#1e293b;--primary:#f1f5f9;--secondary:#e2e8f0;--muted:#94a3b8;--border:#334155;--border-hover:#475569;--accent:#818cf8;--accent-hover:#6366f1;--success:#4ade80;--warning:#fb923c;--error:#f87171;--info:#60a5fa}html:not(.dark){--background:#ffffff;--surface:#f7fafc;--card-bg:#ffffff;--primary:#1a202c;--secondary:#4a5568;--muted:#718096;--border:#e2e8f0;--border-hover:#cbd5e0;--accent:#667eea;--accent-hover:#5a67d8;--success:#48bb78;--warning:#ed8936;--error:#f56565;--info:#4299e1}html{background-color:var(--background);color:var(--primary);transition:background-color .3s ease,color .3s ease;margin:0!important;padding:0!important;border:0!important}body{background-color:var(--background);color:var(--primary);font-family:"Space Grotesk","Noto Sans JP",sans-serif;min-height:100vh;margin:0!important;padding:0!important}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:ease}.no-transition *{transition:none!important}.dark #search-input{background-color:#334155;border-color:#475569;color:var(--primary)}.dark #search-input::placeholder{color:var(--muted)}.dark #search-autocomplete{background-color:var(--surface);border-color:var(--border)}#mobile-search-autocomplete,#search-autocomplete{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}#search-autocomplete,#search-autocomplete *,.autocomplete-item,.autocomplete-item *{transition-property:background-color,border-color!important}.dark .card,.dark .design-card,.dark .product-card{background-color:var(--card-bg);border-color:var(--border)}.dark button:not(.theme-toggle):not(.no-dark-override){background-color:var(--surface);border-color:var(--border);color:var(--primary)}.dark button:hover:not(.theme-toggle):not(.no-dark-override){background-color:var(--border)}.dark input:not([type=checkbox]):not([type=radio]),.dark select,.dark textarea{background-color:var(--surface);border-color:var(--border);color:var(--primary)}.dark input::placeholder,.dark textarea::placeholder{color:var(--muted)}.tooltip-text{writing-mode:horizontal-tb;white-space:nowrap}.dark header,.dark nav{background-color:rgba(15,23,42,.8);backdrop-filter:blur(12px)}.dark footer{background-color:var(--surface);border-top-color:var(--border)}.dark .dropdown,.dark .modal,.dark .overlay{background-color:var(--surface);border-color:var(--border)}.dark .shadow,.dark .shadow-lg,.dark .shadow-xl{--tw-shadow-color:rgba(0, 0, 0, 0.5)}.dark img:not(.no-dark-filter){opacity:.95}.dark code,.dark pre{background-color:#1e293b;border-color:var(--border)}.dark table{border-color:var(--border)}.dark th{background-color:var(--surface);border-color:var(--border)}.dark td{border-color:var(--border)}.dark ::-webkit-scrollbar{background-color:var(--background)}.dark ::-webkit-scrollbar-thumb{background-color:var(--border)}.dark ::-webkit-scrollbar-thumb:hover{background-color:var(--border-hover)}.theme-toggle{position:relative;width:40px;height:40px;border-radius:50%;background-color:var(--surface);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:var(--border);transform:scale(1.05)}.theme-toggle svg{width:20px;height:20px;color:var(--primary);transition:all .3s ease}.theme-toggle.rotating svg{animation:rotate .6s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:block}.dark .theme-toggle .sun-icon{display:block}.dark .theme-toggle .moon-icon{display:none}@media (max-width:768px){.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){*,body,html{transition:none!important;animation:none!important}}@media (prefers-contrast:high){:root{--border:#000000}.dark{--border:#ffffff}}.hero-text,.text-over-image{color:#fff!important}.hero-text-secondary,.text-over-image-secondary{color:#e5e5e5!important}.hero-bg,.text-over-image-container{position:relative}.skeleton{background:linear-gradient(90deg,var(--surface) 0,var(--border) 50%,var(--surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-card{display:flex;flex-direction:column;gap:12px}.skeleton-image{width:100%;aspect-ratio:1;border-radius:12px}.skeleton-text{height:20px;width:100%}.skeleton-text-short{height:16px;width:70%}html[lang=ja] .group:hover>span[data-ja],html[lang=ja] header .group span[data-ja],html[lang=ja] span[data-ja]{writing-mode:vertical-rl!important;text-orientation:upright!important}html[lang=ja] .mobile-footer-label[data-ja]{writing-mode:horizontal-tb!important;text-orientation:mixed!important}html[lang=ja] .group>span.absolute[data-ja],html[lang=ja] header .group>span.absolute[data-ja]{white-space:normal!important;padding:.5rem .25rem!important;height:auto!important;width:auto!important}.dark .google-signin{background-color:#fff!important;border:2px solid #dadce0!important;box-shadow:0 2px 4px rgba(255,255,255,.1)!important;color:#1f2937!important}.dark .google-signin:hover{background-color:#f8f9fa!important;box-shadow:0 3px 6px rgba(255,255,255,.15)!important}.dark .apple-signin{background-color:#1a1a1a!important;color:#fff!important;box-shadow:0 3px 6px rgba(255,255,255,.1)!important;border:2px solid #3a3a3a!important}.dark .apple-signin:hover{background-color:#2a2a2a!important;box-shadow:0 4px 8px rgba(255,255,255,.15)!important}.dark .line-signin{background-color:#00b900!important;color:#fff!important;box-shadow:0 3px 6px rgba(0,185,0,.4)!important;border:2px solid #00c900!important}.dark .line-signin:hover{background-color:#00a000!important;box-shadow:0 4px 8px rgba(0,185,0,.5)!important}html:not(.dark) .google-signin{background-color:#fff!important;border:2px solid #dadce0!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;color:#1f2937!important}html:not(.dark) .google-signin:hover{background-color:#f8f9fa!important;box-shadow:0 3px 6px rgba(0,0,0,.15)!important}html:not(.dark) .apple-signin{background-color:#000!important;color:#fff!important;box-shadow:0 3px 6px rgba(0,0,0,.4)!important;border:2px solid #000!important}html:not(.dark) .apple-signin:hover{background-color:#1a1a1a!important;box-shadow:0 4px 8px rgba(0,0,0,.5)!important}html:not(.dark) .line-signin{background-color:#00b900!important;color:#fff!important;box-shadow:0 3px 6px rgba(0,185,0,.4)!important;border:2px solid #00b900!important}html:not(.dark) .line-signin:hover{background-color:#00a000!important;box-shadow:0 4px 8px rgba(0,185,0,.5)!important}html:not(.dark) #login-section>div:first-child{background-color:#f9fafb!important;padding:2rem!important;border-radius:1rem!important}html:not(.dark) #login-section>div>div{background-color:#fff!important;border:2px solid #e5e7eb!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}html:not(.dark) #login-section h1{color:#1a202c!important}html:not(.dark) #login-section p{color:#4a5568!important}