:root{--bg-main: #0a0d14;--bg-card: #111622;--bg-card-hover: #161d2d;--bg-subtle: #192233;--border-color: #232f45;--border-focus: #38bdf8;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #38bdf8;--accent-cyan-glow: rgba(56, 189, 248, .25);--accent-green: #10b981;--accent-green-glow: rgba(16, 185, 129, .3);--accent-amber: #f59e0b;--accent-rose: #f43f5e;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.topstrip{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1.5rem}.topstrip-left{display:flex;align-items:center;gap:.5rem}.pulse{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 8px var(--accent-green);animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.app-hero{margin-bottom:2rem}.app-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.app-title-row h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-tag{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .5rem;background-color:#38bdf81f;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);border-radius:4px}.app-tagline{color:var(--text-secondary);font-size:1rem;max-width:680px}.tabs-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.tab-count{background-color:var(--bg-subtle);padding:.1rem .4rem;border-radius:9999px;font-size:.75rem;color:var(--text-muted)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.card-header h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:.2rem}.stats-pill{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;padding:.3rem .75rem;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:9999px;color:var(--accent-cyan)}.week-grid-container{display:flex;flex-direction:column;gap:1rem}.grid-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.toolbar-left-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.view-toggle{display:flex;background-color:var(--bg-subtle);padding:2px;border-radius:6px;border:1px solid var(--border-color)}.btn-tag{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;padding:.35rem .75rem;border-radius:4px;cursor:pointer;transition:all .15s}.btn-tag.active{background-color:var(--accent-cyan);color:#000;font-weight:700}.preset-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.preset-label{font-size:.8rem;color:var(--text-muted);margin-right:.2rem}.btn-preset{background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s}.btn-preset:hover{background-color:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-cyan)}.btn-clear:hover{border-color:var(--accent-rose);color:var(--accent-rose)}.grid-legend{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.8rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:.4rem}.box{width:14px;height:14px;border-radius:2px}.box-free{background-color:var(--accent-cyan)}.box-busy{background-color:#1a2233;border:1px solid #232f45}.box-overlap{background-color:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.legend-tip{font-size:.78rem;color:var(--text-muted);margin-left:auto}.grid-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;background-color:#0d121c;-webkit-user-select:none;user-select:none}.calendar-grid{display:grid;grid-template-columns:60px repeat(7,minmax(70px,1fr));width:100%}.time-header-cell,.day-header-cell{background-color:#131926;padding:.6rem .4rem;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);font-family:var(--font-mono)}.day-header-cell.weekend{color:var(--accent-amber)}.time-axis-cell{background-color:#101520;border-right:1px solid var(--border-color);border-bottom:1px solid rgba(35,47,69,.4);font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:0 .2rem}.time-axis-cell.hour-start{border-top:1px solid var(--border-color);font-weight:600;color:var(--text-secondary)}.slot-cell{border-right:1px solid rgba(35,47,69,.4);border-bottom:1px solid rgba(35,47,69,.3);cursor:pointer;transition:background-color .08s;min-height:18px}.slot-cell.cell-hour-top{border-top:1px solid rgba(35,47,69,.7)}.slot-cell.slot-busy{background-color:#12182666}.slot-cell.slot-busy:hover{background-color:#38bdf826}.slot-cell.slot-free{background-color:var(--accent-cyan);box-shadow:inset 0 0 0 1px #fff3}.slot-cell.slot-free:hover{background-color:#7dd3fc}.slot-cell.slot-overlap{background-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green-glow),inset 0 0 0 1px #fff6}.slot-cell.multi-participant-cell{display:flex;flex-direction:row;align-items:stretch;gap:1px;padding:1px;background-color:#090d16;cursor:default;overflow:hidden;position:relative}.slot-cell.multi-participant-cell:hover{background-color:#131b2c;outline:1px solid var(--accent-cyan);z-index:2}.participant-slice{flex:1;height:100%;min-width:0;border-radius:1px;transition:opacity .15s,background-color .15s}.slot-cell.slot-all-free-match{box-shadow:inset 0 0 0 1px #fff6,0 0 8px #38bdf84d}.participant-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.participant-legend-box{width:12px;height:12px;border-radius:3px;display:inline-block;vertical-align:middle}.legend-participant-name{font-weight:600;font-size:.8rem;color:var(--text-primary)}.code-box-wrapper{display:flex;flex-direction:column;gap:.75rem}.code-box{background-color:#07090f;border:1px solid var(--border-color);border-radius:6px;padding:1rem;overflow-x:auto}.monospace-code{font-family:var(--font-mono);font-size:.85rem;color:#7dd3fc;word-break:break-all;letter-spacing:.05em}.code-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-action{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s}.btn-action:hover{background-color:var(--bg-card-hover);border-color:var(--accent-cyan)}.btn-action.active{background-color:#38bdf826;border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-action.btn-success{background-color:#10b98133;border-color:var(--accent-green);color:var(--accent-green)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background-color:#07090f;border:1px solid var(--border-color);border-radius:8px;margin-top:1rem}.qr-box{background-color:#12151c;padding:.75rem;border-radius:6px;border:1px solid var(--border-color)}.qr-hint{font-size:.8rem;color:var(--text-muted)}.phone-guide{display:flex;align-items:flex-start;gap:.75rem;background-color:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:6px;padding:.75rem 1rem;margin-top:1rem}.guide-icon{color:var(--accent-amber);margin-top:2px}.guide-text{font-size:.82rem;color:#fde68a;line-height:1.4}.input-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.label-with-action{display:flex;justify-content:space-between;align-items:center}.btn-inline{background:transparent;border:none;color:var(--accent-cyan);font-size:.78rem;cursor:pointer;display:flex;align-items:center;gap:.3rem}.btn-inline:hover{text-decoration:underline}.input-text,.input-code{width:100%;background-color:#07090f;border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s}.input-text:focus,.input-code:focus{border-color:var(--border-focus)}.status-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:6px;font-size:.85rem}.status-valid{background-color:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.status-invalid{background-color:#f43f5e1f;border:1px solid rgba(244,63,94,.3);color:#fb7185}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--accent-cyan);color:#050b14;font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.btn-primary:hover:not(:disabled){background-color:#7dd3fc;box-shadow:0 0 15px var(--accent-cyan-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.demo-presets-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.demo-hint{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.participants-bar{margin-bottom:1rem}.participants-list{display:flex;flex-wrap:wrap;gap:.5rem}.participant-chip{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color)}.my-chip{background-color:#38bdf81f;border-color:#38bdf84d;color:var(--accent-cyan)}.other-chip{background-color:var(--bg-subtle);color:var(--text-primary)}.chip-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.chip-remove{background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;line-height:1;padding:0 .2rem}.chip-remove:hover{color:var(--accent-rose)}.score-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.score-match{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3)}.score-match .score-icon{color:var(--accent-green)}.score-empty{background-color:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.score-empty .score-icon{color:var(--accent-rose)}.score-main{display:flex;align-items:center;gap:1rem}.score-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.score-desc{font-size:.85rem;color:var(--text-secondary)}.slots-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-top:.75rem}.match-time-chip{background-color:var(--bg-subtle);border:1px solid var(--border-color);padding:.4rem .6rem;border-radius:4px;font-size:.8rem;font-family:var(--font-mono);color:var(--text-primary)}.match-time-chip strong{color:var(--accent-green)}.match-time-more{display:flex;align-items:center;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);padding:.4rem .6rem}.app-footer{margin-top:4rem;border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.footer-link{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:color .15s ease}.footer-link:hover{color:var(--accent-cyan)}.topstrip-link{display:inline-flex;align-items:center;gap:.35rem;background-color:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem;padding:.2rem .55rem;border-radius:9999px;text-decoration:none;cursor:pointer;transition:all .15s}.topstrip-link:hover{background-color:#38bdf840;border-color:var(--accent-cyan);color:#fff}.session-card{border-color:#38bdf833}.form-checkbox-row{margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.created-session-view{display:flex;flex-direction:column;gap:1.25rem}.success-badge{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--accent-green)}.share-link-box{display:flex;align-items:center;gap:.5rem;background-color:#07090f;border:1px solid var(--border-color);border-radius:6px;padding:.4rem .6rem}.link-icon{color:var(--accent-cyan);margin-left:.25rem}.share-link-input{flex:1;background:transparent;border:none;color:#7dd3fc;outline:none;font-size:.85rem}.session-view-container{display:flex;flex-direction:column;gap:1.5rem}.session-header-card{display:flex;flex-direction:column;gap:1.25rem}.session-top-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem}.session-badge-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.session-main-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.session-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.polling-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;padding:.2rem .6rem;border-radius:9999px;background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .15s}.polling-pill.active{color:var(--accent-green);border-color:#10b9814d}.session-participants-bar{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem;border-top:1px solid var(--border-color)}.participants-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.spin-icon{animation:spin 1s linear infinite;color:var(--accent-cyan)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-pill-btn{display:inline-flex;align-items:center;gap:.35rem;background-color:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem;padding:.2rem .55rem;border-radius:9999px;cursor:pointer;transition:all .15s}.user-pill-btn:hover{background-color:#38bdf833;border-color:var(--accent-cyan)}.user-pill-edit{color:var(--text-muted);font-size:.7rem}.host-identity-banner{display:flex;justify-content:space-between;align-items:center;background-color:#38bdf80f;border:1px solid rgba(56,189,248,.15);padding:.6rem .85rem;border-radius:6px;font-size:.85rem}.host-identity-left{display:flex;align-items:center;gap:.4rem;color:var(--text-primary)}.host-icon{color:var(--accent-cyan)}.autosync-status-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;background-color:#10b98114;border:1px solid rgba(16,185,129,.25);padding:.65rem 1rem;border-radius:6px;font-size:.85rem;color:#34d399}.autosync-status-left{display:flex;align-items:center;gap:.5rem;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050b14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-card{width:100%;max-width:440px;background-color:#0b0f19;border:1px solid var(--border-focus);border-radius:12px;padding:2rem;box-shadow:0 20px 40px #000c,0 0 30px var(--accent-cyan-glow);display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .2s ease-out}.modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.modal-icon-badge{width:48px;height:48px;border-radius:50%;background-color:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.modal-header h3{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.modal-subtitle{font-size:.85rem;color:var(--text-secondary)}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.modal-submit-btn{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-header-btn{display:inline-flex;align-items:center;gap:.35rem;background-color:#a855f71f;border:1px solid rgba(168,85,247,.3);color:var(--accent-purple);font-family:var(--font-mono);font-size:.75rem;padding:.2rem .55rem;border-radius:9999px;cursor:pointer;transition:all .15s}.auth-header-btn:hover{background-color:#a855f740;border-color:var(--accent-purple)}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.auth-profile-info{display:flex;flex-direction:column;gap:.5rem;width:100%;background-color:var(--bg-subtle);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:6px;font-size:.85rem;margin-top:.5rem}.profile-row{display:flex;justify-content:space-between;align-items:center}.profile-row span{color:var(--text-muted)}.input-with-icon{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.input-text.with-icon{padding-left:2.25rem}.auth-toggle-row{text-align:center;font-size:.8rem;color:var(--text-secondary)}.btn-link{background:transparent;border:none;color:var(--accent-cyan);font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.btn-danger-action{background-color:#f43f5e1a;border-color:#f43f5e4d;color:var(--accent-rose)}.btn-danger-action:hover{background-color:#f43f5e33;border-color:var(--accent-rose)}.template-manager-card{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;background-color:#1218264d;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.template-toolbar-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.template-left{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.template-import-badge{font-size:.75rem;padding:.3rem .6rem;margin:0}.template-drawer{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color);animation:fadeIn .15s ease-out}.template-save-form{display:flex;gap:.5rem}.template-save-form .input-text{flex:1}.template-list-grid{display:flex;flex-wrap:wrap;gap:.5rem}.template-item-chip{display:inline-flex;align-items:center;background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .15s}.template-item-chip:hover{border-color:var(--accent-cyan)}.template-name-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-primary);font-size:.8rem;font-weight:500;padding:.35rem .6rem;cursor:pointer}.template-icon{color:var(--accent-cyan)}.template-delete-btn{display:inline-flex;align-items:center;background:transparent;border:none;border-left:1px solid var(--border-color);color:var(--text-muted);padding:.35rem .5rem;cursor:pointer;transition:color .15s}.template-delete-btn:hover{color:var(--accent-rose)}.groups-container{display:flex;flex-direction:column;gap:1.5rem}.group-create-form{margin-top:1rem}.group-detail-view{display:flex;flex-direction:column;gap:1.5rem}.group-header-card{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:768px){.app-container{padding:1rem .75rem}.app-title-row h1{font-size:1.5rem}.card{padding:1rem}.score-card,.session-top-meta,.autosync-status-banner,.template-toolbar-row{flex-direction:column;align-items:flex-start}.template-save-form{flex-direction:column}.app-footer{flex-direction:column;gap:.5rem;align-items:flex-start}}