@charset "UTF-8";:root{color-scheme:light;--page-max-width: 1200px;--page-content-padding: 16px;--color-text: #1f2937;--color-text-muted: #4b5563;--color-bg: #fdfbf8;--color-surface: #fff;--color-surface-alt: #f7f3ed;--color-border: #e5e7eb;--color-success: #16a34a;--color-danger: #ef4444;--color-warning: #fb923c;--font-base: Noto Sans JP, Inter, Hiragino Sans, Yu Gothic, Meiryo, sans-serif;--radius-lg: 12px;--radius-xl: 16px;--shadow-soft: 0 24px 60px rgba(31, 41, 55, .08);--cls-color-1: #f78fb3;--cls-color-2: #8c7dff;--cls-color-3: #34c759;--cls-color-4: #4ec4eb;--cls-color-5: #fb7185;--cls-color-6: #fbbf24;--cls-color-7: #f97316;--cls-color-8: #8cc63f;--cls-color-9: #3b82f6;--cls-color-10: #1e40af;--cls-color-11: #f472b6;--cls-color-12: #94a3b8}:root{--auth-accent: #111827;--auth-accent-hover: #1f2937;--card-rotation: -.3deg}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#1a1a1a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;overflow:hidden}.page-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}.card{width:100%;background:#fff;border-radius:0;border:1px solid #e5e7eb;box-shadow:3px 4px #00000026;padding:40px 40px 44px;position:relative;z-index:1;transform:rotate(var(--card-rotation));opacity:0;animation:cardFadeIn .5s ease-out .6s forwards}@keyframes cardFadeIn{to{opacity:1}}.card:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:22px;height:22px;background:radial-gradient(circle at 30% 30%,#ef4444,#b91c1c);border-radius:50%;box-shadow:0 3px 5px #00000059,inset 0 -2px 4px #00000040;z-index:2}.card:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:6px;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent);z-index:1}.logo-wrapper{display:block;text-align:center;margin-bottom:16px}.logo-wrapper img{height:52px;width:auto;opacity:0;transform:translateY(-60px) rotate(-3deg);animation:logoDrop .6s cubic-bezier(.34,1.56,.64,1) .1s forwards}@keyframes logoDrop{0%{opacity:0;transform:translateY(-60px) rotate(-3deg) scale(.9)}50%{opacity:1;transform:translateY(8px) rotate(1deg) scale(1.02)}70%{transform:translateY(-4px) rotate(-.5deg) scale(1)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}p.lead{font-size:.95rem;font-weight:400;color:#4b5563;text-align:center;margin-bottom:16px;opacity:0;animation:contentFadeIn .4s ease-out .5s forwards}@keyframes contentFadeIn{to{opacity:1}}.form-group{margin-bottom:24px}label{display:block;font-weight:600;font-size:.9rem;margin-bottom:8px;color:#111827}input[type=text],input[type=password]{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #d1d5db;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--auth-accent);box-shadow:0 0 0 3px #1118271f}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:80px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--auth-accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 8px}.password-toggle:focus{outline:none;text-decoration:underline}button[type=submit]{width:100%;padding:14px 0;border-radius:10px;border:none;background:var(--auth-accent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease,transform .1s ease}.social-login-links{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;align-items:center}.social-login-link{display:inline-flex;align-items:center;gap:10px;color:var(--auth-accent);text-decoration:none;font-size:1.1rem;font-weight:600;cursor:pointer}.social-login-link:hover{text-decoration:underline}.social-login-link img{width:24px;height:24px}.social-login-link .x-icon-box{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#000;border-radius:4px}.social-login-link .x-icon-box img{width:16px;height:16px}.other-method-link{display:inline-block;margin-top:8px;color:#6b7280;font-size:.9rem;cursor:pointer;text-decoration:underline}.other-method-link:hover{color:#374151}.email-form-section{display:none}.email-form-section.show{display:block}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}button[type=submit]:hover{background:var(--auth-accent-hover)}button[type=submit]:active{transform:translateY(1px)}.links{margin-top:24px;text-align:center;font-size:.9rem}.links a{color:var(--auth-accent);text-decoration:none;font-weight:500}.links a:hover{text-decoration:underline}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;margin:5% auto;padding:40px;border-radius:16px;width:90%;max-width:500px;position:relative;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;color:#aaa;cursor:pointer;line-height:1}.close:hover,.close:focus{color:#000}.modal h2{font-size:1.5rem;margin-bottom:20px;color:var(--auth-accent)}.modal p{margin-bottom:20px;color:#4b5563;font-size:.9rem}.modal .form-group{margin-bottom:20px}.modal input[type=email],.modal input[type=text]{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #d1d5db;font-size:.95rem}.modal input:focus{outline:none;border-color:var(--auth-accent);box-shadow:0 0 0 3px #1118271f}.modal button{width:100%;padding:14px 0;border-radius:10px;border:none;background:var(--auth-accent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease}.modal button:hover{background:var(--auth-accent-hover)}.modal button:disabled{background:#9ca3af;cursor:not-allowed}.message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.hidden{display:none}.reset-hint{color:#6b7280;font-size:.85rem;margin-top:-8px}.reset-back-btn{background:#6b7280;margin-top:10px}@media(max-width:768px){.logo-wrapper img{height:48px}}@media(max-width:480px){.card{padding:32px 24px}.logo-wrapper img{height:44px}h1{font-size:1.6rem}.modal-content{margin:10% auto;padding:28px}}