@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum";background:#fff;color:#1a1a1a;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-variant-numeric:tabular-nums;min-height:100vh;padding:2rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.message{border-left:4px solid;border-radius:5px;margin-bottom:20px;padding:10px}.message.error{background:#fff5f5;border-left-color:#e53e3e;color:#e53e3e}.message.success{background:#f0fff4;border-left-color:#38a169;color:#38a169}.signup-flow-container{margin:0 auto;max-width:100%;padding:2rem;text-align:center;width:100%}.signup-header,.signup-header h1{margin-bottom:1.5rem}.signup-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.signup-description{color:#6b7280;font-size:1.1rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:800px}.signup-content{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:100%;padding:2rem 8rem;text-align:left;width:100%}.interests-section{margin:2rem 0}.interests-section label{color:#374151;display:block;font-size:1rem;font-weight:500;margin-bottom:1rem}.interests-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1rem}.interest-option{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 14px;text-align:center;transition:all .2s ease}.interest-option:hover{background:#f9fafb;border-color:#111827;transform:translateY(-1px)}.interest-option.selected{background:#111827;border-color:#111827;box-shadow:0 2px 8px #11182733;color:#fff;transform:translateY(-1px)}.interest-option.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.4}.interest-option.disabled:hover{background:#f9fafb;border-color:#e5e7eb;transform:none}.form-group small{font-size:.875rem;font-weight:400}.form-group small.error{color:#dc2626;font-weight:500}.custom-time-input{text-align:center}.signup-summary{background:#f0f4ff;border:1px solid #667eea33;border-radius:12px;margin:2rem 0;padding:1.5rem}.signup-summary h3{color:#667eea;font-size:1.2rem;margin-bottom:1rem}.signup-summary ul{list-style:none;margin:0;padding:0}.signup-summary li{color:#333;font-size:1rem;margin-bottom:.5rem}.signup-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-large{letter-spacing:0;overflow:hidden;position:relative;text-transform:none}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:16px 32px;position:relative;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#111827;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.btn-secondary:active{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:translateY(0)}.btn-secondary:disabled{background:#f5f5f5;border-color:#e5e7eb;cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:#111827;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:16px 32px;position:relative;transition:all .2s ease}.btn-primary:hover{background:#374151;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:translateY(0)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.login-link{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-link p{color:#6b7280;font-weight:400;margin:0}.verification-status{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.verification-status.success{color:#16a34a}.verification-status.error{color:#dc2626}.verification-status.info{color:#2563eb}.verification-status .icon{font-size:1rem}.timer-display{color:#dc2626;font-family:SF Mono,Monaco,Menlo,monospace;font-weight:600}.form-group.verified input{background-color:#f0fdf4;border-color:#16a34a;color:#166534}.form-group.verified label:after{color:#16a34a;content:" ✅"}.btn-sms-send{overflow:hidden;position:relative}.btn-sms-send:disabled{cursor:not-allowed;opacity:.7}.btn-sms-send.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.btn-sms-send.loading{color:#0000}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phone-verified{color:#16a34a;font-weight:600}.phone-verified:after{content:" ✅";margin-left:.5rem}.phone-verification-display{background:#f8fafc;border-radius:12px;margin:1rem 0;padding:2rem;text-align:center}.verification-code-display{margin-bottom:2rem}.verification-code-display h2{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;display:inline-block;font-family:SF Mono,Monaco,Menlo,monospace;font-size:3rem;font-weight:700;letter-spacing:.5rem;margin:0;padding:1rem}.verification-code-display p{color:#374151;font-weight:500;margin:1rem 0 0}.verification-instructions{margin:0 auto;max-width:400px;text-align:left}.verification-instructions ol{counter-reset:step-counter;list-style:none;padding:0}.verification-instructions li{background:#fff;border-left:4px solid #667eea;border-radius:8px;counter-increment:step-counter;font-weight:500;margin:1rem 0;padding:1rem;position:relative}.verification-instructions li:before{align-items:center;background:#667eea;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.875rem;font-weight:600;height:24px;justify-content:center;left:-2px;position:absolute;top:-2px;width:24px}.verification-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.verification-warning p{color:#dc2626;font-weight:500;margin:0 0 1rem}@media (max-width:768px){.signup-flow-container{padding:1rem}.signup-header h1{font-size:2rem}.signup-description{font-size:1rem}.signup-content{padding:1.5rem}.interests-grid,.time-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.signup-actions{flex-direction:column}.btn-large{min-width:100%}.verification-input-group{flex-direction:column;gap:1rem}.verification-input-group button,.verification-input-group input{min-width:100%}}.time-dropdown-container{margin:0 auto;max-width:600px;padding:1rem;text-align:center}.time-dropdown-header{margin-bottom:1rem}.time-dropdown-header h3{color:#1a1a1a;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.time-dropdown-header p{color:#6b7280;font-size:1rem;font-weight:400;line-height:1.7;margin:0 auto 2rem;max-width:600px}.time-dropdowns{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:2rem;justify-content:center;margin:1.5rem auto;max-width:100%;padding:2rem 8rem;width:100%}.dropdown-group{align-items:center;display:flex;flex-direction:column;gap:1rem}.dropdown-group label{color:#374151;font-size:.875rem;font-weight:500;letter-spacing:0;margin-bottom:.5rem;text-transform:none}.time-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:1rem;font-weight:500;min-width:90px;padding:12px 35px 12px 16px;text-align:center;transition:all .2s ease}.time-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.time-select:hover{border-color:#374151}.time-select:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.time-dropdown-container{padding:1rem}.time-dropdowns{flex-direction:row;gap:1.5rem;max-width:90%;padding:1.5rem}.time-select{font-size:.95rem;min-width:80px}}@media (max-width:480px){.time-dropdowns{gap:1rem;max-width:95%;padding:1rem}.dropdown-group{gap:.8rem}.dropdown-group label,.time-select{font-size:.9rem}.time-select{min-width:75px;padding:8px 30px 8px 14px}}.login-form-container{margin:0 auto;max-width:100%;padding:2rem;text-align:center;width:100%}.login-header{margin-bottom:3rem}.login-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.login-description{color:#6b7280;font-size:1.1rem;font-weight:400;line-height:1.7;margin-left:auto;margin-right:auto;max-width:350px}.login-form{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:100%;padding:2rem 4rem;text-align:left;width:100%}.form-group{margin-bottom:2rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.login-actions{margin:2rem 0;text-align:center}.btn-large{background:#111827;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#fff;cursor:pointer;font-size:1rem;min-width:200px;transition:all .2s ease}.btn-large:hover{background:#374151;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.btn-large:active{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:translateY(0)}.btn-large:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.signup-link{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:2rem;text-align:center}.signup-link p{color:#6b7280;font-weight:400;margin:0}.link-button{background:none;border:none;color:#111827;cursor:pointer;font-size:inherit;font-weight:500;margin-left:.5rem;text-decoration:underline}.link-button:hover{color:#374151}.link-button:disabled{cursor:not-allowed;opacity:.6}.forgot-password{margin-top:.5rem;text-align:right}.forgot-password .link-button{color:#6b7280;font-size:.85rem;margin-left:0}.forgot-password .link-button:hover{color:#374151}.reset-form{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:100%;padding:2rem 4rem;text-align:left;width:100%}.reset-step{display:flex;flex-direction:column;gap:1.5rem}.reset-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.reset-actions .btn{font-size:.95rem;min-width:120px;padding:12px 24px}.form-group small{color:#6b7280;display:block;font-size:.85rem;margin-top:.5rem}.sms-info{margin-top:.5rem}.sms-info small{display:block;margin-bottom:.5rem}.sms-info .timer{color:#dc2626;font-family:SF Mono,Monaco,Menlo,monospace;font-weight:600}.resend-button{font-size:.8rem;margin-top:.5rem}.verification-input-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.verification-input-group input{flex:1 1;font-family:SF Mono,Monaco,Menlo,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.1em;min-width:200px;text-align:center}.verification-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.verification-input-group button{flex-shrink:0;min-width:140px;white-space:nowrap}@media (max-width:768px){.login-form-container{padding:1rem}.login-header h1{font-size:2rem}.login-form{padding:1.5rem}.btn-large{min-width:100%}.reset-form{padding:1.5rem}.reset-actions{flex-direction:column}.reset-actions .btn{min-width:100%}.verification-input-group{flex-direction:column;gap:1rem}.verification-input-group button,.verification-input-group input{min-width:100%}}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{margin-bottom:2rem}.welcome-section h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.welcome-subtitle{color:#6b7280;font-size:1.1rem;font-weight:400;margin:0}.time-change-section{margin-top:2rem}.profile-edit-section{margin-top:2rem;text-align:center}.profile-edit-btn{font-size:.9rem;min-width:auto;padding:.75rem 1.5rem}.profile-edit-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:400px;padding:1.5rem}.profile-edit-form h3{color:#374151;font-size:1.1rem;margin:0 0 1rem;text-align:center}.profile-edit-form .form-group{margin-bottom:1.5rem;text-align:left}.profile-edit-form .form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.profile-edit-form .form-group input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.profile-edit-form .form-group input:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.profile-edit-actions{display:flex;gap:1rem;justify-content:center}.profile-edit-actions .btn{font-size:.9rem;min-width:80px;padding:.75rem 1.5rem}.profile-edit-form .interests-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:.5rem}.profile-edit-form .interest-option{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 12px;text-align:center;transition:all .2s ease}.profile-edit-form .interest-option:hover{background:#f9fafb;border-color:#111827;transform:translateY(-1px)}.profile-edit-form .interest-option.selected{background:#111827;border-color:#111827;box-shadow:0 2px 8px #11182733;color:#fff;transform:translateY(-1px)}.profile-edit-form .interest-option.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.4}.profile-edit-form .interest-option.disabled:hover{background:#f9fafb;border-color:#e5e7eb;transform:none}.profile-edit-form small{color:#6b7280;display:block;font-size:.75rem;text-align:center}@media (max-width:768px){.dashboard-container{padding:1rem}.welcome-section h1{font-size:2rem}.welcome-subtitle{font-size:1rem}.profile-edit-section,.time-change-section{margin-top:1.5rem}.profile-edit-btn{font-size:.85rem;padding:.6rem 1.25rem}}.time-selector-container{margin:0 auto;max-width:800px;padding:2rem;text-align:center}.time-selector-header{margin-bottom:3rem}.time-selector-header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.time-selector-description{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.time-selector-form{background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 8px 32px #667eea1a;padding:2rem}.time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.time-option{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.time-option:hover{background:#f8f9ff}.time-option.selected,.time-option:hover{border-color:#667eea;transform:translateY(-2px)}.time-option.selected{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.time-option:disabled{cursor:not-allowed;opacity:.5;transform:none}.custom-time-input{background:#f8f9ff;border:1px solid #667eea1a;border-radius:12px;margin:2rem 0;padding:1.5rem}.custom-time-input label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.custom-time-input input[type=time]{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;font-size:1.1rem;min-width:150px;padding:12px 16px}.custom-time-input input[type=time]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.time-selector-actions{margin-top:2rem;text-align:center}.btn-large{font-size:1.2rem;font-weight:600;min-width:280px;padding:16px 32px}.change-preview{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.95rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:400px;padding:1rem}.change-preview strong{color:#78350f;font-weight:600}.current-time-info{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin-top:1.5rem;padding:1rem}.current-time-info p{color:#2e7d2e;font-size:1rem;margin:0}.current-time-info strong{color:#1b5e1b;font-weight:700}.time-change-actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.time-change-actions .btn{font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px}@media (max-width:768px){.time-selector-container{padding:1rem}.time-selector-header h1{font-size:2rem}.time-selector-description{font-size:1rem}.time-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.time-option{font-size:.9rem;padding:10px 12px}.btn-large{font-size:1.1rem;min-width:100%;padding:14px 24px}.time-change-actions{flex-direction:column;gap:.75rem}.time-change-actions .btn{font-size:.95rem;min-width:100%}}.loading{color:#667eea;padding:20px;text-align:center}.container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0;width:100%}@media (max-width:600px){.container{margin:0;padding:0}}