.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:20px}.auth-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:48px 40px;width:100%;max-width:420px}.auth-title{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;color:#d4af37;letter-spacing:.1em;text-align:center;margin-bottom:8px}.auth-jp{font-size:.75rem;font-weight:300;color:#d4af37;text-align:center;margin-bottom:6px;letter-spacing:.3em;opacity:.8}.auth-subtitle{font-size:.85rem;font-weight:300;color:#888;text-align:center;margin-bottom:40px;letter-spacing:.05em}.error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:12px;border-radius:6px;font-size:.875rem;margin-bottom:24px;text-align:center}.auth-form,.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.875rem;font-weight:300;color:#ccc;margin-bottom:8px;letter-spacing:.02em}.form-group input{width:100%;padding:12px 16px;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder{color:#bbb}.form-group input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 1px #d4af371a}.btn-primary{background:#d4af37;color:#0a0a0a;font-weight:500;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease;letter-spacing:.02em}.btn-primary:hover:not(:disabled){background:#e8c44d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%;margin-top:8px}.auth-footer{text-align:center;padding-top:24px;border-top:1px solid #2a2a2a}.auth-footer p{font-size:.875rem;font-weight:300;color:#888}.auth-footer a{color:#d4af37;text-decoration:none;font-weight:400;transition:color .2s ease}.auth-footer a:hover{color:#e8c44d;text-decoration:underline}.terms-row{margin:8px 0 24px}.terms-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#ccc;font-size:.8rem;font-weight:300;line-height:1.5}.terms-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:#d4af37}.terms-label span{flex:1}.demo-section{margin:16px 0;text-align:center}.demo-toggle{background:transparent;border:none;color:#bbb;font-size:.75rem;cursor:pointer;padding:4px 8px}.demo-toggle:hover{color:#d4af37}.demo-accounts{display:flex;flex-direction:column;gap:8px;margin-top:8px}.demo-account-btn{background:#0a0a0a;border:1px solid #333;color:#ccc;padding:10px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.demo-account-btn:hover{border-color:#d4af37;color:#d4af37}.selector-container{display:flex;flex-direction:column;height:100vh;background:#0a0a0a;color:#fff}.selector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a2a;background:#111}.selector-header h2{margin:0;font-size:18px;color:#c9a84c;flex:1;text-align:center}.btn-back{background:transparent;border:none;color:#c9a84c;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.btn-back:hover{background:#1a1a1a}.selector-content{flex:1;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.selector-subtitle{font-size:16px;color:#ccc;margin:0;text-align:center}.selector-cards{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px}.selector-card{background:#111;border:2px solid #2a2a2a;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.selector-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color);transform:translateY(-3px);transition:transform .3s ease}.selector-card:hover{border-color:var(--card-color);background:#1a1a1a;box-shadow:0 4px 16px #00000080}.selector-card:hover:before{transform:translateY(0)}.card-icon{font-size:44px;margin-bottom:8px}.card-title{font-size:18px;font-weight:600;color:var(--card-color);margin:0}.card-description{font-size:13px;color:#999;margin:0;line-height:1.4}.card-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--card-color);opacity:0;transition:all .3s ease}.selector-card:hover .card-arrow{opacity:1;right:16px}@media (max-width: 480px){.selector-content{padding:24px 16px;gap:24px}.selector-cards{gap:12px}.selector-card{padding:20px}.card-icon{font-size:36px}}.ai-dialog-container{display:flex;flex-direction:column;height:100vh;background:#0a0a0a;color:#fff}.ai-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a2a;background:#111}.ai-dialog-header h2{margin:0;font-size:18px;color:#c9a84c;flex:1;text-align:center}.ai-dialog-content{flex:1;padding:24px 20px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.progress-bar-container{position:relative;height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#c9a84c,#f0d080);transition:width .3s ease}.progress-text{position:absolute;top:12px;right:0;font-size:12px;color:#999;font-weight:600}.question-container{flex:1;display:flex;flex-direction:column;gap:16px}.question-number{font-size:14px;color:#c9a84c;margin:0;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.question-text{font-size:20px;font-weight:600;color:#fff;margin:0;line-height:1.6}.answer-textarea{width:100%;padding:14px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#ccc;font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s ease}.answer-textarea:hover{border-color:#3a3a3a}.answer-textarea:focus{outline:none;border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c1a}.answer-textarea::placeholder{color:#bbb}.dialog-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid #2a2a2a}.btn-prev,.btn-skip,.btn-next{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-prev{background:#1a1a1a;border:1px solid #2a2a2a;color:#c9a84c;flex:1;min-width:100px}.btn-prev:hover:not(:disabled){border-color:#c9a84c;background:#111}.btn-skip{background:transparent;border:1px solid #999;color:#999;flex:1;min-width:100px}.btn-skip:hover:not(:disabled){border-color:#888;color:#aaa}.btn-next{background:linear-gradient(135deg,#c9a84c,#f0d080);color:#000;flex:1;min-width:100px}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #c9a84c4d}.btn-prev:disabled,.btn-skip:disabled,.btn-next:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.ai-dialog-content{padding:16px;gap:20px}.question-text{font-size:18px}.answer-textarea{min-height:100px}.dialog-actions{gap:8px}.btn-prev,.btn-skip,.btn-next{padding:10px 16px;font-size:13px}}.customer-add-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.add-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:20px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.btn-back{background:transparent;border:none;color:var(--accent);font-size:.95rem;cursor:pointer;padding:8px 12px;min-height:44px;min-width:44px;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-back:hover{background:var(--accent-bg)}.add-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.add-content{padding:20px 16px;max-width:600px;margin:0 auto}.add-type-selection{padding:20px 16px;display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}.add-type-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.add-type-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-type-icon{font-size:2.5rem;margin-bottom:16px}.add-type-card h3{color:var(--accent);font-size:1.1rem;font-weight:500;margin:0 0 10px;letter-spacing:.05em}.add-type-description{color:var(--text-secondary);font-size:.85rem;margin:0 0 16px;line-height:1.5}.add-type-features{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.add-type-features li{color:var(--text-tertiary);font-size:.75rem;background:var(--bg-tertiary);padding:6px 12px;border-radius:12px;border:1px solid #2a2a2a}.form-section{margin-bottom:20px}.form-section label{display:block;color:#ccc;font-size:.85rem;font-weight:300;margin-bottom:8px}.form-section input[type=text],.form-section input[type=number],.form-section input[type=date],.form-section textarea,.form-section select{width:100%;background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:10px 14px;color:#fff;font-size:.95rem;font-family:inherit;box-sizing:border-box}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{outline:none;border-color:#d4af37}.form-section input::placeholder,.form-section textarea::placeholder{color:#bbb}.photo-upload{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;background:#0a0a0a;border:1px dashed #999;cursor:pointer}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:.8rem}.photo-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.status-buttons,.check-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-btn,.check-btn{flex:1;background:#0a0a0a;border:1px solid #333;color:#888;padding:10px 8px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease;min-width:70px}.status-btn.active,.check-btn.active{background:rgba(212,175,55,.15);border-color:#d4af37;color:#d4af37}.btn-voice{width:100%;background:#0a0a0a;border:2px solid #d4af37;color:#d4af37;padding:14px 20px;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-voice:hover{background:rgba(212,175,55,.1)}.btn-voice.recording{background:#d4af37;color:#0a0a0a;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d4af3799}50%{box-shadow:0 0 0 12px #d4af3700}}.btn-primary{background:#d4af37;color:#0a0a0a;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;font-size:1rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#e8c44d}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid #333;color:#ccc;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:.95rem}.btn-secondary:hover{border-color:#d4af37;color:#d4af37}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.ai-progress{height:3px;background:#1a1a1a;position:relative}.ai-progress-bar{height:100%;background:#d4af37;transition:width .3s ease}.ai-question{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start}.ai-question-icon{font-size:1.5rem;flex-shrink:0}.ai-question-text{color:#fff;font-size:1rem;line-height:1.5;margin:0}.ai-actions{display:flex;gap:12px;margin-top:20px}.ai-actions button{flex:1}.ai-tip{text-align:center;color:#bbb;font-size:.75rem;margin-top:16px}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit input{flex:1}.input-with-unit .unit{color:#888;font-size:.9rem}.mode-select{padding:24px 16px;display:flex;flex-direction:column;gap:12px}.mode-label{color:#888;font-size:.85rem;text-align:center;margin-bottom:8px}.mode-btn{display:flex;align-items:center;gap:16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:20px 16px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.mode-btn:hover{border-color:#d4af37}.mode-btn.voice:hover{border-color:#ef4444}.mode-icon{font-size:2rem}.mode-title{color:#fff;font-size:1rem;font-weight:700;display:block}.mode-desc{color:#888;font-size:.8rem;display:block;margin-top:2px}.input-hint{color:#888;font-size:.85rem;margin-bottom:16px;line-height:1.6}.record-btn{width:100%;padding:16px;border-radius:12px;border:2px solid #d4af37;background:transparent;color:#d4af37;font-size:1.1rem;font-weight:700;cursor:pointer;margin-bottom:16px;transition:all .2s}.record-btn.recording{border-color:#ef4444;color:#ef4444;animation:pulse 1s infinite}.voice-textarea{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px;color:#fff;font-size:.9rem;resize:vertical;margin-bottom:16px;box-sizing:border-box}.btn-analyze{width:100%;padding:14px;background:#d4af37;color:#0a0a0a;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer}.btn-analyze:disabled{opacity:.5;cursor:not-allowed}.btn-show-voice{width:100%;padding:10px;background:transparent;border:1px solid #333;border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;margin-bottom:16px}.btn-show-voice:hover{border-color:#d4af37;color:#d4af37}.confirm-section{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px;margin-bottom:16px}.confirm-section h3{color:#d4af37;font-size:.9rem;margin:0 0 12px;font-weight:500}.status-buttons{display:flex;gap:8px}.status-btn{flex:1;padding:8px;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#888;font-size:.85rem;cursor:pointer}.status-btn.active{background:#d4af37;border-color:#d4af37;color:#0a0a0a;font-weight:700}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.popup-content{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;width:100%;max-width:500px;max-height:70vh;overflow-y:auto}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2a2a2a}.popup-header h3{color:#d4af37;margin:0;font-size:1rem}.popup-header button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer}.popup-body{padding:16px;color:#ccc;font-size:.9rem;line-height:1.8;white-space:pre-wrap}.saving-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:8px}.saving-state p{color:#d4af37;font-size:1.1rem;margin:0}.saving-sub{color:#888!important;font-size:.85rem!important}.visit-add-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.customer-info-bar{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:16px;padding:16px 20px;margin-bottom:24px;text-align:center;box-shadow:var(--shadow-sm)}.customer-info-bar .customer-name{color:var(--accent);font-size:1.1rem;font-weight:500}.group-size-buttons{display:flex;gap:6px;flex-wrap:wrap}.size-btn{width:44px;height:44px;min-width:44px;min-height:44px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;cursor:pointer;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.size-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.current-size{color:var(--accent);font-size:.9rem;margin-top:10px;text-align:center}.check-btn.douhan.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.check-btn.shimei.active{border-color:#9b87f5;background:rgba(155,135,245,.15);color:#9b87f5}.check-btn.after.active{border-color:#ff9ecd;background:rgba(255,158,205,.15);color:#ff9ecd}.btn-voice-memo{width:100%;padding:14px;margin-top:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px}.btn-voice-memo:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-voice-memo.recording{border-color:var(--danger);color:var(--danger);animation:pulse 1s infinite}.analyzing-message{background:var(--accent-bg);border:1px solid var(--accent);border-radius:16px;padding:16px 20px;color:var(--accent);font-size:.85rem;margin-bottom:16px;text-align:center;box-shadow:var(--shadow-sm)}.analysis-done{background:rgba(52,168,83,.1);border:1px solid var(--success);border-radius:16px;padding:16px 20px;color:var(--success);font-size:.85rem;margin-bottom:16px;text-align:center;box-shadow:var(--shadow-sm)}.voice-memo-container{min-height:100vh;background:#0a0a0a;color:#fff}.voice-memo-content{padding:20px 16px;max-width:600px;margin:0 auto}.target-customer-card{background:#1a1a1a;border:1px solid #d4af37;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.target-label{color:#888;font-size:.7rem;letter-spacing:.2em;margin-bottom:4px}.target-name{color:#d4af37;font-size:1.3rem;font-weight:500}.customer-select-tabs{display:flex;gap:6px;margin-bottom:12px}.select-tab{flex:1;background:#0a0a0a;border:1px solid #333;color:#888;padding:10px;border-radius:6px;cursor:pointer;font-size:.85rem}.select-tab.active{background:rgba(212,175,55,.15);border-color:#d4af37;color:#d4af37}.customer-name-input,.customer-select{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:10px 14px;border-radius:6px;font-size:.95rem;font-family:inherit;box-sizing:border-box}.customer-name-input:focus,.customer-select:focus{outline:none;border-color:#d4af37}.customer-select option{background:#1a1a1a;color:#fff}.recording-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin:32px 0}.big-record-btn{width:120px;height:120px;border-radius:50%;background:#0a0a0a;border:3px solid #d4af37;color:#d4af37;font-size:2.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.big-record-btn:hover{background:rgba(212,175,55,.1)}.big-record-btn.recording{background:#d4af37;color:#0a0a0a;animation:pulse-rec 1.5s ease-in-out infinite}@keyframes pulse-rec{0%,to{box-shadow:0 0 #d4af3799}50%{box-shadow:0 0 0 20px #d4af3700}}.recording-status{text-align:center}.recording-time{color:#d4af37;font-size:1.5rem;font-family:Cormorant Garamond,serif;font-weight:500;margin-bottom:4px}.recording-hint{color:#888;font-size:.85rem}.memo-textarea{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:12px 14px;border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;box-sizing:border-box}.memo-textarea:focus{outline:none;border-color:#d4af37}.pulse-text{color:#d4af37;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.4}}.big-record-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.calendar-container{max-width:600px;margin:0 auto;background-color:var(--bg-primary);min-height:100vh}.calendar-header{background-color:var(--bg-secondary);border-bottom:2px solid var(--accent);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;gap:10px;box-shadow:var(--shadow-sm)}.category-filter-bar{display:flex;gap:8px;padding:8px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.filter-btn{padding:4px 16px;border:1px solid #ccc;border-radius:20px;background:#fff;color:#999;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn.active{background-color:#d4af37;border-color:#d4af37;color:#fff;font-weight:700}.calendar-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0;flex:1;text-align:center}.nav-btn{background:transparent;color:#d4af37;border:none;font-size:20px;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.nav-btn:hover{opacity:.7}.today-btn{background:transparent;border:1px solid #d4af37;color:#d4af37;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;transition:background-color .2s}.today-btn:hover{background-color:#d4af371a}.voice-input-btn{background:transparent;border:1px solid #d4af37;color:#d4af37;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-input-btn:hover{background:rgba(212,175,55,.1)}.voice-input-btn.recording{background:#c62828;border-color:#c62828;color:#fff;animation:pulse 1s infinite}.voice-input-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;margin:8px;border-radius:6px;font-size:14px;border-left:4px solid #c62828}.calendar-scroll-container{overflow-y:auto;background-color:#f8f8f8;height:calc(100vh - 120px)}.day-row{display:flex;align-items:flex-start;border-bottom:1px solid #e0e0e0;min-height:52px;background-color:#fff}.day-row.saturday{background-color:#e3f2fd}.day-row.holiday{background-color:#fce4ec}.day-label{width:64px;min-width:64px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.day-name{font-size:11px;color:#999;font-weight:400}.day-row.saturday .day-name{color:#1565c0}.day-row.holiday .day-name{color:#c62828}.day-number{font-size:18px;font-weight:700;line-height:1.2;color:#1a1a1a}.day-number.today{background-color:#d4af37;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.events-area{flex:1;display:flex;flex-wrap:wrap;gap:6px;padding:8px;align-items:flex-start}.event-badge{border-left:3px solid;padding:6px 10px;border-radius:4px;min-height:32px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:transform .2s,box-shadow .2s;max-width:100%}.event-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.event-badge.work{border-left-color:#d4af37;background-color:#fffde7}.event-badge.private{border-left-color:#9e9e9e;background-color:#f5f5f5}.event-badge.task{border-left-color:#b76e79;background-color:#fce4ec}.event-title{font-size:13px;font-weight:600;color:#1a1a1a;word-break:break-word}.event-time{font-size:11px;color:#999}.add-btn{width:44px;min-width:44px;height:44px;background:transparent;border:none;color:#d4af37;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:4px;transition:background-color .2s}.add-btn:hover{background-color:#d4af371a;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-title{color:#1a1a1a;font-size:22px;font-weight:600;margin:0 0 20px;border-bottom:2px solid #d4af37;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#1a1a1a;font-weight:600;margin-bottom:8px;font-size:14px}.form-input,.form-select,.form-textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1a1a1a;background-color:#fff;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#d4af37}.form-textarea{resize:vertical;font-family:inherit}.form-group input[type=checkbox]{margin-right:8px;width:auto}.modal-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.btn-save,.btn-cancel,.btn-delete{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-save{background-color:#d4af37;color:#1a1a1a;flex:1}.btn-save:hover{background-color:#b8941f}.btn-save:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.btn-cancel{background-color:#9e9e9e;color:#fff;flex:1}.btn-cancel:hover{background-color:#757575}.btn-delete{background-color:#c62828;color:#fff;flex:1}.btn-delete:hover{background-color:#a52020}.btn-delete:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}@media (max-width: 768px){.calendar-container{max-width:100%}.calendar-header{padding:6px 12px}.calendar-title{font-size:16px}.nav-btn{width:40px;height:40px;font-size:18px}.today-btn{padding:4px 8px;font-size:12px}.voice-input-btn{width:40px;height:40px;font-size:16px}.day-label{width:56px;min-width:56px}.day-number{font-size:16px}.event-badge{min-height:28px;padding:4px 8px}.event-title{font-size:12px}.event-time{font-size:10px}.add-btn{width:40px;min-width:40px;height:40px;font-size:20px}.modal-content{padding:20px;width:95%}.modal-actions{flex-direction:column}.btn-save,.btn-cancel,.btn-delete{width:100%}}.my-diary-container{width:100%;max-width:900px;margin:0 auto}.diary-content{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:20px}.diary-date-picker{grid-column:1;display:flex;flex-direction:column;gap:12px}.diary-date-picker label{font-size:13px;color:var(--text-secondary);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.date-input{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;color:var(--accent);font-size:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.date-input:hover{border-color:var(--border-strong);background:var(--bg-secondary)}.date-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-sm)}.diary-calendar{grid-column:1;display:flex;flex-direction:column;gap:12px}.calendar-title{font-size:13px;color:var(--text-secondary);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-date{aspect-ratio:1;padding:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:12px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:44px;min-height:44px}.calendar-date:hover{border-color:var(--border-strong);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.calendar-date.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:600;box-shadow:var(--shadow-md)}.calendar-date.has-diary:not(.active){border-color:#c9a84c;color:#c9a84c}.date-day{font-weight:500}.diary-indicator{position:absolute;top:2px;right:2px;font-size:10px;color:#c9a84c}.calendar-date.active .diary-indicator{color:#000}.diary-editor{grid-column:2;display:flex;flex-direction:column;gap:16px}.editor-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #2a2a2a}.editor-header h2{margin:0;font-size:18px;color:#c9a84c}.status-saved{font-size:12px;color:#999;background:#0a0a0a;padding:4px 10px;border-radius:4px;border:1px solid #2a2a2a}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px 14px;color:#fca5a5;font-size:13px}.textarea-with-voice{display:flex;gap:12px;align-items:flex-start}.textarea-wrapper{flex:1;position:relative}.diary-textarea{width:100%;padding:14px 16px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;color:#ccc;font-size:14px;font-family:Menlo,Courier New,monospace;resize:vertical;min-height:300px;transition:border-color .2s ease}.diary-textarea:hover{border-color:#3a3a3a}.diary-textarea:focus{outline:none;border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c1a}.diary-textarea::placeholder{color:#bbb}.interim-text{position:absolute;top:14px;left:16px;color:#999;font-size:13px;font-style:italic;opacity:.7;pointer-events:none}.btn-voice-inline{flex-shrink:0;width:48px;height:48px;padding:0;background:transparent;border:2px solid #c9a84c;border-radius:8px;color:#c9a84c;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-top:0}.btn-voice-inline:hover:not(.listening){background:rgba(201,168,76,.1)}.btn-voice-inline.listening{background:#c41e3a;border-color:#c41e3a;color:#fff;animation:pulse-recording 1s infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.6}}.editor-actions{display:flex;gap:12px}.btn-save,.btn-delete{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save{background:linear-gradient(135deg,#c9a84c,#f0d080);color:#000}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #c9a84c4d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-delete{background:transparent;border:1px solid #c9a84c;color:#c9a84c}.btn-delete:hover:not(:disabled){background:rgba(201,168,76,.1)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.diary-list{grid-column:2;display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid #2a2a2a}.diary-list h3{font-size:13px;color:#999;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:0}.entries{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.diary-entry{padding:12px 14px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px}.diary-entry:hover{border-color:#3a3a3a;background:#111}.diary-entry.active{background:linear-gradient(135deg,rgba(201,168,76,.15),rgba(240,208,128,.1));border-color:#c9a84c}.entry-date{font-size:12px;color:#c9a84c;font-weight:600}.entry-preview{font-size:12px;color:#999;line-height:1.4}.entries::-webkit-scrollbar{width:6px}.entries::-webkit-scrollbar-track{background:transparent}.entries::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.entries::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@media (max-width: 768px){.diary-content{grid-template-columns:1fr}.diary-date-picker,.diary-calendar,.diary-editor,.diary-list{grid-column:1!important}.calendar-grid{grid-template-columns:repeat(7,1fr)}.diary-textarea{min-height:200px}.editor-actions{flex-direction:column}.btn-save,.btn-delete{width:100%}.entries{max-height:200px}}.home-container{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:100px}.home-header{background:#0a0a0a;border-bottom:1px solid #2a2a2a;padding:16px 20px;position:sticky;top:0;z-index:50;height:56px;display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.brand{display:flex;flex-direction:column;position:absolute;left:50%;transform:translate(-50%)}.app-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:300;color:#d4af37;letter-spacing:.1em;margin:0;line-height:1}.app-subtitle{font-size:.65rem;color:#888;letter-spacing:.2em;font-weight:300;margin-top:2px}.header-right{display:flex;align-items:center;gap:12px}.user-name{color:#ccc;font-size:.85rem;font-weight:300}.btn-logout{background:transparent;border:1px solid #333;color:#888;padding:6px 12px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-logout:hover{border-color:#d4af37;color:#d4af37}.tab-navigation{background:#1a1a1a;border-bottom:1px solid #2a2a2a;display:flex;width:100%;position:sticky;top:0;z-index:40;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{background:transparent;border:none;color:#888;padding:8px 2px;cursor:pointer;font-size:11px;font-weight:400;transition:all .2s ease;border-bottom:2px solid transparent;position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;white-space:nowrap}.tab-button:hover{color:#d4af37}.tab-button.active{color:#d4af37;border-bottom:2px solid #d4af37}.home-main{padding:20px 16px}.container{max-width:600px;margin:0 auto}.section-label{font-size:.7rem;letter-spacing:.2em;color:#888;font-weight:400;margin-bottom:12px;margin-top:24px;text-transform:uppercase}.summary-section{margin-bottom:8px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.summary-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 8px;text-align:center}.summary-label{font-size:.7rem;color:#888;margin-bottom:6px}.summary-value{font-size:1.1rem;font-weight:500;color:#d4af37;font-family:Cormorant Garamond,serif}.alert-section{background:#1a1a1a;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:16px;margin-bottom:16px;margin-top:16px}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;justify-content:space-between;align-items:center;background:#0a0a0a;padding:10px 12px;border-radius:6px;cursor:pointer;border:1px solid #2a2a2a;transition:all .2s ease}.alert-item:hover{border-color:#d4af37}.alert-name{color:#fff;font-size:.95rem}.alert-days{color:#d4af37;font-size:.8rem;font-weight:500}.search-section{flex-wrap:wrap;display:flex;gap:8px;margin:24px 0 12px}.search-input{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:10px 14px;color:#fff;font-size:.9rem}.search-input::placeholder{color:#bbb}.search-input:focus{outline:none;border-color:#d4af37}.btn-add{background:#d4af37;color:#0a0a0a;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;font-size:.9rem;white-space:nowrap}.btn-add:hover{background:#e8c44d}.filter-tabs{display:flex;gap:6px;margin-bottom:16px}.filter-tab{background:transparent;border:1px solid #2a2a2a;color:#888;padding:6px 12px;border-radius:16px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.filter-tab.active{background:rgba(212,175,55,.15);border-color:#d4af37;color:#d4af37}.error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:10px 12px;border-radius:6px;font-size:.85rem;margin-bottom:12px}.floating-voice-btn{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:#d4af37;color:#0a0a0a;border:none;font-size:1.6rem;cursor:pointer;box-shadow:0 4px 20px #d4af3766;z-index:100;transition:all .2s ease}.floating-voice-btn:hover{background:#e8c44d;transform:scale(1.05)}.floating-voice-btn:active{transform:scale(.95)}@media (max-width: 400px){.search-section{flex-direction:column}.btn-add{width:100%}}.admin-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-header{background:var(--bg-secondary);border-bottom:2px solid var(--accent);padding:20px 24px;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.brand{display:flex;flex-direction:column}.app-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:300;color:var(--accent);letter-spacing:.1em;margin:0;line-height:1}.app-subtitle{font-size:.65rem;color:var(--text-tertiary);letter-spacing:.2em;font-weight:300;margin-top:2px}.header-right{display:flex;align-items:center;gap:16px}.user-name{color:var(--text-secondary);font-size:.85rem;font-weight:300}.btn-logout{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);padding:8px 16px;border-radius:16px;font-size:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:44px}.btn-logout:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.admin-main{padding:30px 20px}.container{max-width:1200px;margin:0 auto}.section-title{font-size:1.2rem;color:var(--accent);margin-bottom:24px;font-weight:500;letter-spacing:.05em}.error-message{background:rgba(229,57,53,.1);border:1px solid var(--danger);color:var(--danger);padding:16px 20px;border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow-sm);font-size:.9rem}.stats-section{margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:20px;text-align:center}.stat-label{font-size:.85rem;color:#888;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:600;color:#d4af37;font-family:Cormorant Garamond,serif}.users-section{margin-bottom:40px}.loading-state{text-align:center;padding:40px;color:#888}.table-container{overflow-x:auto;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#0a0a0a;border-bottom:1px solid #2a2a2a}.users-table th{padding:12px 16px;text-align:left;font-size:.85rem;color:#d4af37;font-weight:500}.users-table td{padding:12px 16px;border-bottom:1px solid #2a2a2a;font-size:.9rem;color:#ccc}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:rgba(212,175,55,.05)}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{margin:4px 0;font-size:.9rem}.empty-state .empty-sub{color:#bbb;font-size:.8rem}.inquiries-section{margin-bottom:40px}.placeholder{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:40px;text-align:center;color:#888}.placeholder p{margin:0;font-size:.9rem}.desktop-only{display:table;width:100%}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:flex;flex-direction:column;gap:10px}.user-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:14px 16px;cursor:pointer}.user-card-name{color:#fff;font-size:1rem;margin-bottom:6px}.user-card-meta{display:flex;justify-content:space-between}.user-card-role{color:#d4af37;font-size:.8rem}.user-card-date{color:#999;font-size:.8rem}.admin-main{padding:20px 10px}.stat-value{font-size:1.5rem}.table-container{font-size:.85rem}.users-table th,.users-table td{padding:8px 10px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-system);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);margin:0}p{margin:0;line-height:var(--leading-relaxed)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}a:active{opacity:.7}strong,b{font-weight:var(--weight-semibold)}em,i{font-style:italic}small{font-size:var(--text-footnote)}ul,ol{list-style:none;margin:0;padding:0}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.4}input,textarea,select{font-family:inherit;font-size:var(--text-body);line-height:inherit;color:var(--text-primary);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-input);padding:var(--space-3) var(--space-4);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;transition:background-color var(--transition-fast),border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{background-color:var(--bg-secondary);box-shadow:0 0 0 2px var(--accent-light)}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}input[type=checkbox],input[type=radio]{width:auto;padding:0}textarea{resize:vertical;min-height:100px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:padding-box}::selection{background-color:var(--accent-light);color:var(--text-primary)}::-moz-selection{background-color:var(--accent-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-fluid{width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}.ios-card{background-color:var(--bg-secondary);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.ios-card:hover{box-shadow:var(--shadow-md)}.ios-list{background-color:var(--bg-secondary);border-radius:var(--radius-card);overflow:hidden}.ios-list-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--separator);min-height:var(--list-row-height);display:flex;align-items:center;transition:background-color var(--transition-fast)}.ios-list-item:last-child{border-bottom:none}.ios-list-item:active{background-color:var(--hover-overlay)}.ios-section-header{font-size:var(--text-footnote);font-weight:var(--weight-regular);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-2)}.ios-section-header:first-child{margin-top:0}.ios-separator{height:1px;background-color:var(--separator);margin:var(--space-4) 0}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-caption-1);font-weight:var(--weight-medium);line-height:1}.status-badge.free{background-color:var(--status-free-bg);color:var(--status-free-text)}.status-badge.shimei{background-color:var(--status-shimei-bg);color:var(--status-shimei-text)}.status-badge.regular{background-color:var(--status-regular-bg);color:var(--status-regular-text)}.pressable{transition:transform var(--transition-press),opacity var(--transition-fast);cursor:pointer}.pressable:active{transform:scale(.97);opacity:.8}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-right{padding-right:var(--safe-area-right)}.blur-background{background-color:var(--blur-background);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong)}.text-large-title{font-size:var(--text-large-title);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.text-title-1{font-size:var(--text-title-1);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.text-title-2{font-size:var(--text-title-2);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.text-title-3{font-size:var(--text-title-3);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.text-headline{font-size:var(--text-headline);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.text-body{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-relaxed)}.text-callout{font-size:var(--text-callout);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.text-subheadline{font-size:var(--text-subheadline);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.text-footnote{font-size:var(--text-footnote);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.text-caption-1{font-size:var(--text-caption-1);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.text-caption-2{font-size:var(--text-caption-2);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-fade) forwards}.animate-slide-up{animation:slideUp var(--transition-slide) forwards}.animate-slide-down{animation:slideDown var(--transition-slide) forwards}.animate-scale-in{animation:scaleIn var(--transition-base) cubic-bezier(.25,.46,.45,.94) forwards}@media (max-width: 640px){html{font-size:15px}.container{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 1024px){.container{max-width:960px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-text-gold: var(--accent);--color-primary: var(--accent);--color-primary-light: var(--accent-hover);--color-primary-dark: var(--accent);--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--bg-tertiary);--color-bg-hover: var(--bg-tertiary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-text-muted: var(--text-tertiary);--color-border-primary: var(--border);--color-border-secondary: var(--border-strong);--color-success: var(--success);--color-error: var(--danger);--color-warning: var(--warning);--color-info: var(--info);--color-gradient-primary: var(--accent);--border-color: var(--border);--accent-vip: #9333ea;--shadow: var(--shadow-md)}:root,[data-theme=light]{--bg-primary: #f2f2f7;--bg-secondary: #ffffff;--bg-tertiary: #f9f9f9;--bg-grouped: #f2f2f7;--bg-elevated: #ffffff;--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .3);--text-quaternary: rgba(0, 0, 0, .18);--accent: #c9a961;--accent-hover: #b89854;--accent-light: rgba(201, 169, 97, .15);--success: #34c759;--warning: #ff9500;--danger: #ff453a;--info: #007aff;--separator: rgba(0, 0, 0, .08);--separator-opaque: #c6c6c8;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--hover-overlay: rgba(0, 0, 0, .04);--pressed-overlay: rgba(0, 0, 0, .08);--selected-overlay: rgba(0, 0, 0, .12);--blur-background: rgba(255, 255, 255, .8);--blur-strong: saturate(180%) blur(20px);--status-free-bg: rgba(142, 142, 147, .12);--status-free-text: #8e8e93;--status-shimei-bg: rgba(201, 169, 97, .15);--status-shimei-text: #c9a961;--status-regular-bg: rgba(201, 169, 97, .25);--status-regular-text: #b89854}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-grouped: #000000;--bg-elevated: #1c1c1e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .3);--text-quaternary: rgba(255, 255, 255, .18);--accent: #d4af37;--accent-hover: #e6c777;--accent-light: rgba(212, 175, 55, .18);--success: #32d74b;--warning: #ff9f0a;--danger: #ff453a;--info: #0a84ff;--separator: rgba(255, 255, 255, .08);--separator-opaque: #38383a;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .5);--hover-overlay: rgba(255, 255, 255, .06);--pressed-overlay: rgba(255, 255, 255, .12);--selected-overlay: rgba(255, 255, 255, .18);--blur-background: rgba(28, 28, 30, .8);--blur-strong: saturate(180%) blur(20px);--status-free-bg: rgba(142, 142, 147, .24);--status-free-text: #98989d;--status-shimei-bg: rgba(212, 175, 55, .2);--status-shimei-text: #d4af37;--status-regular-bg: rgba(212, 175, 55, .3);--status-regular-text: #e6c777}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-grouped: #000000;--bg-elevated: #1c1c1e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .3);--text-quaternary: rgba(255, 255, 255, .18);--accent: #d4af37;--accent-hover: #e6c777;--accent-light: rgba(212, 175, 55, .18);--success: #32d74b;--warning: #ff9f0a;--danger: #ff453a;--info: #0a84ff;--separator: rgba(255, 255, 255, .08);--separator-opaque: #38383a;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .5);--hover-overlay: rgba(255, 255, 255, .06);--pressed-overlay: rgba(255, 255, 255, .12);--selected-overlay: rgba(255, 255, 255, .18);--blur-background: rgba(28, 28, 30, .8);--blur-strong: saturate(180%) blur(20px);--status-free-bg: rgba(142, 142, 147, .24);--status-free-text: #98989d;--status-shimei-bg: rgba(212, 175, 55, .2);--status-shimei-text: #d4af37;--status-regular-bg: rgba(212, 175, 55, .3);--status-regular-text: #e6c777}}:root{--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-system-rounded: ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-mono: "SF Mono", "Monaco", "Courier New", monospace;--text-large-title: 34px;--text-title-1: 28px;--text-title-2: 22px;--text-title-3: 20px;--text-headline: 17px;--text-body: 17px;--text-callout: 16px;--text-subheadline: 15px;--text-footnote: 13px;--text-caption-1: 12px;--text-caption-2: 11px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.6;--leading-loose: 1.8}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--nav-bar-height: 44px;--tab-bar-height: 49px;--list-row-height: 44px;--touch-target-min: 44px}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--radius-button: 12px;--radius-card: 14px;--radius-sheet: 14px;--radius-input: 10px}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.25, .46, .45, .94);--transition-press: .15s cubic-bezier(.4, 0, 1, 1);--transition-fade: .2s ease-in-out;--transition-slide: .3s cubic-bezier(.4, 0, .2, 1)}:root{--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}@supports (padding: env(safe-area-inset-top)){:root{--safe-area-top: env(safe-area-inset-top);--safe-area-right: env(safe-area-inset-right);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left)}}:root{--safe-area-top: 0px;--safe-area-right: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px}