:root{--bg-primary:#1a1a2e;--bg-secondary:#20203a;--bg-card:#272745;--bg-hover:#2e2e50;--glass:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#e8e6f0;--text-secondary:#9b97b0;--text-muted:#6b6880;--accent:#8b6cef;--accent-glow:#8b6cef33;--accent-soft:#7b5ce0;--accent-light:#a78bfa;--danger:#e85d75;--success:#4eca8b;--radius:10px;--radius-sm:8px;--radius-lg:16px;--radius-xl:24px;--shadow:0 2px 12px #00000040;--transition:.18s ease;--section-border:#ffffff0f;--toggle-bg:#272745;--toggle-dot:#ccc;--card-photo:#8b6cef;--card-photo-glow:#8b6cef40;--card-illust:#e05caa;--card-illust-glow:#e05caa40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#f5f3f7;--bg-secondary:#fff;--bg-card:#f0edf5;--bg-hover:#e8e4f0;--glass:#00000005;--glass-border:#00000014;--text-primary:#2d2b3a;--text-secondary:#6e6a80;--text-muted:#9e9aad;--accent:#6d4dc9;--accent-glow:#6d4dc91f;--accent-soft:#7b5ce0;--accent-light:#8b6cef;--shadow:0 2px 12px #0000000f;--section-border:#0000000f;--toggle-bg:#e0dce8;--toggle-dot:#fff;--card-photo:#6d4dc9;--card-photo-glow:#6d4dc92e;--card-illust:#c4408e;--card-illust-glow:#c4408e2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Noto Sans JP,Inter,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#8b6cef21 0%,#0000 60%),radial-gradient(60% 50% at 80% 20%,#e05caa14 0%,#0000 55%),radial-gradient(60% 50% at 20% 30%,#4eca8b0d 0%,#0000 50%);position:fixed;inset:0}[data-theme=light] body:before{background:radial-gradient(80% 60% at 50% 0,#6d4dc914 0%,#0000 60%),radial-gradient(60% 50% at 80% 20%,#c4408e0f 0%,#0000 55%),radial-gradient(60% 50% at 20% 30%,#2da06a0a 0%,#0000 50%)}.landing{z-index:1;flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex;position:relative}.landing-redirect{z-index:1000;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.landing-redirect-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.landing-redirect-text{color:var(--text-secondary);letter-spacing:.02em;font-size:.88rem}.landing-redirect-reset{color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;margin-top:4px;padding:4px 14px;font-family:inherit;font-size:.76rem}.landing-redirect-reset:hover{color:var(--accent);border-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.landing-topbar{justify-content:flex-end;align-items:center;padding:20px 0 0;display:flex}.landing-theme-toggle{background:var(--toggle-bg);border:1px solid var(--glass-border);cursor:pointer;width:48px;height:26px;transition:background var(--transition), border-color var(--transition);border-radius:13px;flex-shrink:0;position:relative}.landing-theme-toggle:after{content:"";background:var(--toggle-dot);border-radius:50%;width:19px;height:19px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2.5px;left:3px;box-shadow:0 1px 4px #0003}[data-theme=light] .landing-theme-toggle:after{transform:translate(22px)}.landing-theme-icon{pointer-events:none;font-size:.72rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.landing-theme-icon--dark{left:5px}.landing-theme-icon--light{right:5px}.landing-hero{text-align:center;padding:48px 0 24px;animation:.7s both fadeInUp}.landing-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent) 0%, #c084fc 40%, var(--card-illust) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.15}[data-theme=light] .landing-hero-title{background:linear-gradient(135deg,#5b3cb8 0%,#8b5cf6 40%,#c4408e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:400;line-height:1.6}.landing-modes{justify-content:center;gap:24px;padding:16px 0 8px;display:flex}.landing-card{border-radius:var(--radius-xl);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);cursor:pointer;background:#2727458c;flex-direction:column;flex:1;gap:14px;max-width:360px;padding:36px 28px 32px;text-decoration:none;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s,border-color .28s,background .28s;animation:.7s both fadeInUp;display:flex;position:relative;overflow:hidden}.landing-card:first-child{animation-delay:.12s}.landing-card:nth-child(2){animation-delay:.24s}.landing-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.landing-card--photo:before{background:radial-gradient(at 30% 20%,#8b6cef1f,#0000 70%)}.landing-card--illust:before{background:radial-gradient(at 70% 20%,#e05caa1f,#0000 70%)}.landing-card:hover:before{opacity:1}[data-theme=light] .landing-card{background:#ffffffa6;border-color:#00000012}.landing-card:hover{box-shadow:0 12px 40px #0003, 0 0 0 1px var(--glass-border);transform:translateY(-6px)scale(1.015)}.landing-card--photo:hover{border-color:var(--card-photo);box-shadow:0 12px 40px #0003, 0 0 30px var(--card-photo-glow), 0 0 0 1px var(--card-photo)}.landing-card--illust:hover{border-color:var(--card-illust);box-shadow:0 12px 40px #0003, 0 0 30px var(--card-illust-glow), 0 0 0 1px var(--card-illust)}.landing-card:active{transition-duration:.1s;transform:translateY(-2px)scale(.99)}.landing-card-icon{filter:drop-shadow(0 2px 8px #0003);font-size:2.8rem;line-height:1}.landing-card-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1.35rem;font-weight:700}.landing-card--photo .landing-card-title{color:var(--card-photo)}.landing-card--illust .landing-card-title{color:var(--card-illust)}[data-theme=light] .landing-card--photo .landing-card-title{color:#5b3cb8}[data-theme=light] .landing-card--illust .landing-card-title{color:#a8307a}.landing-card-tags{flex-wrap:wrap;gap:6px;display:flex}.landing-card-tag{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:500}.landing-card--photo .landing-card-tag{color:var(--accent-light);background:#8b6cef14;border-color:#8b6cef33}.landing-card--illust .landing-card-tag{color:#f0a0d0;background:#e05caa14;border-color:#e05caa33}[data-theme=light] .landing-card--photo .landing-card-tag{color:#6d4dc9;background:#6d4dc914;border-color:#6d4dc933}[data-theme=light] .landing-card--illust .landing-card-tag{color:#a8307a;background:#a8307a14;border-color:#a8307a33}.landing-card-desc{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.6}.landing-card-cta{border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 22px;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.landing-card--photo .landing-card-cta{background:linear-gradient(135deg,#8b6cef,#a78bfa);box-shadow:0 4px 16px #8b6cef4d}.landing-card--photo .landing-card-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #8b6cef73}.landing-card--illust .landing-card-cta{background:linear-gradient(135deg,#e05caa,#f0a0d0);box-shadow:0 4px 16px #e05caa4d}.landing-card--illust .landing-card-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #e05caa73}.landing-card-cta-arrow{font-size:1rem;transition:transform .2s}.landing-card:hover .landing-card-cta-arrow{transform:translate(3px)}.landing-remember{justify-content:center;align-items:center;gap:10px;padding:20px 0 8px;animation:.7s .35s both fadeInUp;display:flex}.landing-remember-checkbox{appearance:none;border:2px solid var(--glass-border);background:var(--glass);cursor:pointer;width:20px;height:20px;transition:var(--transition);border-radius:5px;flex-shrink:0;place-content:center;display:grid}.landing-remember-checkbox:before{content:"";background:var(--accent);border-radius:2px;width:10px;height:10px;transition:transform .15s;transform:scale(0)}.landing-remember-checkbox:checked:before{transform:scale(1)}.landing-remember-checkbox:checked{border-color:var(--accent);background:var(--accent-glow)}.landing-remember-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.84rem}.landing-features{padding:48px 0 24px;animation:.7s .45s both fadeInUp}.landing-features-title{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:16px;margin-bottom:28px;font-size:.72rem;font-weight:600;display:flex}.landing-features-title:before,.landing-features-title:after{content:"";background:var(--section-border);flex:1;height:1px}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-feature{border-radius:var(--radius-lg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);background:#27274559;padding:24px 20px;transition:transform .25s,border-color .25s,box-shadow .25s}[data-theme=light] .landing-feature{background:#ffffff80}.landing-feature:hover{border-color:var(--accent-glow);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.landing-feature-icon{margin-bottom:12px;font-size:1.8rem;display:block}.landing-feature-title{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:600}.landing-feature-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.landing-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--section-border);margin-top:auto;padding:32px 0 24px;font-size:.76rem;animation:.7s .55s both fadeInUp}.landing-footer a{color:var(--accent);text-decoration:none}.landing-footer a:hover{text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.landing{padding:0 16px}.landing-hero{padding:32px 0 16px}.landing-hero-title{font-size:2rem}.landing-modes{flex-direction:column;align-items:center;gap:16px;padding:12px 0 4px}.landing-card{width:100%;max-width:100%;padding:28px 22px 26px}.landing-features-grid{grid-template-columns:1fr;gap:12px}.landing-feature{padding:20px 16px}}@media (width>=769px) and (width<=1024px){.landing-card{padding:30px 24px 28px}}.landing-guide{text-align:center;max-width:700px;margin:16px auto 0}.landing-guide-link{color:var(--text-secondary);border-radius:var(--radius);border:1px solid var(--section-border);background:var(--glass);transition:color var(--transition), border-color var(--transition), background var(--transition);align-items:center;gap:4px;padding:8px 20px;font-size:14px;text-decoration:none;display:inline-flex}.landing-guide-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.landing-footer-link{color:var(--text-secondary);transition:color var(--transition);margin-right:16px;font-size:13px;text-decoration:none}.landing-footer-link:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}