.heatmap-container{position:relative;width:100%;min-height:400px}.heatmap-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ffffff80;font-size:14px}.heatmap-error{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ff6b6b;font-size:14px;padding:16px;text-align:center}.heatmap-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ffffff59;font-size:14px}.day-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000073}.day-detail-popup{background:var(--color-surface, #1a2840);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:16px 20px 20px;min-width:240px;max-width:320px;box-shadow:0 8px 32px #0009;position:relative}.day-detail-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#ffffff73;cursor:pointer;font-size:18px;line-height:1;padding:2px 5px}.day-detail-close:hover{color:#ffffffe6}.day-detail-title{margin:0 24px 4px 0;font-size:15px;font-weight:600;color:#ffffffe6}.day-detail-tide-type{font-size:13px;font-weight:600}.day-detail-section{border-top:1px solid rgba(255,255,255,.08);padding-top:8px;margin-top:8px}.day-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:3px 0}.day-detail-label{color:#ffffff80}.day-detail-value{font-weight:600;color:#ffffffe6}.day-detail-time{font-weight:400;font-size:11px;color:#ffffff8c}.help-page{min-height:100vh;display:flex;flex-direction:column}.help-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-glass);border-bottom:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.help-back-link{color:var(--color-accent);text-decoration:none;font-size:14px;white-space:nowrap}.help-back-link:hover{text-decoration:underline}.help-title{font-size:20px;font-weight:700;color:var(--color-text)}.help-main{max-width:800px;width:100%;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.help-section{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.help-section-title{font-size:18px;font-weight:700;color:var(--color-accent);border-bottom:1px solid var(--color-glass-border);padding-bottom:8px}.help-subsection-title{font-size:14px;font-weight:600;color:var(--color-text);margin-top:4px}.help-text{font-size:14px;color:var(--color-text-muted);line-height:1.7}.help-text strong{color:var(--color-text)}.help-color-legend{display:flex;flex-direction:column;gap:4px}.help-color-bar{height:20px;border-radius:4px;background:linear-gradient(to right,#0d2137,#0047ab,#0096ff,#00bfff,#00e5ff)}.help-color-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.help-tide-types{display:flex;flex-direction:column;gap:8px}.help-tide-type-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--color-text-muted)}.help-tide-badge{font-weight:700;font-size:13px;min-width:36px;flex-shrink:0}.help-ol{font-size:14px;color:var(--color-text-muted);line-height:1.7;padding-left:20px;display:flex;flex-direction:column;gap:6px}.help-ol strong{color:var(--color-text)}.help-qa{display:flex;flex-direction:column;gap:16px}.help-qa-item{background:#ffffff08;border:1px solid var(--color-border);border-radius:8px;padding:12px 16px}.help-qa-question{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:6px}.help-qa-answer{font-size:13px;color:var(--color-text-muted);line-height:1.6}@media (max-width: 600px){.help-section{padding:16px}.help-section-title{font-size:16px}.help-title{font-size:17px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-start: #060b24;--color-bg-mid: #0d1547;--color-bg-end: #180833;--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--color-glass-shadow: rgba(10, 20, 80, .45);--color-text: rgba(255, 255, 255, .9);--color-text-muted: rgba(255, 255, 255, .45);--color-accent: #00BFFF;--color-accent-glow: rgba(0, 191, 255, .5);--color-accent-dark: #0096CC;--color-neon-gold: #FFD700;--color-error: #FF6B6B;--color-success: #4FFFB0;--color-border: rgba(255, 255, 255, .08);--color-modal-bg: rgba(13, 21, 71, .85);--color-select-bg: #0d1547;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=light]{--color-bg-start: #e8f0ff;--color-bg-mid: #dce8ff;--color-bg-end: #e8e0f8;--color-glass: rgba(255, 255, 255, .65);--color-glass-border: rgba(0, 0, 80, .12);--color-glass-shadow: rgba(30, 60, 160, .15);--color-text: rgba(10, 15, 50, .9);--color-text-muted: rgba(10, 15, 50, .5);--color-neon-gold: #B8860B;--color-error: #CC0000;--color-success: #006633;--color-border: rgba(0, 0, 80, .1);--color-modal-bg: rgba(235, 242, 255, .92);--color-select-bg: #dce8ff}:root[data-accent=cyan]{--color-accent: #00BFFF;--color-accent-glow: rgba(0, 191, 255, .5);--color-accent-dark: #0096CC}:root[data-accent=green]{--color-accent: #00E676;--color-accent-glow: rgba(0, 230, 118, .5);--color-accent-dark: #00B85D}:root[data-accent=orange]{--color-accent: #FF9100;--color-accent-glow: rgba(255, 145, 0, .5);--color-accent-dark: #CC7300}:root[data-accent=purple]{--color-accent: #B44FFF;--color-accent-glow: rgba(180, 79, 255, .5);--color-accent-dark: #9040CC}:root[data-accent=pink]{--color-accent: #FF4FAB;--color-accent-glow: rgba(255, 79, 171, .5);--color-accent-dark: #CC3D89}body{background:radial-gradient(ellipse at 20% 50%,rgba(0,60,180,.2) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(80,0,160,.2) 0%,transparent 50%),linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-mid) 45%,var(--color-bg-end) 100%);background-attachment:fixed;color:var(--color-text);line-height:1.5;min-height:100vh}:root[data-theme=light] body{background:radial-gradient(ellipse at 20% 50%,rgba(100,150,255,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(150,100,255,.1) 0%,transparent 50%),linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-mid) 45%,var(--color-bg-end) 100%)}.glass-panel{background:var(--color-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:20px;border:1px solid var(--color-glass-border);box-shadow:0 8px 32px 0 var(--color-glass-shadow)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#060b2499;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-glass-border);color:var(--color-text);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.app-title{font-size:1.5rem;font-weight:700;letter-spacing:.15em;color:#fff;text-shadow:0 0 20px var(--color-accent-glow)}.header-actions{display:flex;align-items:center;gap:12px}.help-link{color:var(--color-text-muted);text-decoration:none;font-size:13px;padding:4px 10px;border-radius:6px;border:1px solid var(--color-border);transition:color .2s,border-color .2s;white-space:nowrap}.help-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.app-main{flex:1;padding:20px 24px}.app-layout{display:grid;grid-template-columns:270px 1fr;gap:20px;max-width:1600px;margin:0 auto}.control-sidebar{background:var(--color-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:20px;border:1px solid var(--color-glass-border);box-shadow:0 8px 32px 0 var(--color-glass-shadow);padding:20px;display:flex;flex-direction:column;gap:16px;height:fit-content;position:sticky;top:70px}.control-panel{display:flex;flex-direction:column;gap:14px}.month-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.month-nav-btn{background:#ffffff14;color:var(--color-text);border:1px solid var(--color-glass-border);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:.875rem;transition:background .2s,border-color .2s}.month-nav-btn:hover{background:#ffffff26;border-color:#ffffff40}.month-label{font-size:1rem;font-weight:600;color:var(--color-text)}.slider-group{display:flex;flex-direction:column;gap:6px}.slider-label{font-size:.8125rem;color:var(--color-text-muted)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.slider::-webkit-slider-runnable-track{background:#ffffff2e;height:4px;border-radius:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc,0 0 16px var(--color-accent-glow);margin-top:-6px;cursor:pointer}.slider::-moz-range-track{background:#ffffff2e;height:4px;border-radius:2px}.slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc,0 0 16px var(--color-accent-glow);cursor:pointer}.slider-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.row-height-control{display:flex;flex-direction:column;gap:6px}.slider-header{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--color-text-muted)}.slider-header strong{color:var(--color-text);font-weight:600}.slider-range{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.spot-selector{display:flex;flex-direction:column;gap:4px}.spot-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.spot-select{width:100%;padding:7px 10px;border:1px solid var(--color-glass-border);border-radius:8px;font-size:.875rem;background:#ffffff0f;color:var(--color-text);cursor:pointer;outline:none;transition:border-color .2s}.spot-select:hover,.spot-select:focus{border-color:#00bfff66}.spot-select option{background:var(--color-select-bg);color:var(--color-text)}.spot-empty{font-size:.875rem;color:var(--color-text-muted)}.river-bias-display{display:flex;flex-direction:column;gap:4px}.river-bias-note{font-size:.75rem;color:var(--color-text-muted)}.tide-detail-toggle{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-muted);cursor:pointer}.tide-detail-toggle input[type=checkbox]{accent-color:var(--color-accent);width:14px;height:14px;cursor:pointer}.settings-btn{width:100%;padding:9px;background:#ffffff0f;border:1px solid var(--color-glass-border);border-radius:10px;cursor:pointer;font-size:.875rem;color:var(--color-text);transition:background .2s,border-color .2s,box-shadow .2s}.settings-btn:hover{background:#ffffff1f;border-color:#00bfff4d;box-shadow:0 0 12px #00bfff26}.calendar-button-area{display:flex;flex-direction:column;gap:8px}.selected-count{font-size:.875rem;color:var(--color-accent);font-weight:600;text-shadow:0 0 8px var(--color-accent-glow)}.calendar-register-btn{width:100%;padding:10px;background:#0096cc4d;color:#fff;border:1px solid rgba(0,191,255,.5);border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 0 8px #00bfff33}.calendar-register-btn:hover:not(:disabled){background:#00bfff59;box-shadow:0 0 18px #00bfff66}.calendar-register-btn:disabled{opacity:.35;cursor:not-allowed}.calendar-clear-btn{width:100%;padding:8px;background:transparent;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;font-size:.875rem;transition:background .2s,color .2s}.calendar-clear-btn:hover{background:#ffffff0f;color:var(--color-text)}.calendar-result{font-size:.8125rem;padding:8px 12px;border-radius:8px}.calendar-result.success{background:#4fffb01a;color:var(--color-success);border:1px solid rgba(79,255,176,.2)}.calendar-result.has-error{background:#ff6b6b1a;color:var(--color-error);border:1px solid rgba(255,107,107,.2)}.calendar-login-prompt{font-size:.8rem;color:var(--color-text-muted);text-align:center}.auth-login-btn{padding:7px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.auth-login-btn:hover{background:#ffffff2e;border-color:#fff6}.auth-user{display:flex;align-items:center;gap:12px}.auth-email{font-size:.875rem;color:#ffffffbf}.auth-logout-btn{padding:4px 12px;background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .2s}.auth-logout-btn:hover{background:#ffffff29}.auth-loading{color:#ffffff80;font-size:.875rem}.heatmap-section{background:var(--color-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:20px;border:1px solid var(--color-glass-border);box-shadow:0 8px 32px 0 var(--color-glass-shadow),inset 0 1px #ffffff0f;padding:16px;min-height:500px;position:relative}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--color-modal-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--color-glass-border);border-radius:20px;box-shadow:0 16px 48px #00001e99;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;color:var(--color-text)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-glass-border)}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--color-text)}.modal-close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-muted);padding:4px 8px;transition:color .2s}.modal-close-btn:hover{color:var(--color-text)}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-glass-border)}.modal-error{width:100%;color:var(--color-error);font-size:.875rem;margin:0 0 4px}.btn-cancel{padding:8px 20px;background:#ffffff0f;border:1px solid var(--color-glass-border);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--color-text);transition:background .2s}.btn-cancel:hover{background:#ffffff1f}.btn-save{padding:8px 20px;background:#0096cc4d;color:#fff;border:1px solid rgba(0,191,255,.4);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s,box-shadow .2s}.btn-save:hover:not(:disabled){background:#00bfff59;box-shadow:0 0 14px #00bfff59}.btn-save:disabled{opacity:.4;cursor:not-allowed}.available-hours-editor{display:flex;flex-direction:column;gap:12px}.bulk-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.bulk-btn{font-size:.75rem;padding:4px 10px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff12;cursor:pointer;color:var(--color-text-muted);transition:background .15s,color .15s}.bulk-btn:hover{background:#ffffff24;color:var(--color-text)}.day-row{display:flex;flex-direction:column;gap:6px}.day-header{display:flex;align-items:center;gap:8px}.day-label{font-size:.875rem;font-weight:600;min-width:24px;color:var(--color-text)}.toggle-all-btn{font-size:.75rem;padding:2px 8px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#ffffff0d;cursor:pointer;color:var(--color-text-muted);transition:background .15s,color .15s}.toggle-all-btn:hover{background:#ffffff1f;color:var(--color-text)}.hours-grid{display:flex;flex-wrap:wrap;gap:3px}.hour-btn{min-width:30px;min-height:30px;font-size:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff0a;cursor:pointer;color:var(--color-text-muted);transition:background .1s,border-color .1s,box-shadow .1s;display:flex;align-items:center;justify-content:center}.hour-btn:hover{background:#00bfff1a;border-color:#00bfff4d;color:var(--color-text)}.hour-btn.active{background:#0096cc59;color:#fff;border-color:#00bfff80;box-shadow:0 0 8px #00bfff4d}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.spot-manager{display:flex;flex-direction:column;gap:12px}.spot-manager-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.spot-manager-empty{font-size:.875rem;color:var(--color-text-muted);padding:8px 0}.spot-list{list-style:none;display:flex;flex-direction:column;gap:6px}.spot-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:8px}.spot-item-name{font-size:.875rem;font-weight:600;color:var(--color-text);flex:1}.spot-item-meta{font-size:.8125rem;color:var(--color-text-muted)}.spot-delete-btn{padding:3px 10px;background:#ff6b6b1a;color:var(--color-error);border:1px solid rgba(255,107,107,.25);border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .15s}.spot-delete-btn:hover:not(:disabled){background:#ff6b6b38}.spot-delete-btn:disabled{opacity:.4;cursor:not-allowed}.spot-add-form{display:flex;flex-direction:column;gap:10px;padding:12px;background:#ffffff08;border:1px solid var(--color-border);border-radius:10px}.spot-add-title{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0}.spot-add-fields{display:flex;flex-direction:column;gap:10px}.spot-add-field{display:flex;flex-direction:column;gap:4px}.spot-field-label{font-size:.8125rem;color:var(--color-text-muted)}.spot-field-input{padding:7px 10px;background:#ffffff0f;border:1px solid var(--color-glass-border);border-radius:8px;color:var(--color-text);font-size:.875rem;outline:none;transition:border-color .2s}.spot-field-input:focus{border-color:#00bfff66}.spot-field-input::placeholder{color:var(--color-text-muted)}.spot-field-select{padding:7px 10px;background:#ffffff0f;border:1px solid var(--color-glass-border);border-radius:8px;color:var(--color-text);font-size:.875rem;outline:none;cursor:pointer;transition:border-color .2s}.spot-field-select:focus{border-color:#00bfff66}.spot-field-select option{background:var(--color-select-bg);color:var(--color-text)}.spot-add-error{font-size:.875rem;color:var(--color-error);margin:0}.spot-add-btn{padding:8px 16px;background:#0096cc33;color:var(--color-accent);border:1px solid rgba(0,191,255,.3);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s,box-shadow .2s;align-self:flex-start}.spot-add-btn:hover:not(:disabled){background:#00bfff40;box-shadow:0 0 10px #00bfff33}.spot-add-btn:disabled{opacity:.4;cursor:not-allowed}.theme-settings{display:flex;flex-direction:column;gap:16px}.theme-group-label{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:8px}.theme-mode-options{display:flex;gap:8px}.theme-mode-btn{padding:6px 14px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;transition:background .15s,border-color .15s,color .15s}.theme-mode-btn:hover{background:#ffffff1a;color:var(--color-text)}.theme-mode-btn.active{background:#0096cc40;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.accent-color-options{display:flex;gap:10px}.accent-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background-color:var(--accent-swatch);cursor:pointer;transition:transform .15s,box-shadow .15s}.accent-color-btn:hover{transform:scale(1.15)}.accent-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent-swatch),0 0 12px var(--accent-swatch)}.theme-preset-cards{display:flex;flex-wrap:wrap;gap:8px}.theme-preset-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 8px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;min-width:64px}.theme-preset-card:hover{background:#ffffff1a}.theme-preset-card.active{border-color:var(--color-accent);background:#0096cc26}.theme-preset-preview{width:36px;height:22px;border-radius:4px;border:1px solid rgba(255,255,255,.15);display:block}.theme-preset-label{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap}.theme-preset-card.active .theme-preset-label{color:var(--color-accent)}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.control-sidebar{position:static}.app-main{padding:12px}}