@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{color-scheme:light;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;color:#070c12;background:radial-gradient(circle at top left,rgba(12,117,115,.06),transparent 40rem),linear-gradient(135deg,#f3f8f9,#e7f0ee,#eae5db);--ink: #070c12;--muted: #5e6f80;--faint: #8195a6;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--line: #c3d6d9;--line-strong: #8faeb3;--blue: #155f9f;--teal: #0c7573;--teal-strong: #075250;--coral: #d44026;--green: #24785f;--sand: #efe4d1;--shadow: 0 16px 40px rgba(7, 12, 18, .08);--focus-ring: rgba(212, 64, 38, .34);--button-bg: #0c7573;--button-hover: #075250;--button-ink: #f3f8f9;--secondary-bg: #e8f0f1;--secondary-hover: #dce9ea;--table-line: #e6eeee;--modal-bg: #fdfefe}*{box-sizing:border-box}body{min-height:100vh;min-width:320px;margin:0}body,button,input,select{font:inherit}button,input,select{min-height:44px;min-width:0}button{border:0;border-radius:7px;padding:0 18px;color:var(--button-ink);background:var(--button-bg);cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover{background:var(--button-hover)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.68}button.secondary,.ghost-button,.nav-button,.text-button{color:var(--ink);background:var(--secondary-bg)}button.secondary:hover,.ghost-button:hover,.nav-button:hover,.text-button:hover{background:var(--secondary-hover)}input,select{width:100%;border:1px solid var(--line-strong);border-radius:7px;padding:0 12px;color:var(--ink);background:#fbfdfd}label{color:#394a5f;font-size:13px;font-weight:700}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0 64px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 0;background:color-mix(in srgb,#f7fbfb 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;min-width:0;min-height:58px;padding:0;color:inherit;background:transparent;text-align:left}.brand:hover{background:transparent}.brand:active{transform:none}.brand-mark{width:58px;height:58px;flex:0 0 auto;border-radius:14px;object-fit:cover;box-shadow:0 12px 28px #0f4a5f1a}.brand strong{display:block;color:var(--ink);font-size:24px;line-height:1;letter-spacing:0}.brand small{display:block;margin-top:7px;color:#66778a;font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.nav-cluster,.nav-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nav-actions{padding:4px;border:1px solid var(--line);border-radius:9px;background:#ffffffad}.nav-button{min-height:36px;padding:0 13px;border-radius:6px;font-weight:700}.nav-button.active{color:var(--button-ink);background:var(--ink);box-shadow:0 8px 22px #1622382e}.ghost-button{min-height:42px;border:1px solid transparent}.text-button{margin-top:22px;border:1px solid var(--line);background:#ffffffb8;font-weight:800}.text-button.compact{justify-self:start;min-height:34px;margin-top:0;padding:0;border:0;color:var(--teal);background:transparent}.text-button.compact:hover{background:transparent;text-decoration:underline}.inline-link{min-height:32px;margin-left:6px;padding:0 2px;color:var(--teal);background:transparent;font-weight:850;text-decoration:underline}.inline-link:hover{background:transparent;color:var(--blue)}.check-row{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:var(--muted);font-size:13px;font-weight:650;line-height:1.45}.check-row input{width:18px;min-height:18px;margin:1px 0 0;accent-color:var(--teal)}.view{animation:reveal .26s ease both}.view-header{max-width:680px;margin:26px 0 24px}.eyebrow{margin:0 0 8px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.view h1,.view-header h1,.login-intro h1{margin:0;color:#122033;font-size:clamp(34px,6vw,58px);line-height:.96;letter-spacing:0}.view-header p,.login-intro p,.panel-heading p,.empty-state p,.muted{color:var(--muted)}.view-header p,.login-intro p{max-width:62ch;margin:14px 0 0;font-size:16px;line-height:1.55}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(28px,6vw,76px);align-items:start;padding-top:clamp(26px,7vh,72px)}.login-intro{min-height:420px;padding-top:24px}.login-intro h1{max-width:680px}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.trust-strip span{border:1px solid rgba(15,141,138,.24);border-radius:999px;padding:8px 12px;color:#245d62;background:#ffffffa3;font-size:13px;font-weight:800}.login-stack{display:grid;gap:14px}.panel,.item,.detail,.empty-state,.stat-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 1px #fffc inset}.panel{display:grid;max-width:520px;min-width:0;gap:11px;padding:20px}.auth-panel{max-width:none;background:var(--panel-strong);box-shadow:var(--shadow)}.secondary-auth{background:#ffffffb8;box-shadow:none}.panel-heading{margin-bottom:4px}.panel-heading h2,.empty-state h2,.item h2{margin:0;color:var(--ink);font-size:20px}.panel-heading p,.empty-state p,.muted{margin:6px 0 0;line-height:1.45}.form-message{margin:2px 0 0;border:1px solid var(--line);border-radius:7px;padding:10px 12px;font-size:13px;font-weight:750;line-height:1.35}.form-message.error{border-color:color-mix(in srgb,var(--coral) 42%,var(--line));color:var(--coral);background:color-mix(in srgb,var(--coral) 10%,transparent)}.form-message.success{border-color:color-mix(in srgb,var(--teal) 42%,var(--line));color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}.action-btn.danger{color:#fff8f5;background:var(--coral)}.action-btn.danger:hover{background:color-mix(in srgb,var(--coral) 88%,#5b1d12)}.stacked-form{display:grid;gap:10px}.code-form{margin-top:6px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px}.loading-view{max-width:620px;padding-top:64px}.loading-panel{display:inline-flex;align-items:center;gap:10px;width:auto;margin-top:24px;color:var(--muted);font-weight:700}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 #0f8d8a47;animation:pulse 1.3s ease-out infinite}.landing-page{display:grid;gap:clamp(34px,6vw,72px)}.landing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(28px,5vw,68px);align-items:center;min-height:min(720px,calc(100vh - 130px));padding:clamp(26px,7vh,72px) 0 18px}.landing-copy{display:grid;justify-items:start}.landing-copy h1{max-width:760px;margin:0;color:var(--ink);font-size:clamp(42px,6.2vw,76px);line-height:.94;letter-spacing:0}.landing-copy>p{max-width:62ch;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-link{margin:0 0 0 2px;padding:0 4px}.hero-visual{position:relative;min-height:420px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel-strong) 80%,transparent));pointer-events:none}.hero-visual img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;display:block}.landing-section{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(22px,4vw,54px);align-items:start}.landing-section h2{max-width:560px;margin:0;color:var(--ink);font-size:clamp(28px,4vw,46px);line-height:1}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-grid article,.landing-band,.compatible-note{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.feature-grid article{padding:18px}.feature-grid span,.support-card>span{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.feature-grid h3{margin:16px 0 8px;color:var(--ink);font-size:18px}.feature-grid p,.landing-band span,.compatible-note p{margin:0;color:var(--muted);line-height:1.5}.landing-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.landing-band div{display:grid;gap:6px;padding:18px}.landing-band div+div{border-left:1px solid var(--line)}.landing-band strong{color:var(--ink);font-size:20px}.compatible-page{max-width:980px}.compatible-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px;align-items:start}.compatible-selector{position:sticky;top:112px}.compatible-visual{width:100%;aspect-ratio:16 / 9;margin-top:8px;border:1px solid var(--line);border-radius:8px;object-fit:cover;display:block}.device-support-list{display:grid;gap:10px}.support-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.support-card>span{border:1px solid rgba(15,141,138,.24);border-radius:999px;padding:8px 10px;background:#fff9}.compatible-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:18px}.compatible-note>div{display:grid;gap:8px}.compatible-note h2{margin:0;color:var(--ink);font-size:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{padding:16px}.stat-card span,.metric small{display:block;color:var(--faint);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stat-card strong{display:block;margin-top:8px;color:var(--ink);font-size:clamp(20px,2.5vw,28px);line-height:1.1}.list{display:grid;gap:12px}.item{width:100%;padding:18px;text-align:left}.dive-shell{padding:0;overflow:hidden}.dive-card{display:grid;width:100%;grid-template-columns:minmax(150px,.8fr) minmax(0,2fr) auto;gap:16px;align-items:center;border:0;border-radius:0;padding:18px;color:inherit;background:transparent;text-align:left}.dive-shell:hover{border-color:var(--line-strong);background:#fff;box-shadow:0 12px 34px #1e374b17;transform:translateY(-1px)}.dive-card:hover{background:transparent}.dive-card-app{display:none}.dive-card-main{display:grid;gap:4px}.dive-title{color:var(--ink);font-size:20px;font-weight:850}.dive-title-row{display:flex;align-items:center;gap:8px;min-width:0}.dive-title-row .dive-title{min-width:0}.training-result{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:850;line-height:1;white-space:nowrap}.training-result span{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:var(--muted);box-shadow:0 0 0 3px #6c7d9229}.training-result-met span{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.training-result-near span{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.training-result-missed span{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.dive-date{color:var(--muted);font-size:14px;font-weight:700}.expand-indicator{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--teal);background:#ffffffb3;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.inline-detail{border-top:1px solid var(--line);padding:0 18px 18px}.inline-detail .detail{margin:0;border:0;border-radius:0;padding:18px 0 0;background:transparent;box-shadow:none}.detail-loading{padding-top:18px;color:var(--muted);font-weight:700}.training-note{display:inline-flex;align-items:center;gap:10px;margin:10px 0 16px;color:var(--muted);font-size:14px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}.metric{min-width:0}.metric strong{display:block;margin-top:3px;color:var(--ink);font-size:17px;line-height:1.2}.detail{padding:20px;margin-bottom:18px;background:#fff;box-shadow:var(--shadow)}.detail-header,.modal-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail h2,.modal-panel h2{margin:0 0 8px}.detail p,.modal-panel p{margin:0 0 16px;color:var(--muted)}.detail-metrics{margin-bottom:16px}.table-wrap{overflow-x:auto}.splits{width:100%;min-width:560px;border-collapse:collapse}.splits th,.splits td{padding:11px 8px;border-top:1px solid var(--table-line);text-align:left}.splits th{color:var(--faint);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.split-edit-field{display:grid;min-width:132px;gap:4px}.split-edit-field span{color:var(--faint);font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.split-edit-field input{min-height:38px;padding:8px 10px}.split-actions{display:flex;flex-wrap:wrap;gap:8px}.split-action-button{min-height:36px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:999px;padding:0 13px;color:var(--ink);background:color-mix(in srgb,var(--panel-strong) 88%,var(--teal) 12%);box-shadow:0 1px #ffffff80 inset;font-size:13px;font-weight:800}.split-action-button:hover{border-color:color-mix(in srgb,var(--teal) 70%,var(--line));color:var(--teal-strong);background:color-mix(in srgb,var(--teal) 18%,var(--panel-strong))}.split-action-button.primary{border-color:color-mix(in srgb,var(--teal) 68%,var(--ink));color:var(--button-ink);background:var(--button-bg)}.split-action-button.primary:hover{color:var(--button-ink);background:var(--button-bg-hover)}.split-action-button.danger{border-color:color-mix(in srgb,var(--coral) 54%,var(--line));color:#9e312a;background:color-mix(in srgb,var(--coral) 12%,var(--panel-strong))}.split-action-button.danger:hover{border-color:color-mix(in srgb,var(--coral) 78%,var(--line));color:#7f221d;background:color-mix(in srgb,var(--coral) 20%,var(--panel-strong))}.danger-text{color:#e35f50}.device-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr) minmax(180px,.8fr) auto;gap:18px;align-items:center}.device-card-main{display:flex;min-width:0;align-items:center;gap:14px}.device-mark{position:relative;width:54px;height:54px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:999px;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--teal) 24%,transparent),transparent 38%),var(--panel-strong);box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--teal) 8%,transparent)}.device-mark:before,.device-mark:after{content:"";position:absolute;left:50%;width:18px;height:7px;border:1px solid color-mix(in srgb,var(--teal) 36%,var(--line));background:var(--panel-strong);transform:translate(-50%)}.device-mark:before{top:-5px;border-radius:7px 7px 3px 3px}.device-mark:after{bottom:-5px;border-radius:3px 3px 7px 7px}.device-mark span{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:2px solid var(--teal);border-radius:50%}.device-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-id{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:color-mix(in srgb,var(--panel-strong) 70%,transparent)}.device-id span{display:block;color:var(--faint);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.device-id code{display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.device-status{display:inline-flex;align-items:center;width:fit-content;min-height:28px;border:1px solid var(--line);border-radius:999px;padding:0 9px;background:var(--panel-strong);font-size:12px}.device-status.active{border-color:color-mix(in srgb,var(--green) 42%,var(--line));color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.empty-state{display:grid;justify-items:start;padding:26px;background:#ffffffb8}.policy-page{max-width:820px}.policy-panel{max-width:none}.policy-panel h2{margin:18px 0 0;font-size:18px}.policy-panel p{margin:6px 0 10px;color:var(--muted);line-height:1.55}.policy-updated{color:var(--teal)!important;font-size:13px;font-weight:850}.empty-mark{width:46px;height:46px;margin-bottom:16px;border:1px solid rgba(201,85,59,.28);border-radius:50%;background:linear-gradient(90deg,transparent 46%,rgba(201,85,59,.38) 47% 53%,transparent 54%),linear-gradient(#f6eee2,#f2ddc3)}.skeleton-card{height:92px;border-color:#d9e4e5b8;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent),linear-gradient(#eff5f4 20px,transparent 0),linear-gradient(#e4eeed 14px,transparent 0),linear-gradient(#f8fbfb,#eef5f3);background-position:-220px 0,18px 20px,18px 52px,0 0;background-size:220px 100%,180px 20px,70% 14px,100% 100%;background-repeat:no-repeat;animation:shimmer 1.3s ease-in-out infinite}.skeleton-card.compact{height:76px}.status{min-height:24px;margin-top:22px;color:var(--blue);font-weight:700}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:24px;background:#16223861}.modal-panel{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;padding:22px;background:var(--modal-bg);box-shadow:0 18px 48px #16223833}.share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;overflow:auto;padding:24px;background:#02080cd6}.share-editor{display:grid;grid-template-columns:minmax(280px,420px) minmax(320px,560px);gap:18px;width:min(1040px,100%);align-items:start}.share-preview-panel,.share-tools{border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:var(--shadow)}.share-preview-panel{display:grid;justify-items:center;gap:14px;padding:18px}.share-preview-header{width:100%}.share-preview-header h2{margin:0;color:var(--ink)}.share-canvas{width:min(360px,100%);height:auto;border-radius:18px;box-shadow:0 18px 44px #00000047}.share-tools{display:grid;gap:14px;padding:18px}.share-handle{justify-self:center;width:72px;height:5px;border-radius:999px;background:var(--line-strong)}.share-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:999px;padding:5px;background:var(--secondary-bg)}.share-tab{min-height:42px;border-radius:999px;color:var(--muted);background:transparent;font-weight:850}.share-tab:hover{background:var(--secondary-hover)}.share-tab.active{color:var(--button-ink);background:var(--button-bg)}.share-options,.share-backgrounds,.share-style-options{display:grid;gap:10px}.share-options{grid-template-columns:repeat(2,minmax(0,1fr))}.share-option{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;min-height:74px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.share-option:hover{border-color:var(--line-strong);transform:translateY(-1px)}.share-option.selected{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--panel))}.share-option-input{position:absolute;opacity:0;pointer-events:none}.share-option:focus-within{outline:3px solid color-mix(in srgb,var(--teal) 34%,transparent);outline-offset:2px}.share-option-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:10px;color:transparent;background:color-mix(in srgb,var(--panel) 78%,var(--secondary-bg));font-weight:950}.share-option.selected .share-option-toggle{border-color:var(--teal);color:var(--button-ink);background:var(--button-bg)}.share-option strong,.share-option small,.share-option em{display:block}.share-option strong{color:var(--ink)}.share-option small{margin-top:4px;color:var(--muted)}.share-option em{width:fit-content;margin-top:8px;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--muted);font-size:11px;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:0}.share-option.selected em{border-color:color-mix(in srgb,var(--teal) 60%,var(--line));color:var(--teal-strong)}.share-backgrounds{grid-template-columns:repeat(2,minmax(0,1fr))}.share-upload,.share-background{display:grid;min-height:128px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:850;text-align:left}.share-upload{place-items:center;cursor:pointer}.share-upload input{display:none}.share-background{position:relative;padding:0}.share-background.active{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 18%,transparent)}.share-background img,.share-water-thumb{width:100%;height:100%;min-height:128px;object-fit:cover;display:block}.share-water-thumb{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.42),transparent 20%),linear-gradient(135deg,#80edf2,#117a9a 50%,#052536)}.share-background>span:not(.share-water-thumb){position:absolute;left:10px;bottom:10px;border-radius:999px;padding:5px 9px;color:#f7fbfb;background:#0000007a;font-size:12px}.share-style-options{grid-template-columns:repeat(3,minmax(0,1fr))}.share-style-card{min-height:92px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:850}.share-style-card.active{border-color:var(--teal);background:var(--secondary-bg)}.share-actions{display:flex;justify-content:flex-end;gap:10px}.share-actions-mobile{display:none}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{to{box-shadow:0 0 0 12px #0f8d8a00}}@keyframes shimmer{to{background-position:calc(100% + 220px) 0,18px 20px,18px 52px,0 0}}:root[data-theme=dark]{color-scheme:dark;color:#d8ebea;background:radial-gradient(circle at top left,rgba(0,255,213,.12),transparent 45rem),linear-gradient(180deg,#070c12,#0d1622);--ink: #d8ebea;--muted: #8296a8;--faint: #5a6f82;--panel: #0e1724;--panel-strong: #070c12;--line: #1d2d3d;--line-strong: #00ffd5;--blue: #48a7e8;--teal: #00ffd5;--teal-strong: #00ccaa;--coral: #ff5039;--green: #79d5b8;--sand: #182230;--shadow: 0 24px 64px rgba(0, 0, 0, .6);--focus-ring: rgba(255, 80, 57, .42);--button-bg: #00ffd5;--button-hover: #33ffde;--button-ink: #070c12;--secondary-bg: rgba(25, 41, 60, .92);--secondary-hover: rgba(33, 54, 78, .98);--table-line: #1d2d3d;--modal-bg: #0e1724}:root[data-theme=dark] input{border-color:var(--line-strong);color:var(--ink);background:#0b1b24}:root[data-theme=dark] select{border-color:var(--line-strong);color:var(--ink);background:#0b1b24}:root[data-theme=dark] label{color:#c6d8de}:root[data-theme=dark] .topbar{background:color-mix(in srgb,#07131c 94%,transparent)}:root[data-theme=dark] .view h1,:root[data-theme=dark] .view-header h1,:root[data-theme=dark] .login-intro h1{color:#f1fbfb}:root[data-theme=dark] .nav-actions,:root[data-theme=dark] .trust-strip span,:root[data-theme=dark] .text-button{background:#102632c2}:root[data-theme=dark] .brand small,:root[data-theme=dark] .dive-date,:root[data-theme=dark] .panel-heading p,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .muted,:root[data-theme=dark] .policy-panel p,:root[data-theme=dark] .detail p,:root[data-theme=dark] .modal-panel p,:root[data-theme=dark] .status{color:var(--muted)}:root[data-theme=dark] .nav-button.active{color:#07131c;background:#c8f5f2;box-shadow:0 8px 22px #42d0c829}:root[data-theme=dark] .secondary-auth,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .feature-grid article,:root[data-theme=dark] .landing-band,:root[data-theme=dark] .compatible-note,:root[data-theme=dark] .support-card,:root[data-theme=dark] .dive-shell{background:#0d1f2ab3}:root[data-theme=dark] .item,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .feature-grid article,:root[data-theme=dark] .landing-band,:root[data-theme=dark] .compatible-note{box-shadow:0 1px #ffffff0a inset}:root[data-theme=dark] .dive-card,:root[data-theme=dark] .inline-link,:root[data-theme=dark] .text-button.compact{color:inherit}:root[data-theme=dark] .dive-shell:hover,:root[data-theme=dark] .dive-shell.expanded,:root[data-theme=dark] .detail{background:#132d3a}:root[data-theme=dark] .expand-indicator{border-color:#42d0c847;color:#8fece7;background:#42d0c814}:root[data-theme=dark] .inline-detail{border-color:var(--line)}:root[data-theme=dark] .modal{background:#020a0fad}:root[data-theme=dark] .hero-visual{background:#102632}:root[data-theme=dark] .support-card>span{background:#42d0c814}:root[data-theme=dark] .empty-mark{border-color:#ff9b7e47;background:linear-gradient(90deg,transparent 46%,rgba(255,155,126,.38) 47% 53%,transparent 54%),linear-gradient(#203948,#152a36)}:root[data-theme=dark] .skeleton-card{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),linear-gradient(#193441 20px,transparent 0),linear-gradient(#193441 14px,transparent 0),linear-gradient(#102632,#0b1d27);background-position:-220px 0,18px 20px,18px 52px,0 0;background-size:220px 100%,180px 20px,70% 14px,100% 100%;background-repeat:no-repeat}.theme-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:1.5px solid var(--line);border-radius:50%;background:var(--secondary-bg);box-shadow:0 1px 4px #16223814;color:var(--ink);overflow:hidden;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.theme-button:hover{background:var(--secondary-hover);border-color:var(--line-strong)}.theme-button.night{background:#1c1d20;border-color:#3a3b40;color:#c4d9f0;box-shadow:0 2px 8px #0000004d}.theme-button.night:hover{background:#242529;border-color:#4a4b51}.theme-label,.theme-label-day,.theme-label-night,.theme-knob{display:none!important}.theme-icon{display:block;position:absolute;width:20px;height:20px;stroke-width:2;transition:opacity .2s ease,transform .2s ease}.theme-button.day .theme-icon-sun{opacity:1;transform:rotate(0) scale(1);color:#d97706}.theme-button.day .theme-icon-moon{opacity:0;transform:rotate(90deg) scale(.6)}.theme-button.night .theme-icon-moon{opacity:1;transform:rotate(0) scale(1);color:#c4d9f0}.theme-button.night .theme-icon-sun{opacity:0;transform:rotate(-90deg) scale(.6)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.nav-cluster{width:100%;justify-content:space-between}.login-layout{grid-template-columns:1fr;padding-top:12px}.landing-hero,.landing-section,.compatible-layout{grid-template-columns:1fr}.landing-hero{min-height:auto;padding-top:18px}.hero-visual{min-height:360px}.feature-grid{grid-template-columns:1fr}.compatible-selector{position:static}.login-intro{min-height:auto;padding-top:0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dive-card,.device-card,.device-meta{grid-template-columns:1fr}.expand-indicator{justify-self:start}}@media(max-width:560px){.shell{width:min(100% - 24px,1120px);padding-bottom:44px}.topbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.nav-cluster{display:contents}.theme-button{grid-column:2;grid-row:1;width:64px;min-width:64px;padding:0}.theme-label{display:none}.user-menu-container{grid-column:3;grid-row:1}.nav-actions{grid-column:1 / -1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.public-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-button,.ghost-button{padding:0 10px}.ghost-button{width:100%}.view h1,.view-header h1,.login-intro h1,.landing-copy h1{font-size:38px}.hero-actions{display:grid;width:100%}.hero-link{justify-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:0 14px;color:var(--ink);background:var(--secondary-bg);text-align:center;text-decoration:none}.date-label{display:grid;align-items:start}.share-day-button{width:100%}.share-preview-panel,.share-tools{padding:14px}.share-tabs{border-radius:8px}.share-tab{border-radius:6px;padding:0 8px}.hero-visual{min-height:300px}.landing-band{grid-template-columns:1fr}.landing-band div+div{border-top:1px solid var(--line);border-left:0}.support-card,.compatible-note{display:grid}.summary-grid,.inline-form{grid-template-columns:1fr}.detail-header,.modal-actions{display:grid}.share-modal{place-items:start center;padding:12px 12px 64px}.share-editor,.share-options,.share-backgrounds,.share-style-options{grid-template-columns:1fr}.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-actions-mobile{display:grid;width:100%}.share-actions-desktop{display:none}.splits{font-size:14px}}.date-group{margin-bottom:24px}.date-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;margin-bottom:8px;background:var(--panel-strong);border-radius:6px;border-left:4px solid var(--teal)}.date-label>div{display:grid;gap:2px}.date-label strong{color:var(--ink);font-size:15px;font-weight:850}.date-label span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.share-day-button{min-height:36px;padding:0 12px;font-weight:850}.hr-section{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.hr-section h3{font-size:14px;font-weight:850;color:var(--teal);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.hr-table{max-width:400px}.hr-table th,.hr-table td{text-align:left!important}.practice-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-areas:"form suggestions" "saved suggestions";gap:18px;align-items:start;margin-bottom:22px}.practice-form{grid-area:form}.practice-suggestions{grid-area:suggestions}.practice-saved{grid-area:saved;display:grid;min-width:0;gap:12px}.practice-form,.practice-suggestions{display:grid;max-width:none;min-width:0;gap:14px}.practice-disclaimer{display:grid;gap:8px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-left:4px solid var(--teal);border-radius:8px;padding:14px 16px;background:var(--secondary-bg);color:var(--muted)}.practice-disclaimer strong{color:var(--ink);font-size:15px}.practice-disclaimer p{margin:0;line-height:1.55}.template-list{display:grid;gap:10px}.template-card{display:grid;gap:6px;width:100%;min-height:auto;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--secondary-bg);color:var(--ink);text-align:left;box-shadow:none}.template-card:hover{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));transform:translateY(-1px)}.template-card strong{font-size:16px}.template-card small,.template-card span:not(.template-type){color:var(--muted);line-height:1.45}.template-type{width:fit-content;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:999px;padding:3px 8px;color:var(--teal-strong);font-size:11px;font-weight:850;letter-spacing:.06em}.set-list{display:grid;gap:12px}.set-card{min-width:0;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--secondary-bg)}.set-card legend{padding:0 6px;color:var(--teal-strong);font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.set-grid{display:grid;grid-template-columns:90px minmax(160px,1fr) 130px 130px;gap:10px;align-items:end}.set-grid label{display:grid;min-width:0;gap:6px}.set-card .text-button.compact{min-height:30px;margin-top:8px;padding:0 2px;font-size:13px;line-height:1.1}.form-actions,.card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.step-preview.compact{display:flex;flex-wrap:nowrap;align-items:start;gap:14px;max-width:100%;overflow-x:auto;padding-bottom:2px}.step-column{display:grid;gap:8px;align-content:start;flex:0 0 auto}.step-column+.step-column{position:relative;padding-left:22px}.step-column+.step-column:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink) 22%,transparent) 24%,color-mix(in srgb,var(--ink) 34%,transparent) 50%,color-mix(in srgb,var(--ink) 22%,transparent) 76%,transparent)}.step-pill{display:inline-flex;align-items:center;justify-content:center;width:160px;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:0 10px;background:var(--panel-strong);color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}.practice-list{margin-top:0}.practice-card{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1fr) auto;gap:16px;align-items:center}@media(max-width:820px){.practice-layout{grid-template-columns:1fr;grid-template-areas:"form" "suggestions" "saved"}.practice-card{grid-template-columns:1fr}.step-preview.compact{flex-wrap:wrap;overflow-x:visible}.step-column+.step-column{padding-left:0}.step-column+.step-column:before{content:none}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.nav-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.set-grid{grid-template-columns:1fr}}.user-menu-container{position:relative;display:inline-block}.user-menu-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px 8px;border-radius:20px;cursor:pointer;transition:background .2s}.user-menu-button:hover,.user-menu-button.active{background:var(--secondary-hover)}.user-avatar-small,.user-avatar-small-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-small-placeholder{background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-menu-name{color:var(--ink);font-weight:500}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:200px;z-index:100;overflow:hidden}.user-dropdown-header{padding:16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.user-dropdown-header strong{font-size:16px;color:var(--ink)}.user-dropdown-header span{font-size:12px;color:var(--muted)}.user-dropdown-menu button{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-radius:0;color:var(--ink)}.user-dropdown-menu button:hover{background:var(--secondary-hover)}.danger-text{color:var(--coral)!important}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:24px}.avatar-section{display:flex;align-items:center;gap:24px;margin-bottom:32px}.avatar-wrapper{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;cursor:pointer;flex-shrink:0}.user-avatar-large,.user-avatar-large-placeholder{width:100%;height:100%;object-fit:cover}.user-avatar-large-placeholder{background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;opacity:0;transition:opacity .2s}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-info h3{margin:0 0 4px}.avatar-info p{margin:0;color:var(--muted);font-size:14px}.settings-form{max-width:400px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--ink)}.form-group input{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);color:var(--ink)}.form-group input:disabled{opacity:.7;cursor:not-allowed}.form-group small{display:block;margin-top:6px;color:var(--muted)}.danger-zone{border-color:color-mix(in srgb,var(--coral) 40%,transparent)}.danger-zone h2{color:var(--coral);margin-top:0}.danger-button{background:var(--coral);color:#fff}.danger-button:hover{background:color-mix(in srgb,var(--coral) 80%,black)}.delete-confirm-box{background:color-mix(in srgb,var(--coral) 10%,transparent);border:1px solid color-mix(in srgb,var(--coral) 30%,transparent);padding:16px;border-radius:8px;margin-top:16px}.app-footer{border-top:1px solid var(--line);margin-top:64px;padding:32px 0;background:transparent}.footer-content{width:min(100% - 32px,1120px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-links a,.footer-button{color:var(--muted);font-size:14px;text-decoration:none;font-weight:600;background:transparent;border:none;padding:0;min-height:auto;cursor:pointer}.footer-links a:hover,.footer-button:hover{color:var(--ink);background:transparent;text-decoration:underline}.footer-copyright{color:var(--faint);font-size:13px;margin:0}:root{color:#111827;background:#f4f5f7;--ink: #111827;--muted: #596273;--faint: #7b8494;--panel: #ffffff;--panel-strong: #ffffff;--line: #dfe3e8;--line-strong: #c7ced8;--blue: #0077b6;--teal: #0096c7;--teal-strong: #006a92;--coral: #ef5b3f;--green: #1c8b63;--sand: #f2f4f6;--shadow: 0 1px 2px rgba(17, 24, 39, .08), 0 8px 24px rgba(17, 24, 39, .06);--focus-ring: rgba(0, 150, 199, .34);--button-bg: #0096c7;--button-hover: #0077b6;--button-ink: #ffffff;--secondary-bg: #f2f4f6;--secondary-hover: #e8edf2;--table-line: #edf0f3;--modal-bg: #ffffff}body{background:linear-gradient(180deg,#fffffff5,#f4f5f7fa 260px),#f4f5f7}button{border-radius:4px;font-weight:800}button.secondary,.ghost-button,.nav-button,.text-button{color:var(--ink);background:#fff}input,select{border-radius:4px;background:#fff}label{color:#374151;letter-spacing:0}.shell{width:min(1180px,calc(100% - 32px));padding-top:0}.topbar{margin-bottom:28px;border-bottom:1px solid var(--line);padding:10px 0;background:#fffffff5;box-shadow:0 1px #1118270a}.brand{min-height:50px;gap:11px}.brand-mark{width:44px;height:44px;border-radius:9px;box-shadow:none}.brand strong{font-size:22px;font-weight:900}.brand small{margin-top:3px;color:var(--teal-strong);font-size:11px;letter-spacing:.08em}.nav-actions{border:0;border-radius:0;padding:0;background:transparent}.nav-button{min-height:38px;border-radius:4px;background:transparent}.nav-button svg{display:none}.nav-button.active{color:var(--teal-strong);background:color-mix(in srgb,var(--teal) 10%,#ffffff);box-shadow:inset 0 -3px 0 var(--teal)}.ghost-button{border:1px solid var(--line);background:transparent;border-radius:24px}.view{animation:none}.view-header{max-width:760px;margin-bottom:22px}.view-header h1,.login-intro h1,.landing-copy h1{color:#0b1220;font-weight:950;letter-spacing:0}.eyebrow{color:var(--teal-strong);letter-spacing:.08em}.panel,.item,.stat-card,.empty-state,.feature-grid article,.landing-band,.compatible-note,.modal-panel,.share-preview-panel,.share-tools{border:1px solid var(--line);border-radius:0;background:var(--panel);box-shadow:none}.landing-page{gap:42px}.landing-hero{min-height:640px;border-bottom:1px solid var(--line);padding:clamp(22px,4vw,54px) 0 clamp(28px,5vw,68px)}.landing-copy{align-self:center}.landing-copy h1{font-size:clamp(42px,7vw,82px);line-height:.96}.landing-copy>p{max-width:610px;color:#455064;font-size:19px}.hero-actions button:first-child,.auth-panel button[type=submit],.inline-form button[type=submit]{min-height:48px;background:var(--button-bg)}.hero-visual{min-height:480px;border-radius:0;border:0;box-shadow:var(--shadow)}.hero-visual:after{height:48%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}.landing-section{border-top:1px solid var(--line);padding-top:28px}.feature-grid{gap:0;border:1px solid var(--line);background:#fff}.feature-grid article{border:0;border-right:1px solid var(--line);padding:24px}.feature-grid article:last-child{border-right:0}.feature-grid span,.support-card>span{color:var(--teal-strong);letter-spacing:.08em}.landing-band{border-radius:0}.login-layout{align-items:start}.auth-panel,.secondary-auth,.policy-panel,.compatible-selector,.practice-form,.practice-suggestions{border-top:4px solid var(--teal)}.summary-grid{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.stat-card{border:0;border-right:1px solid var(--line);padding:18px 20px}.stat-card:last-child{border-right:0}.stat-card span,.metric small{letter-spacing:.04em}.stat-card strong{font-size:clamp(24px,3vw,34px)}.list{gap:18px}.activity-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 1px 2px #1118270f}.activity-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.activity-athlete{display:flex;min-width:0;align-items:center;gap:12px}.activity-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;overflow:hidden;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--teal),#023e8a);font-size:14px;font-weight:950;object-fit:cover;object-position:center}.activity-athlete strong,.activity-athlete>div>span{display:block}.activity-athlete strong{overflow:hidden;color:var(--ink);font-size:16px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.activity-athlete>div>span{color:var(--muted);font-size:13px}.activity-title-row{display:flex;justify-content:space-between;gap:18px;padding:18px 18px 8px}.activity-title-row h2{margin:2px 0 0;color:var(--ink);font-size:clamp(24px,3vw,36px);line-height:1}.activity-title-row>span{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:800}.activity-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:8px 18px 18px;border:1px solid var(--line);background:#fbfcfd}.activity-stats .metric{padding:16px;border-right:1px solid var(--line)}.activity-stats .metric:last-child{border-right:0}.activity-stats .metric strong{font-size:clamp(22px,3vw,32px);font-weight:950}.activity-dives .dive-shell{border:0;border-bottom:1px solid var(--line);box-shadow:none}.activity-dives .dive-shell:last-child{border-bottom:0}.dive-card{grid-template-columns:minmax(150px,.7fr) minmax(0,1.7fr) auto;padding:14px 18px}.dive-title{font-size:17px;font-weight:900}.dive-date{color:var(--faint);font-size:13px}.dive-shell:hover{background:#fbfcfd;box-shadow:none;transform:none}.expand-indicator,.share-day-button{border-radius:4px;color:var(--teal-strong);background:#eef9fc}.inline-detail{background:#fbfcfd}.detail{border:1px solid var(--line);border-radius:0;box-shadow:none}.splits th{letter-spacing:.04em}.compatible-page{max-width:1080px}.compatible-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.compatible-visual{border-radius:0}.support-card,.device-card,.practice-card{border-radius:0;box-shadow:none}.device-card{border-left:4px solid var(--teal)}.device-mark{border-radius:10px;box-shadow:none}.theme-button{border-radius:999px}.share-modal{background:#0b1220d1}.share-editor,.share-tab,.share-style-card,.share-option,.share-background,.share-upload{border-radius:0}.share-tab.active,.share-option.selected .share-option-toggle{background:var(--teal)}.share-canvas{border-radius:10px}.social-view{max-width:1180px}.social-shell{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);gap:22px;align-items:start}.social-sidebar{position:sticky;top:92px;display:grid;gap:14px}.social-profile-card,.social-composer,.social-post,.people-card,.social-profile-editor,.social-hint{border:1px solid var(--line);background:var(--panel-strong);box-shadow:0 1px 2px #1118270f}.social-profile-card,.social-composer,.social-post,.social-profile-editor,.social-hint{padding:18px}.social-profile-identity,.social-author,.people-card-main{display:flex;min-width:0;align-items:center;gap:12px;padding:0;color:inherit;background:transparent;text-align:left}.social-profile-identity:hover,.social-author:hover,.people-card-main:hover{background:transparent}.user-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--teal),#023e8a);object-fit:cover;font-size:14px;font-weight:950}.user-avatar.compact{width:30px;height:30px;font-size:11px}.user-avatar.large{width:62px;height:62px;font-size:18px}.social-profile-identity strong,.social-author strong,.people-card-main strong{display:block;overflow:hidden;color:var(--ink);font-weight:950;text-overflow:ellipsis;white-space:nowrap}.social-profile-identity small,.social-author small,.people-card-main small{display:block;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.social-profile-card p,.social-caption,.social-hint span{color:var(--muted);line-height:1.55}.social-profile-stats,.social-training-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px}.social-training-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.social-profile-stats span,.social-training-stats span{position:relative;padding:8px 10px;color:var(--muted);font-size:12px;text-align:center}.social-profile-stats span:not(:last-child):after,.social-training-stats span:not(:last-child):after{position:absolute;top:4px;right:0;bottom:4px;width:1px;background:linear-gradient(to bottom,transparent,var(--line-strong) 24%,var(--line-strong) 76%,transparent);content:""}.social-profile-stats strong{display:block;color:var(--ink);font-size:18px}.social-tabs{display:grid;gap:8px}.social-tabs button{justify-content:flex-start;min-height:44px;border-radius:0;color:var(--ink);background:var(--secondary-bg);text-align:left}.social-tabs button.active{color:var(--button-ink);background:var(--button-bg)}.social-main{display:grid;gap:16px;min-width:0}.social-composer{display:grid;gap:14px}.social-composer-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.social-composer textarea{min-height:110px;resize:vertical}.social-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;align-items:end;margin-left:56px}.social-feed{display:grid;gap:18px}.social-feed-header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:800}.social-post{display:grid;gap:14px;padding:0;overflow:hidden}.social-post-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}.social-media{display:block;width:100%;height:auto;max-height:min(76vh,760px);object-fit:contain}.social-media-frame{display:grid;width:100%;place-items:center;overflow:hidden;background:#07111d}.social-media-frame.portrait .social-media{width:min(100%,430px);max-height:min(82vh,820px)}.social-media-frame.square .social-media{width:min(100%,680px)}.social-caption{margin:0;padding:0 18px}.social-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 18px;color:var(--muted);font-size:13px;font-weight:800}.social-action{min-height:38px;border-radius:999px;color:var(--teal-strong);background:#eef9fc}.social-action.active{color:#fff;background:var(--teal)}.social-comments{display:grid;gap:10px;padding:0 18px}.social-comment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}.social-comment p{margin:0;color:var(--muted);line-height:1.45}.social-comment strong{color:var(--ink)}.social-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid var(--line);padding:14px 18px 18px}.people-grid{display:grid;gap:12px}.people-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.social-profile-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:10px;align-items:end}:root[data-theme=dark]{color:#e8eef5;background:#0b1220;--ink: #f3f7fb;--muted: #a8b3c2;--faint: #7f8b9c;--panel: #111a2b;--panel-strong: #0f1726;--line: #263244;--line-strong: #334156;--blue: #48bde7;--teal: #35c2e8;--teal-strong: #8bdff3;--button-bg: #35c2e8;--button-hover: #66d1ee;--button-ink: #07111d;--secondary-bg: #172337;--secondary-hover: #20314a;--table-line: #263244;--modal-bg: #111a2b;--shadow: 0 1px 2px rgba(0, 0, 0, .28), 0 14px 32px rgba(0, 0, 0, .3)}:root[data-theme=dark] body{background:linear-gradient(180deg,#0f1726fa,#0b1220fa 280px),#0b1220}:root[data-theme=dark] .topbar{border-color:var(--line);background:#0b1220f0}:root[data-theme=dark] button.secondary,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .nav-button,:root[data-theme=dark] .text-button,:root[data-theme=dark] input,:root[data-theme=dark] select{background:var(--secondary-bg)}:root[data-theme=dark] .panel,:root[data-theme=dark] .item,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .feature-grid article,:root[data-theme=dark] .landing-band,:root[data-theme=dark] .compatible-note,:root[data-theme=dark] .activity-card,:root[data-theme=dark] .summary-grid,:root[data-theme=dark] .feature-grid,:root[data-theme=dark] .detail,:root[data-theme=dark] .share-preview-panel,:root[data-theme=dark] .share-tools{background:var(--panel)}:root[data-theme=dark] .activity-stats,:root[data-theme=dark] .inline-detail,:root[data-theme=dark] .dive-shell:hover{background:var(--panel-strong)}:root[data-theme=dark] .split-action-button{border-color:#7ee4dc57;color:#d7f5f3;background:#204553db;box-shadow:0 1px #ffffff14 inset}:root[data-theme=dark] .split-action-button:hover{border-color:#7ee4dcb8;color:#fff;background:#2a5966f2}:root[data-theme=dark] .split-action-button.primary{border-color:#7ee4dce0;color:#07131c;background:#7ee4dc}:root[data-theme=dark] .split-action-button.danger{border-color:#ff9b7e9e;color:#ffd4c7;background:#80372d6b}:root[data-theme=dark] .split-action-button.danger:hover{border-color:#ff9b7ee0;color:#fff1ec;background:#9b45368f}:root[data-theme=dark] .view-header h1,:root[data-theme=dark] .login-intro h1,:root[data-theme=dark] .landing-copy h1,:root[data-theme=dark] .activity-title-row h2{color:var(--ink)}:root[data-theme=dark] .landing-copy>p{color:var(--muted)}@media(max-width:820px){.topbar{position:static}.landing-hero{min-height:auto}.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-stats .metric:nth-child(2){border-right:0}.activity-stats .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.dive-card{grid-template-columns:1fr}}@media(max-width:560px){html,body{max-width:100%;overflow-x:hidden}.shell{width:calc(100% - 24px);max-width:calc(100vw - 24px);padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.topbar{position:static!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:100%;min-width:0;padding:8px 0;margin-bottom:16px;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}.brand{flex:1 1 auto;min-width:0;min-height:auto;gap:8px}.brand-mark{width:32px;height:32px;border-radius:7px;flex:0 0 auto}.brand strong{font-size:16px!important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.brand small{display:none!important}.nav-cluster{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;width:auto;max-width:none;justify-content:flex-end}.theme-button{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;flex:0 0 auto}.user-menu-container{flex:0 0 auto;margin-right:0!important}.nav-actions{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex!important;flex-direction:row;align-items:stretch;justify-content:stretch;width:100%;max-width:100%;gap:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);margin:0;border-radius:0!important;border-top:1px solid var(--line);border-right:none;border-bottom:none;border-left:none;background:color-mix(in srgb,var(--panel-strong) 95%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -1px #0000000f,0 -8px 24px #00000014}.nav-actions .nav-button{flex:1 1 0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;height:64px;padding:10px 8px 8px!important;border-radius:0!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.02em;color:var(--muted)!important;background:transparent!important;border:none!important;box-shadow:none!important;transition:color .14s ease;position:relative}.nav-actions .nav-button svg{width:22px;height:22px;flex:0 0 auto;stroke-width:1.75;transition:stroke .14s ease}.nav-actions .nav-button:hover{color:var(--ink)!important;background:transparent!important}.nav-actions .nav-button.active{color:var(--teal)!important;background:transparent!important;border:none!important;box-shadow:none!important;font-weight:700!important}.nav-actions .nav-button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:2px;background:var(--teal);border-radius:0 0 2px 2px}.public-nav{grid-template-columns:none}.nav-cluster>.ghost-button{width:100%}.landing-page,.landing-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);overflow:hidden}.landing-copy{min-width:0;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.landing-copy h1{width:calc(100vw - 24px);max-width:calc(100vw - 24px);font-size:clamp(26px,7vw,30px);line-height:1;overflow-wrap:break-word}.landing-copy>p{width:calc(100vw - 24px);max-width:calc(100vw - 24px);overflow-wrap:break-word}.hero-actions{grid-template-columns:1fr;width:100%}.hero-actions>*{width:100%}.hero-visual{min-height:240px;width:100%;max-width:100%;min-width:0}.feature-grid{border:0}.feature-grid article{border:1px solid var(--line);border-bottom:0}.feature-grid article:last-child{border-bottom:1px solid var(--line)}.activity-card-header,.activity-title-row{display:grid}.activity-stats{grid-template-columns:1fr}.activity-stats .metric,.activity-stats .metric:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.activity-stats .metric:last-child{border-bottom:0}.social-shell{grid-template-columns:minmax(0,1fr)}.social-sidebar{position:static}.social-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.social-tabs button{justify-content:center;text-align:center}.social-compose-grid,.social-profile-editor,.social-comment-form{grid-template-columns:1fr}.social-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.social-training-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.people-card{display:grid}}html[data-theme=dark] .landing-copy h1,html[data-theme=dark] .view-header h1,html[data-theme=dark] .login-intro h1,html[data-theme=dark] .activity-title-row h2,html[data-theme=dark] .activity-athlete strong,html[data-theme=dark] .social-profile-identity strong,html[data-theme=dark] .social-author strong,html[data-theme=dark] .people-card-main strong,html[data-theme=dark] .social-comment strong,html[data-theme=dark] .metric strong,html[data-theme=dark] .stat-card strong,html[data-theme=dark] .brand strong{color:#f6fbff!important}html[data-theme=dark] .landing-copy>p,html[data-theme=dark] .view-header p,html[data-theme=dark] .login-intro p,html[data-theme=dark] .activity-athlete span,html[data-theme=dark] .activity-title-row>span,html[data-theme=dark] .social-profile-identity small,html[data-theme=dark] .social-author small,html[data-theme=dark] .people-card-main small,html[data-theme=dark] .social-profile-card p,html[data-theme=dark] .social-caption,html[data-theme=dark] .social-comment p,html[data-theme=dark] .social-actions,html[data-theme=dark] .social-hint span,html[data-theme=dark] .metric small,html[data-theme=dark] .stat-card span{color:#b8c5d4!important}html[data-theme=dark] .eyebrow,html[data-theme=dark] .brand small{color:#7de2f5!important}html[data-theme=dark] .hero-visual:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.08))}html[data-theme=dark] .hero-actions button:first-child,html[data-theme=dark] .auth-panel button[type=submit],html[data-theme=dark] .inline-form button[type=submit]{color:#07111d;background:#35c2e8}html[data-theme=dark] .nav-button.active{color:#07111d;background:#7de2f5;box-shadow:none}html[data-theme=dark] .social-profile-card,html[data-theme=dark] .social-composer,html[data-theme=dark] .social-post,html[data-theme=dark] .people-card,html[data-theme=dark] .social-profile-editor,html[data-theme=dark] .social-hint{border-color:#1f4657;background:#0d2431}html[data-theme=dark] .social-profile-stats span,html[data-theme=dark] .social-training-stats span,html[data-theme=dark] .social-actions,html[data-theme=dark] .social-comment-form{border-color:#1f4657}html[data-theme=dark] .social-action{color:#b7f4ff;background:#143647}html[data-theme=dark] .social-action.active{color:#06141f;background:#35c2e8}.legal-footer{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;border-top:1px solid var(--line);margin-top:24px;padding:20px 0 0}.cookie-modal{z-index:1000;align-items:end;padding:20px}.cookie-panel{width:min(720px,100%);max-width:calc(100vw - 40px);border-top:4px solid var(--teal)}.cookie-kicker{margin-bottom:8px;color:var(--teal-strong);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cookie-category-list{display:grid;gap:10px;margin:18px 0 12px}.cookie-category{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:14px;background:color-mix(in srgb,var(--panel-strong) 92%,var(--teal) 8%)}.cookie-category strong,.cookie-category small{display:block}.cookie-category small{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:break-word}.cookie-category input{width:22px;min-width:22px;height:22px;min-height:22px;accent-color:var(--teal)}.cookie-secondary-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.cookie-actions{gap:10px;margin-top:18px}.policy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cookie-table{display:grid;border:1px solid var(--line);margin:12px 0 18px}.cookie-table>div{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);padding:13px 14px}.cookie-table>div:last-child{border-bottom:0}.cookie-table strong{color:var(--ink)}.cookie-table span{color:var(--muted)}.social-media-fallback{display:grid;place-items:center;align-content:center;gap:6px;min-height:280px;padding:28px;color:#d9f8ff;text-align:center;background:linear-gradient(135deg,#35c2e829,#0b1220b8),#07111d}.social-media-fallback strong{font-size:18px}.social-media-fallback span{color:#a8c6d1;font-size:14px}.meetups-preview{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel-strong)}.meetups-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:32px}.meetups-copy h2{max-width:430px;margin:8px 0 12px;color:var(--ink);font-size:clamp(27px,3vw,42px);line-height:1.03}.meetups-copy p{max-width:420px;margin:0;color:var(--muted);line-height:1.6}.meetups-status{margin-top:24px;border:1px solid var(--line-strong);border-radius:999px;padding:7px 12px;color:var(--teal-strong);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.meetups-map-preview{position:relative;min-height:430px;border-left:1px solid var(--line);background:radial-gradient(circle at 46% 48%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--secondary-bg) 88%,#c6eff4),var(--panel-strong))}.meetups-map-preview:before,.meetups-map-preview:after{position:absolute;top:12%;right:9%;bottom:12%;left:9%;opacity:.5;background:linear-gradient(25deg,transparent 42%,var(--line-strong) 43%,transparent 44%),linear-gradient(155deg,transparent 56%,var(--line-strong) 57%,transparent 58%);content:""}.meetups-map-preview:after{top:22%;right:18%;bottom:22%;left:18%;transform:rotate(8deg)}.meetup-pin{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:999px;padding:7px 10px;color:var(--ink);background:var(--panel-strong);box-shadow:0 8px 22px #07111d24;font-size:12px;font-weight:800}.meetup-pin i{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 18%,transparent)}.pin-colombia{top:61%;left:20%}.pin-europe{top:28%;left:48%}.pin-asia{top:45%;right:10%}html[data-theme=dark] .meetups-preview,html[data-theme=dark] .meetup-pin{border-color:#1f4657;background-color:#0d2431}html[data-theme=dark] .legal-footer{border-color:#1f4657}html[data-theme=dark] .cookie-category,html[data-theme=dark] .cookie-table{border-color:#1f4657;background:#0d2431}html[data-theme=dark] .cookie-table>div{border-color:#1f4657}@media(max-width:560px){.shell{width:calc(100% - 32px);max-width:calc(100vw - 32px)}.topbar,.nav-cluster,.landing-page,.landing-hero,.landing-copy{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.landing-copy h1,.landing-copy>p{width:min(320px,calc(100vw - 64px));max-width:calc(100vw - 64px)}.landing-copy h1{font-size:clamp(25px,6.8vw,28px);line-height:1.02;overflow-wrap:anywhere}.nav-actions:not(.public-nav) .nav-button{padding-inline:2px;font-size:12px}.legal-footer{padding-bottom:8px}.cookie-modal{align-items:end;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.cookie-panel{width:min(340px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100vh - 20px);overflow:auto;padding:18px}.cookie-panel p,.cookie-panel h2{overflow-wrap:anywhere}.cookie-actions,.policy-actions{display:grid;grid-template-columns:1fr}.cookie-table>div{grid-template-columns:1fr;gap:6px}}:root{--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--font-body: "Outfit", ui-sans-serif, system-ui, sans-serif}body{font-family:var(--font-body);font-weight:400;letter-spacing:-.01em}h1,h2,h3,.brand strong,.view-header h1,.landing-copy h1,.panel-heading h2,.empty-state h2,.item h2{font-family:var(--font-display)!important;font-weight:700;letter-spacing:-.02em;line-height:1.05}.eyebrow,.stat-card span,.metric small,.support-card>span,.feature-grid span,.expand-indicator,.dive-date,.social-profile-stats span,.social-training-stats span{font-family:var(--font-mono)!important;font-weight:500;letter-spacing:.04em;text-transform:uppercase}button:not(.text-button.compact),.nav-button,.text-button:not(.compact){border-radius:8px!important;font-family:var(--font-body);font-weight:600;border:1px solid transparent}.text-button.compact{min-height:auto!important;padding:2px 4px!important;border:none!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:13px!important;font-weight:500!important;font-family:inherit!important;text-decoration:none;opacity:.8;transition:color .14s ease,opacity .14s ease}.text-button.compact:hover{background:transparent!important;color:var(--teal)!important;opacity:1;text-decoration:underline}.panel,.item,.detail,.empty-state,.stat-card,.social-post,.social-profile-card,.social-composer{border-radius:10px!important;border:1px solid var(--line)!important}html[data-theme=dark] .panel,html[data-theme=dark] .item,html[data-theme=dark] .detail,html[data-theme=dark] .empty-state,html[data-theme=dark] .stat-card,html[data-theme=dark] .social-post,html[data-theme=dark] .social-profile-card,html[data-theme=dark] .social-composer{border:1px solid var(--line-strong)!important;background:#0e1724}.nav-button.active{background:color-mix(in srgb,var(--teal) 14%,transparent)!important;color:var(--teal-strong)!important;border-color:color-mix(in srgb,var(--teal) 30%,transparent)!important}.dive-shell{position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease;border-radius:10px!important}.dive-shell:hover{transform:translateY(-2px) scale(1.005);border-color:var(--teal)!important}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--teal)}.file-upload-label{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 16px;border:1.5px dashed var(--line)!important;border-radius:4px!important;background:var(--secondary-bg)!important;min-height:48px;transition:border-color .16s ease,background-color .16s ease;-webkit-user-select:none;user-select:none;width:fit-content}.file-upload-label:hover{border-color:var(--teal)!important;background:var(--secondary-hover)!important}html[data-theme=dark] .file-upload-label{border-color:var(--line)!important;background:#19293c66!important}html[data-theme=dark] .file-upload-label:hover{border-color:var(--line-strong)!important;background:#19293cbf!important}.file-button{font-family:var(--font-display)!important;font-size:13.5px!important;font-weight:700!important;color:var(--ink)!important}.file-name{font-family:var(--font-mono)!important;font-size:13px!important;color:var(--teal)!important;font-weight:700!important}.file-upload-label{cursor:pointer}.file-upload-label input{display:none}.file-upload-label small{margin-top:2px;color:var(--muted);font-size:12px}.social-compose-preview{display:block;width:calc(100% - 56px);max-height:420px;margin-left:56px;border:1px solid var(--line);border-radius:8px;background:#07111d;object-fit:contain}.social-post-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.social-discover-marker,.social-feed-sentinel,.social-inline-error{border:1px solid var(--line);border-radius:8px;padding:12px 16px;color:var(--muted);background:var(--panel-strong);font-size:13px;font-weight:800;text-align:center}.social-discover-marker{border-style:dashed;color:var(--teal-strong)}.social-inline-error{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:color-mix(in srgb,#ff8066 55%,var(--line));color:var(--ink);text-align:left}.social-limit-actions{flex-wrap:wrap}html[data-theme=dark] .social-discover-marker,html[data-theme=dark] .social-feed-sentinel,html[data-theme=dark] .social-inline-error{border-color:#1f4657;background:#0d2431}@media(max-width:720px){.social-compose-preview{width:100%;margin-left:0}.social-media-frame.portrait .social-media,.social-media-frame.square .social-media{width:min(100%,560px);max-height:78vh}.meetups-preview{grid-template-columns:1fr;min-height:0;margin-right:-12px;margin-left:-12px;border-right:0;border-left:0;border-radius:0}.meetups-copy{padding:24px 18px}.meetups-map-preview{min-height:330px;border-top:1px solid var(--line);border-left:0}.social-post-header{align-items:flex-start}.social-post-tools{gap:4px}.social-inline-error{align-items:stretch;flex-direction:column}}.nav-actions{background:#19293c0d!important;border:1.5px solid var(--line)!important;border-radius:8px!important;padding:4px!important;display:flex!important;gap:4px!important;align-items:center!important}html[data-theme=dark] .nav-actions{background:#070c1299!important;border-color:var(--line)!important}.nav-actions .nav-button{background:transparent!important;color:var(--muted)!important;border:1px solid transparent!important;box-shadow:none!important;transition:background-color .16s ease,color .16s ease;border-radius:4px!important;min-height:32px!important;padding:0 14px!important}.nav-actions .nav-button:hover{background:#0000000a!important;color:var(--ink)!important}html[data-theme=dark] .nav-actions .nav-button:hover{background:#ffffff0f!important;color:var(--ink)!important}.nav-actions .nav-button.active{background:var(--ink)!important;color:var(--panel-strong)!important;border-color:var(--line-strong)!important;box-shadow:var(--shadow)!important;font-weight:700!important}.user-menu-container{margin-right:16px!important}@media(max-width:560px){.stat-card strong{font-size:17px!important;line-height:1.2;margin-top:4px}.stat-card span,.metric small{font-size:10px!important;letter-spacing:.06em}.view-header h1{font-size:22px!important;letter-spacing:-.01em}.view-header p{font-size:13px!important}.eyebrow{font-size:10px!important}.activity-title-row h2{font-size:18px!important}.activity-stats .metric strong{font-size:16px!important;font-weight:800}.social-compose-grid{margin-left:0}.nav-actions .nav-button svg{display:block}}@media(max-width:560px){html[data-theme=dark] .nav-actions{border-top-color:var(--line)!important;background:color-mix(in srgb,#070c12 95%,transparent)!important;box-shadow:0 -1px #00ffd514,0 -8px 24px #0006!important}html[data-theme=dark] .nav-actions .nav-button{color:var(--muted)!important}html[data-theme=dark] .nav-actions .nav-button.active{color:var(--teal)!important}}.hr-chart-container{position:relative;width:100%;margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000005;transition:border-color .16s ease,box-shadow .16s ease}.hr-chart-container:hover{border-color:var(--line-strong);box-shadow:0 8px 30px #0000000a}.hr-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hr-chart-header h3{margin:0;font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}.hr-chart-toggle-btn{font-size:12px;font-weight:700;min-height:28px;padding:0 10px;border-radius:5px;background:var(--secondary-bg);color:var(--ink);transition:all .16s ease}.hr-chart-toggle-btn:hover{background:var(--secondary-hover)}.hr-svg-wrapper{position:relative;width:100%}.hr-svg-element{display:block;width:100%;height:auto;overflow:visible}.hr-chart-tooltip{position:absolute;background:#fffffff5;border:1px solid var(--line-strong);border-radius:6px;padding:8px 12px;box-shadow:0 6px 18px #070c121f;pointer-events:none;font-size:12px;font-family:DM Mono,monospace;z-index:5;display:flex;flex-direction:column;gap:4px;min-width:145px;transform:translate(-50%,-100%) translateY(-12px);transition:opacity .1s ease}.hr-chart-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#fffffff5;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}html[data-theme=dark] .hr-chart-tooltip{background:#070c12f2;border-color:#ffffff26;box-shadow:0 4px 16px #0006}html[data-theme=dark] .hr-chart-tooltip:after{background:#070c12f2;border-color:#ffffff26}.hr-chart-tooltip-row{display:flex;justify-content:space-between;gap:8px}.hr-chart-tooltip-label{color:var(--muted);font-weight:500}.hr-chart-tooltip-value{color:var(--ink);font-weight:700}.hr-chart-tooltip-value.hr-val{color:var(--coral)}.hr-chart-tooltip-value.split-val{color:var(--blue)}.hr-grid-line{stroke:var(--table-line);stroke-width:1}.hr-axis-text{fill:var(--muted);font-size:10px;font-weight:600;font-family:Outfit,sans-serif}.hr-hover-guide{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.sensor-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:calc(100vh - 240px);margin-top:18px}@media(max-width:768px){.sensor-layout{grid-template-columns:1fr;min-height:auto}}.sensor-sidebar{border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;height:600px}.sensor-sidebar-header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#00000005}.sensor-sidebar-header strong{font-size:14px;color:var(--ink)}.sensor-log-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.sensor-log-item{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .12s ease;min-height:auto}.sensor-log-item:hover{background:var(--secondary-bg)}.sensor-log-item.active{background:var(--secondary-hover);border-color:var(--line-strong)}.sensor-log-meta{display:flex;justify-content:space-between;align-items:center}.sensor-method-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--green);color:#fff;text-transform:uppercase}.sensor-log-time{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.sensor-log-url{font-size:12px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-log-device{font-size:10px;color:var(--muted);font-family:DM Mono,monospace;background:#0000000a;padding:1px 4px;border-radius:3px;display:inline-block;align-self:flex-start}.sensor-detail-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;height:600px;padding:18px;overflow-y:auto}.sensor-detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted)}.sensor-urls-banner{background:var(--secondary-bg);border:1px dashed var(--line-strong);border-radius:8px;padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.sensor-url-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.sensor-url-row span{font-size:12px;font-weight:700}.sensor-url-code{font-family:DM Mono,monospace;font-size:12px;background:var(--panel-strong);border:1px solid var(--line);padding:4px 8px;border-radius:5px;flex:1;word-break:break-all}.sensor-copy-btn{font-size:11px;min-height:28px;padding:0 10px;background:var(--button-bg);color:#fff}.sensor-copy-btn:hover{background:var(--button-hover)}.sensor-download-csv-btn{border-color:color-mix(in srgb,var(--teal) 34%,var(--line));color:var(--teal-strong);background:color-mix(in srgb,var(--teal) 12%,var(--panel-strong))}.sensor-download-csv-btn:hover{border-color:color-mix(in srgb,var(--teal) 62%,var(--line));background:color-mix(in srgb,var(--teal) 18%,var(--panel-strong))}.sensor-csv-summary{display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--line);border-radius:999px;padding:0 12px;color:var(--muted);background:var(--panel-strong);font-size:12px;font-weight:800}.sensor-tabs{display:flex;gap:8px;margin:14px 0;border-bottom:1px solid var(--line);padding-bottom:8px}.sensor-tab-btn{background:transparent;color:var(--muted);border:0;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer;border-radius:4px}.sensor-tab-btn.active{background:var(--ink);color:#fff}.sensor-detail-header{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.sensor-detail-header h2{margin:0;font-size:18px;color:var(--ink)}.sensor-raw-payload{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:6px;font-family:DM Mono,monospace;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:380px}.sensor-table-wrapper{overflow-x:auto;max-height:380px}.sensor-headers-table{width:100%;border-collapse:collapse;font-size:12px;font-family:DM Mono,monospace}.sensor-headers-table th,.sensor-headers-table td{border:1px solid var(--line);padding:8px;text-align:left}.sensor-headers-table th{background:#00000005;font-weight:700}.share-metric-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;width:100%}@media(max-width:480px){.share-metric-picker-grid{grid-template-columns:repeat(3,1fr);gap:12px}}.share-metric-picker-item{display:flex;flex-direction:column;align-items:center;background:transparent!important;border:0!important;padding:0!important;cursor:pointer;outline:none;min-height:108px;transition:transform .12s ease;-webkit-user-select:none;user-select:none;margin:0!important;box-shadow:none!important}.share-metric-picker-item:hover{transform:translateY(-2px)}.share-metric-picker-item:active{transform:translateY(0)}.share-metric-icon{width:52px;height:52px;border-radius:50%;background-color:#0000000d;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .16s ease;border:1px solid var(--line)}html[data-theme=dark] .share-metric-icon{background-color:#ffffff1f;border-color:#ffffff14}.share-metric-icon span{font-size:16px;font-weight:900;color:var(--muted);line-height:1}.share-metric-icon.selected{background-color:var(--teal)!important;border-color:var(--teal)!important}.share-metric-icon.selected span{color:var(--panel)!important}.share-metric-picker-label{font-size:11px;font-weight:700;line-height:1.3;color:var(--muted);text-align:center;max-width:85px;word-wrap:break-word;transition:color .16s ease}.share-metric-picker-item.selected .share-metric-picker-label{color:var(--ink)}.share-metric-picker-value{font-size:10px;font-weight:600;color:var(--muted);text-align:center;margin-top:3px;opacity:.8}@media(max-width:560px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{background:var(--panel)}.shell{width:100%!important;max-width:100%!important;padding:0 12px calc(92px + env(safe-area-inset-bottom,0px));overflow-x:clip}.view{width:100%;max-width:100%}.topbar{position:static!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%!important;max-width:100%!important;min-height:56px;margin:0 0 14px;padding:8px 0;border-bottom:1px solid var(--line);background:var(--panel);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.brand{flex:1 1 auto;min-width:0;min-height:40px;gap:8px}.brand-mark{width:34px;height:34px;flex:0 0 auto;border-radius:7px}.brand strong{max-width:min(42vw,160px);overflow:hidden;font-size:17px!important;text-overflow:ellipsis;white-space:nowrap}.brand small,.theme-label,.user-menu-name{display:none!important}.nav-cluster{display:flex!important;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:6px;width:auto!important;max-width:none!important;min-width:0}.theme-button,.user-menu-button{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px;min-height:44px!important;padding:0!important;border-radius:8px!important}.user-menu-container{flex:0 0 auto;margin:0!important}.nav-actions:not(.public-nav){position:fixed!important;z-index:100;right:0;bottom:0;left:0;display:flex!important;align-items:stretch!important;width:100%!important;max-width:100%!important;gap:0!important;margin:0!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:color-mix(in srgb,var(--panel-strong) 96%,transparent)!important;box-shadow:0 -8px 28px #1118271a!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-actions:not(.public-nav) .nav-button{position:relative;display:flex!important;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:62px!important;height:62px;padding:8px 2px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font-size:10px!important;line-height:1}.nav-actions:not(.public-nav) .nav-button svg{display:block;width:23px;height:23px}.nav-actions:not(.public-nav) .nav-button.active{color:var(--teal-strong)!important}.nav-actions:not(.public-nav) .nav-button.active:before{content:"";position:absolute;top:0;left:50%;width:30px;height:3px;border-radius:0 0 3px 3px;background:var(--teal);transform:translate(-50%)}.public-nav{display:flex!important;width:auto!important;gap:2px!important;padding:0!important;border:0!important;background:transparent!important}.public-nav .nav-button{min-height:44px!important;padding:0 8px!important;font-size:12px!important}.view-header{margin-bottom:14px}.view-header h1{font-size:24px!important;line-height:1.08}.view-header p{max-width:34rem;font-size:13px!important;line-height:1.45}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.summary-grid .stat-card{min-width:0;padding:10px 7px;border-right:1px solid var(--line)!important;border-bottom:0!important;border-radius:0!important}.summary-grid .stat-card:last-child{border-right:0!important}.summary-grid .stat-card span{min-height:2.4em;font-size:8px!important;line-height:1.2;overflow-wrap:anywhere}.summary-grid .stat-card strong{font-size:14px!important;white-space:nowrap}.list{gap:20px}.activity-card{margin-right:-12px;margin-left:-12px;overflow:visible;border-right:0;border-left:0;border-radius:0;box-shadow:none}.activity-card-header{padding:12px}.activity-avatar{width:38px;height:38px}.activity-title-row{padding:12px 12px 6px}.activity-title-row h2{font-size:19px!important}.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 12px 12px}.activity-stats .metric,.activity-stats .metric:nth-child(2){min-width:0;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.activity-stats .metric:nth-child(2n){border-right:0}.activity-stats .metric:nth-last-child(-n+2){border-bottom:0}.activity-stats .metric strong{font-size:15px!important}.activity-stats .metric small{font-size:8px!important}.activity-dives{display:grid;gap:8px;padding:0 8px 10px}.activity-dives .dive-shell{overflow:hidden;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--secondary-bg)}.activity-dives .dive-shell:last-child{border-bottom:1px solid var(--line)!important}.dive-card{display:block;padding:0!important}.dive-card>.dive-card-main,.dive-card>.metrics,.dive-card>.expand-indicator{display:none}.dive-card-app{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px 10px 10px 12px}.dive-card-app-main{display:grid;gap:3px;min-width:0}.dive-card-app-meta{display:flex;align-items:center;gap:7px;overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.dive-card-app-main>strong{color:var(--ink);font-size:19px;font-weight:850;line-height:1.1;letter-spacing:0;white-space:nowrap}.dive-card-app-main>strong span:first-child{color:var(--teal-strong)}.dive-card-app .training-result span{width:7px;height:7px}.dive-surface-badge{display:grid;min-width:48px;gap:2px;justify-items:center;border-radius:8px;padding:6px 7px;color:#ffd65c;background:#ffbe281f}.dive-surface-badge small{color:inherit;font-size:7px!important;font-weight:850;letter-spacing:.06em;line-height:1;text-transform:uppercase}.dive-surface-badge strong{color:inherit;font-size:11px;line-height:1}.inline-detail{border-top:1px solid var(--line);padding:0 10px 12px}.inline-detail .detail{padding-top:14px}.detail-header{display:grid}.table-wrap,.sensor-table-wrapper{overflow-x:auto;overscroll-behavior-inline:contain}.social-shell{display:block}.social-sidebar{position:sticky;z-index:20;top:0;margin:0 -12px 12px;padding:8px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 96%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.social-sidebar .social-profile-card{display:none}.social-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--secondary-bg)}.social-tabs button{justify-content:center;min-height:40px;padding:0 8px;border-radius:5px!important;background:transparent;text-align:center}.social-main{gap:14px}.social-composer,.social-post,.social-profile-editor,.people-card,.social-hint{margin-right:-12px;margin-left:-12px;border-right:0!important;border-left:0!important;border-radius:0!important;box-shadow:none}.sensor-layout{display:block}.sensor-sidebar{height:auto;margin-bottom:12px}.sensor-log-list{display:flex;flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.sensor-log-item{width:min(76vw,280px);flex:0 0 auto;scroll-snap-align:start}.sensor-detail-panel{height:auto;min-height:320px;padding:12px}.app-footer{margin-top:28px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
