:root{--bg: #0b0f14;--panel: #11161d;--navbar-bg: rgba(17, 22, 29, .78);--elevated: #161c24;--border: #27313d;--muted: #9bb0c3;--text: #e6eef6;--brand: #3b82f6;--tag-bg: #1a2330;--tag-text: #c8d6e5;--surface-subtle: rgba(255,255,255, .04);--surface-interactive: rgba(255,255,255, .08);--surface-hover: rgba(255,255,255, .16);--surface-media: #0e1117;--border-subtle: rgba(255,255,255, .08);--border-medium: rgba(255,255,255, .12);--border-strong: rgba(255,255,255, .24);--text-dim: #6b7280;--text-subtle: rgba(255,255,255, .56);--text-secondary: rgba(255,255,255, .72);--text-body: rgba(255,255,255, .88);--text-emphasis: rgba(255,255,255, .95);--accent: #3b82f6;--accent-light: #60a5fa;--accent-text: #93c5fd;--accent-bg-subtle: rgba(59,130,246, .08);--accent-bg: rgba(59,130,246, .15);--accent-bg-hover: rgba(59,130,246, .25);--accent-border: rgba(59,130,246, .35);--accent-border-hover: rgba(59,130,246, .5);--accent-glow: rgba(59,130,246, .18);--purple-bg: rgba(124,58,237, .15);--purple-bg-hover: rgba(124,58,237, .25);--purple-border: rgba(124,58,237, .4);--purple-border-hover: rgba(124,58,237, .6);--purple-text: #c4b5fd;--success: #10b981;--success-bg: rgba(16,185,129, .12);--success-border: rgba(16,185,129, .3);--success-text: #6ee7b7;--success-solid: #2ea043;--success-surface: rgba(16,185,129, .06);--success-shadow: rgba(16,185,129, .25);--success-glow: rgba(16,185,129, .25);--error: #ef4444;--error-bg: rgba(239,68,68, .1);--error-border: rgba(239,68,68, .3);--error-glow: rgba(239,68,68, .25);--danger: #ef4444;--warning: #fcd34d;--warning-bg: rgba(245,158,11, .08);--warning-bg-subtle: rgba(245,158,11, .04);--warning-border: rgba(245,158,11, .2);--warning-glow: rgba(245,158,11, .25);--overlay: rgba(0,0,0, .6);--overlay-heavy: rgba(0,0,0, .7);--shadow-sm: rgba(0,0,0, .24);--shadow-md: rgba(0,0,0, .3);--shadow-lg: rgba(0,0,0, .5);--brand-on: #f8fbff;--brand-light: #60a5fa;--brand-bg: rgba(59,130,246, .16);--brand-border: rgba(59,130,246, .42);--brand-text: #93c5fd;--brand-surface: rgba(59,130,246, .24);--chat-mine: #2f6fed;--stripe: #635bff;--stripe-hover: #4f46e5;--accent-shadow: rgba(59,130,246, .3);--border-light: rgba(255,255,255, .12);--hover: rgba(255,255,255, .08);--text-on-accent: #ffffff;--hm-cell: 12px;--hm-gap: 3px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}[data-theme=light]{--bg: #e8edf2;--panel: #ffffff;--navbar-bg: rgba(255, 255, 255, .78);--elevated: #f1f5f9;--border: #cbd5e1;--muted: #64748b;--text: #0f172a;--brand: #2563eb;--tag-bg: #dde4ed;--tag-text: #334155;--surface-subtle: rgba(0,0,0, .04);--surface-interactive: rgba(0,0,0, .08);--surface-hover: rgba(0,0,0, .06);--surface-media: #dde4ed;--border-subtle: rgba(0,0,0, .1);--border-medium: rgba(0,0,0, .16);--border-strong: rgba(0,0,0, .2);--text-dim: #64748b;--text-subtle: rgba(0,0,0, .5);--text-secondary: rgba(0,0,0, .7);--text-body: rgba(0,0,0, .85);--text-emphasis: rgba(0,0,0, .92);--accent: #2563eb;--accent-light: #3b82f6;--accent-text: #1d4ed8;--accent-bg-subtle: rgba(37,99,235, .08);--accent-bg: rgba(37,99,235, .12);--accent-bg-hover: rgba(37,99,235, .18);--accent-border: rgba(37,99,235, .35);--accent-border-hover: rgba(37,99,235, .5);--accent-glow: rgba(37,99,235, .2);--purple-bg: rgba(124,58,237, .1);--purple-bg-hover: rgba(124,58,237, .18);--purple-border: rgba(124,58,237, .35);--purple-border-hover: rgba(124,58,237, .5);--purple-text: #5b21b6;--success: #059669;--success-bg: rgba(5,150,105, .1);--success-border: rgba(5,150,105, .3);--success-text: #047857;--success-solid: #2ea043;--success-surface: rgba(5,150,105, .06);--success-shadow: rgba(5,150,105, .2);--success-glow: rgba(5,150,105, .2);--error: #dc2626;--error-bg: rgba(220,38,38, .1);--error-border: rgba(220,38,38, .3);--error-glow: rgba(220,38,38, .2);--danger: #dc2626;--warning: #d97706;--warning-bg: rgba(217,119,6, .1);--warning-bg-subtle: rgba(217,119,6, .06);--warning-border: rgba(217,119,6, .25);--warning-glow: rgba(217,119,6, .2);--overlay: rgba(0,0,0, .5);--overlay-heavy: rgba(0,0,0, .6);--shadow-sm: rgba(0,0,0, .08);--shadow-md: rgba(0,0,0, .12);--shadow-lg: rgba(0,0,0, .2);--brand-on: #ffffff;--brand-light: #3b82f6;--brand-bg: rgba(37,99,235, .12);--brand-border: rgba(37,99,235, .35);--brand-text: #1d4ed8;--brand-surface: rgba(37,99,235, .2);--chat-mine: #2563eb;--stripe: #635bff;--stripe-hover: #4f46e5;--accent-shadow: rgba(37,99,235, .25);--border-light: rgba(0,0,0, .1);--hover: rgba(0,0,0, .06);--text-on-accent: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}[draggable=true]{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}[draggable=true]::selection{background:transparent!important}[draggable=true]::-moz-selection{background:transparent!important}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5}.app-root{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:1100px;margin:0 auto;padding:16px}.page-header{display:flex;align-items:center;gap:12px;margin:16px 0}.brand{font-size:24px;font-weight:700;margin:0}.year-title{margin:0;font-size:16px;color:var(--muted)}.review-btn{margin-left:auto;background:var(--brand);color:var(--brand-on);border:none;padding:8px 14px;font-weight:700;border-radius:999px}.navbar{position:sticky;top:0;z-index:50;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}[data-theme=light] .navbar{box-shadow:0 1px 3px var(--shadow-sm)}.nav-inner{display:flex;align-items:center;height:56px;gap:12px}.nav-logo{font-weight:800;letter-spacing:.3px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;line-height:0}.nav-icon:hover{background:var(--elevated)}.searchbar{flex:1;display:flex;gap:8px;align-items:center;background:var(--elevated);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.searchbar input{flex:1;background:transparent;border:none;color:var(--text);outline:none}.search-popover{position:absolute;left:0;right:0;top:42px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 24px var(--shadow-md);padding:10px;z-index:60}.search-section{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.search-title{font-weight:800;color:var(--muted);font-size:12px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.suggest-list{display:flex;flex-direction:column;gap:6px}.suggest-item{text-align:left;background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;cursor:pointer}.suggest-item:hover{background:var(--surface-media)}.notif-popover{position:absolute;right:0;top:36px;width:260px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 14px var(--shadow-md);max-height:400px;display:flex;flex-direction:column;z-index:70}.notif-header{padding:10px 12px;border-bottom:1px solid var(--border);font-weight:700;flex-shrink:0}.notif-content{flex:1;overflow-y:auto;max-height:340px}.notif-empty{padding:12px;color:var(--muted)}.profile-popover{position:absolute;right:0;top:36px;width:180px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 14px var(--shadow-md);z-index:60}.profile-menu-item{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--text);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:14px;transition:background .2s ease}.profile-menu-item:hover{background:var(--elevated)}.feed{display:flex;flex-direction:column;gap:18px;max-width:100%;min-width:0}.grid-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--border);transition:box-shadow .16s ease,transform .16s ease}.metrics.small{padding:8px;display:flex;gap:14px;color:var(--muted);font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--border);transition:box-shadow .16s ease,transform .16s ease;max-width:100%;min-width:0}.card-media{background:var(--surface-media);display:block;color:var(--muted)}.card-media{position:relative;overflow:visible}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.video-progress-wrap{position:absolute;left:0;right:0;bottom:0;height:14px;display:flex;align-items:flex-end;cursor:pointer;z-index:4}.video-progress-track{position:relative;width:100%;height:3px;background:var(--border-strong);transition:height .15s ease}.video-progress-wrap:hover .video-progress-track{height:5px}.video-progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--text);border-radius:0 1px 1px 0;pointer-events:none}.video-progress-input{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-progress-thumb{position:absolute;top:50%;width:12px;height:12px;background:var(--text);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none;box-shadow:0 0 4px var(--shadow-lg)}.video-progress-wrap:hover .video-progress-thumb{opacity:1}.volume-control{position:relative;display:flex;flex-direction:column;align-items:center}.volume-btn{background:var(--overlay);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer}.volume-slider-popup{position:absolute;bottom:38px;left:50%;transform:translate(-50%);width:32px;height:100px;background:var(--overlay-heavy);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:10px 0;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;transform-origin:bottom center}.volume-control:hover .volume-slider-popup{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.volume-slider-track{position:absolute;left:50%;transform:translate(-50%);width:4px;height:80px;background:var(--border-strong);border-radius:2px;pointer-events:none}.volume-slider-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--text);border-radius:2px;pointer-events:none}.volume-slider-input{width:80px;height:4px;margin:0;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.volume-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--text);border-radius:50%;border:none;box-shadow:0 0 4px var(--shadow-md);cursor:pointer}.volume-slider-input::-moz-range-thumb{width:14px;height:14px;background:var(--text);border-radius:50%;border:none;box-shadow:0 0 4px var(--shadow-md);cursor:pointer}.volume-slider-input::-webkit-slider-runnable-track{background:transparent}.volume-slider-input::-moz-range-track{background:transparent}.play-puck{width:42px;height:42px;border-radius:999px;background:var(--overlay);color:var(--text);display:grid;place-items:center;border:1px solid var(--border-strong)}.card-body{padding:12px;min-width:0;max-width:100%;overflow:hidden}.card:hover,.card:active,.card:focus-within,.grid-card:hover,.grid-card:active,.grid-card:focus-within{position:relative;z-index:2;transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-sm),0 -2px 8px var(--shadow-sm),0 0 18px 2px var(--accent-glow)}.metrics{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;min-width:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag{background:var(--tag-bg);border:1px solid var(--border);color:var(--tag-text);padding:6px 10px;border-radius:999px;font-size:12px}.description{color:var(--text);opacity:.9;font-size:14px;line-height:1.6}.footer{border-top:1px solid var(--border);margin-top:32px}.footer-inner{display:flex;align-items:center;gap:16px;padding:16px 0}.footer-links{display:flex;gap:16px}.footer a{color:var(--muted);font-size:14px}.profile-header{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:24px 0}.avatar{width:150px;height:150px;border-radius:999px;object-fit:cover;border:2px solid var(--border)}.profile-meta .row{display:flex;align-items:center;gap:16px}.username{margin:0;font-size:20px}.controls{display:flex;gap:8px}.btn{background:var(--elevated);color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:8px}.btn.ghost{background:transparent}.btn{cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.btn:hover{background:var(--tag-bg);border-color:var(--border)}.btn:active{transform:translateY(1px) scale(.98);opacity:.9}.sc-link{margin-left:auto;background:var(--elevated);border:1px solid var(--border);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--text);text-decoration:none}.stats{list-style:none;display:flex;gap:24px;padding:12px 0;margin:0}.bio{color:var(--muted)}.profile-tabs{display:flex;justify-content:center;gap:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0;margin-top:16px}.tab{background:transparent;color:var(--muted);border:none;font-size:18px;padding:6px 10px}.tab.active{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0}.grid-item{aspect-ratio:1/1;background:var(--elevated);border:1px solid var(--border);border-radius:6px}.journal-layout{display:grid;grid-template-columns:1fr 120px;gap:16px;align-items:start}.journal-left{display:flex;flex-direction:column;gap:20px}.notes-scroll{max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:8px}.heatmap{overflow-x:auto;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.hm-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text)}.hm{display:grid;grid-template-columns:36px 1fr;grid-template-rows:16px auto;gap:6px}.hm-months{grid-column:2;position:relative;height:16px;color:var(--muted);font-size:12px;overflow:hidden}.hm-month{position:absolute;top:0;text-align:left;margin:0;padding:0;white-space:nowrap;display:inline-block}.hm-y{grid-row:2;grid-column:1;display:grid;grid-template-rows:repeat(7,1fr);gap:3px;color:var(--muted);font-size:12px}.hm-cols{grid-row:2;grid-column:2;display:flex;gap:var(--hm-gap);max-width:100%;overflow:hidden;padding-right:var(--hm-gap)}.hm-col{display:flex;flex-direction:column;gap:3px}.hm-cell{width:var(--hm-cell);height:var(--hm-cell);border-radius:3px;border:1px solid var(--border);background:var(--surface-media);cursor:pointer}.hm-cell.on{background:var(--success-solid);border-color:var(--success-solid)}.hm-hover-overlay{position:fixed;z-index:1000;pointer-events:none}.hm-hover-content{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;box-shadow:0 4px 12px var(--shadow-md),0 0 0 1px var(--border);min-width:180px}.hm-hover-date{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;white-space:nowrap}.hm-hover-counts{display:flex;flex-direction:column;gap:4px}.hm-hover-count-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.hm-hover-type{color:var(--muted)}.hm-hover-number{color:var(--text);font-weight:600}.hm-hover-no-activity{font-size:12px;color:var(--muted);font-style:italic}.hm-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.hm-legend-label{font-size:11px;color:var(--muted)}.hm-legend-squares{display:flex;align-items:center;gap:4px}.hm-legend-square{width:12px;height:12px;border-radius:3px;background:var(--success-solid)}.stack{display:flex;flex-direction:column;gap:12px}.stack-item{display:block;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel);text-decoration:none;color:inherit}.stack-item:hover{border-color:var(--success-solid)}.stack-date{color:var(--muted);font-size:12px;margin-bottom:6px}.stack-text{white-space:pre-wrap}.empty{color:var(--muted)}.note-editor{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.messages-page-container{width:100%;max-width:100%;margin:0;padding:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.messages{display:grid;grid-template-columns:340px 1fr;gap:0;height:calc(100vh - 56px);overflow:hidden}@media (max-width: 767px){.messages{grid-template-columns:1fr;gap:0;height:calc(100vh - 56px)}}.thread-list{border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.thread-header{padding:16px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:16px;flex-shrink:0}.thread-scroll{overflow-y:auto;flex:1}.thread-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.thread-item:hover,.thread-item.active{background:var(--elevated)}.thread-avatar{width:36px;height:36px;border-radius:999px;object-fit:cover}.thread-meta{display:flex;flex-direction:column;min-width:0;flex:1}.thread-title{font-weight:600}.thread-sub{color:var(--muted);font-size:12px}.chat-pane{background:var(--panel);display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-header{padding:12px 20px;border-bottom:1px solid var(--border);font-weight:700;flex-shrink:0}.chat-scroll{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.bubble{max-width:60%;padding:8px 12px;border-radius:14px;background:var(--elevated);align-self:flex-start}.bubble.mine{background:var(--chat-mine);color:#fff;align-self:flex-end}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-input input{flex:1;background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.chat-input button{background:var(--brand);color:var(--brand-on);border:none;padding:8px 12px;border-radius:8px;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;z-index:100}.modal{width:520px;max-width:92vw;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px var(--shadow-lg),0 0 30px var(--accent-bg-hover)}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:800}.form-grid{display:grid;gap:12px;padding:16px}.form-row{display:grid;gap:6px}.form-row label{color:var(--muted);font-size:12px}.form-row input,.form-row textarea{background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 16px}.search-page{padding:24px 16px 48px;flex:1}.search-page__inner{display:grid;gap:24px}.search-filters-toggle{display:none;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px}.search-filters-toggle--inline{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px}.search-filters-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:60}.search-filters{position:fixed;top:0;bottom:0;left:0;width:280px;background:var(--panel);border-right:1px solid var(--border);padding:24px 20px;transform:translate(-100%);transition:transform .3s ease;z-index:70;overflow-y:auto}.search-filters.open{transform:translate(0)}.search-filters__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-filters__title{display:flex;align-items:center;gap:8px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;color:var(--muted)}.search-filters__actions{display:flex;align-items:center;gap:12px}.search-filters__actions .link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.search-filters__actions .icon{background:none;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.search-filters__section{display:grid;gap:12px;margin-bottom:24px}.search-filters__section h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.segmented{display:flex;gap:8px;background:var(--elevated);border:1px solid var(--border);border-radius:10px;padding:6px;flex-wrap:wrap}.segmented button{flex:1;min-width:90px;border:none;background:transparent;color:var(--muted);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.segmented.pills{background:transparent;border:none;padding:0}.segmented.pills button{background:var(--panel);border:1px solid var(--border)}.segmented.pills button.active{background:var(--elevated)}.segmented.pills.wrap{flex-wrap:wrap}.filters-grid{display:grid;gap:8px}.filters-grid label{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);text-transform:capitalize}.filters-grid label.disabled{opacity:.5}.filters-grid input{accent-color:var(--accent-light)}.filters-grid .label-text{font-size:13px}.filters-grid .hint{font-size:11px;color:var(--muted)}.date-range-inputs{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.date-range-inputs label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.date-range-inputs input{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 8px;color:var(--text)}.tag-input{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.tag-input input{flex:1;background:transparent;border:none;color:var(--text)}.tag-input button{background:none;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.tag-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.tag-list li{display:inline-flex;align-items:center;gap:6px;background:var(--tag-bg);border:1px solid var(--border);color:var(--tag-text);border-radius:999px;padding:4px 8px;font-size:12px}.tag-list button{background:none;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.search-results{display:grid;gap:24px}.search-results__header{display:flex;flex-direction:column;gap:16px}.search-results__search{display:flex;gap:8px}.search-results__search input{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text)}.search-results__search .btn{padding:10px 14px}.search-results__controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-results__view-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px;align-self:flex-start}.search-results__view-toggle button{border:none;background:transparent;color:var(--muted);padding:4px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:12px}.search-results__view-toggle button.active{background:var(--elevated);color:var(--text)}.search-results__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.search-results__list{display:flex;flex-direction:column;gap:16px}.search-results__state{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;display:grid;gap:12px;text-align:center}.jr-feed{display:flex;flex-direction:column;gap:24px}.jr-month-label{margin:0 0 8px;font-size:14px;color:var(--muted)}.jr-stack{display:flex;flex-direction:column;gap:12px}.jr-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel);box-shadow:0 0 0 1px var(--border);transition:box-shadow .16s ease,transform .16s ease}.jr-card:hover,.jr-card:focus-within{position:relative;z-index:2;transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-sm),0 -2px 8px var(--shadow-sm),0 0 18px 2px var(--accent-glow)}.jr-card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.jr-pill{font-size:12px;padding:2px 6px;border-radius:999px;background:var(--elevated);color:var(--text);opacity:.85}.jr-note{background:var(--accent-bg-hover);color:var(--accent-text);border:1px solid var(--accent-border);opacity:1}.jr-post{background:var(--purple-bg);color:var(--purple-text);border:1px solid var(--purple-border);opacity:1}.jr-roll_review{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border);opacity:1}.jr-call{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border);opacity:1}.jr-training_log{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);opacity:1}.jr-date{font-size:12px;color:var(--muted)}.jr-body{font-size:14px;color:var(--text)}.jr-body-muted{font-size:14px;color:var(--muted)}.jr-embeds{font-size:12px;color:var(--muted);margin-top:6px}.jr-embed-card{display:grid;grid-template-columns:120px 1fr;gap:10px;border:1px dashed var(--border);border-radius:8px;padding:8px;margin-top:8px}.jr-embed-thumb{background:var(--surface-media);border:1px solid var(--border);border-radius:6px;background-size:cover;background-position:center;min-height:72px;display:grid;place-items:center;color:var(--muted);font-size:12px}.jr-embed-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.jr-embed-thumb.placeholder{background:var(--elevated);color:var(--muted)}.jr-embed-body{display:grid;gap:6px}.jr-embed-title{font-weight:700;font-size:13px;color:var(--text)}.jr-embed-text{font-size:13px;color:var(--muted)}.jr-embed-actions .link{background:none;border:none;color:var(--accent-text);cursor:pointer;padding:0}.jr-embed-error{font-size:12px;color:var(--error)}.jr-filters{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-width:0;flex:1;max-width:100%}.jr-filters::-webkit-scrollbar{display:none}.jr-chip{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer;font-size:12px;white-space:nowrap;flex-shrink:0}.jr-chip.selected{background:var(--success-solid);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-subtle)}.jr-composer{display:grid;gap:12px}.jr-field{display:grid;gap:6px}.jr-field label{font-size:12px;color:var(--muted)}.jr-field input,.jr-field textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font:inherit}.jr-embeds-list{display:grid;gap:8px}.jr-embed-row{display:grid;gap:6px;outline:none}.jr-embed-row:focus{box-shadow:0 0 0 2px var(--accent-border);border-radius:8px}.jr-embed-controls{display:flex;gap:8px}.jr-embed-empty{color:var(--muted);font-size:13px}.jr-error{color:var(--error)}.jr-actions{display:flex;gap:8px}.search-results__actions{display:flex;justify-content:center;gap:12px}.search-results__load-more{grid-column:1 / -1;display:flex;justify-content:center}.search-results__loading-more{text-align:center;color:var(--muted);padding:12px 0}.search-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:280px;position:relative}.search-card__link{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}.search-card__media{aspect-ratio:16 / 9;background:var(--surface-media);position:relative;overflow:hidden}.search-card__media img{width:100%;height:100%;object-fit:cover;display:block}.search-card__media.profile{aspect-ratio:1;display:grid;place-items:center}.search-card__media--placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px;text-transform:uppercase}.search-card__gated{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-heavy);display:grid;place-items:center;font-size:14px}.search-card__body{padding:16px;display:grid;gap:12px;flex:1}.search-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.search-card__title{font-weight:700;font-size:15px}.search-card__meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);text-transform:capitalize}.search-card__tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.search-card__metrics{display:flex;gap:12px;font-size:12px;color:var(--muted)}.search-card__metrics span{display:inline-flex;align-items:center;gap:4px}.search-feed-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.search-feed-item__link{color:inherit;text-decoration:none;display:block}.search-feed-item__header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.search-feed-item__title{font-weight:600;font-size:15px}.search-feed-item__timestamp,.search-feed-item__meta{font-size:12px;color:var(--muted)}.search-feed-item__gated{background:var(--overlay);border:1px dashed var(--border);padding:12px;border-radius:10px;margin-bottom:12px;font-size:13px;text-align:center}.search-feed-item__metrics{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:12px}.search-feed-item__metrics span{display:inline-flex;align-items:center;gap:4px}.search-snippet{font-size:14px;color:var(--text);opacity:.85;line-height:1.6}.search-snippet em{color:var(--accent-light);font-style:normal}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--surface-interactive),transparent);animation:search-pulse 1.4s infinite}.skeleton-line{height:14px;background:var(--elevated);border-radius:999px}@keyframes search-pulse{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (min-width: 768px) and (max-width: 1023px){.search-page{padding-top:16px}.search-results__header{align-items:stretch}.container{padding:16px}.profile-header{grid-template-columns:120px 1fr;gap:24px}}@media (min-width: 1024px){.search-page__inner{grid-template-columns:300px 1fr;align-items:start}.search-filters-toggle,.search-filters-toggle--inline,.search-filters-backdrop{display:none}.search-filters{position:sticky;top:88px;transform:none;border-radius:16px;height:calc(100vh - 120px)}}@media (max-width: 767px){.metrics{gap:10px}.card-body{padding:10px}body{font-size:14px}.brand{font-size:20px}.username{font-size:18px}.tab{font-size:16px;padding:8px 12px}.hm-title{font-size:16px}.heatmap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.heatmap .hm,.heatmap .hm-months{min-width:max-content}.heatmap .hm-cols{min-width:max-content;overflow-x:visible}.search-title,.tag,.thread-sub,.stack-date,.hm-hover-count-item,.hm-legend-label{font-size:12px}.spacing-mobile-compact{gap:8px!important;padding:8px!important;margin:8px!important}.spacing-mobile-normal{gap:12px!important;padding:12px!important;margin:12px!important}.spacing-mobile-relaxed{gap:16px!important;padding:16px!important;margin:16px!important}.p-mobile-sm{padding:8px!important}.p-mobile-md{padding:12px!important}.p-mobile-lg{padding:16px!important}.gap-mobile-sm{gap:8px!important}.gap-mobile-md{gap:12px!important}.gap-mobile-lg{gap:16px!important}.m-mobile-sm{margin:8px!important}.m-mobile-md{margin:12px!important}.m-mobile-lg{margin:16px!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-stack{flex-direction:column!important}.grid-feed{grid-template-columns:1fr!important}.search-results__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.container{padding:12px}button,.btn,a[role=button]{min-height:44px;min-width:44px}.nav-link,.sidebar-link,a[role=button],button.nav-link{min-height:44px;display:inline-flex;align-items:center}.modal{width:100%!important;max-width:100vw!important;max-height:90vh!important;margin:16px;border-radius:12px}.modal button,.modal-actions button,.modal-header button{min-height:44px;min-width:44px;padding:10px 16px}body.modal-open{overflow:hidden}.page-header{margin:12px 0;gap:8px}.profile-header{grid-template-columns:1fr;gap:16px;padding:16px 0}.profile-tabs{gap:3px;padding:0;margin-bottom:12px;border-bottom:none!important;flex-wrap:nowrap;width:100%}.profile-tabs__tab{white-space:nowrap;min-height:28px;font-size:.6rem;padding:6px 2px!important;text-align:center;background:var(--border-subtle)!important;border:none!important;border-radius:6px!important;color:var(--text-body)!important;transition:all .2s ease;flex:1 1 0!important;min-width:0!important;max-width:none!important;font-weight:500;overflow:hidden;text-overflow:ellipsis}.profile-tabs__tab:active{transform:scale(.96)}.profile-tabs__tab[aria-selected=true]{background:var(--accent-bg-hover)!important;border-color:var(--accent-border-hover)!important;color:var(--text)!important;font-weight:600;box-shadow:0 2px 12px var(--accent-glow),inset 0 1px 0 var(--border-subtle)}.profile-tabs__tab[aria-selected=true]:after{display:none}.profile-page section[role=tabpanel]:not([hidden]){padding-top:16px;margin-top:4px;position:relative}.stats{gap:16px;flex-wrap:wrap}.footer-inner{flex-direction:column;gap:12px;padding:12px 0}.footer-links{flex-wrap:wrap;gap:12px}}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media (min-width: 1024px){.tablet-only{display:none!important}}.nav-link-hoverable{transition:background-color .2s ease,box-shadow .16s ease,transform .16s ease,border-color .16s ease}.nav-link-hoverable:hover,.nav-link-hoverable:active,.nav-link-hoverable:focus-visible{box-shadow:0 2px 8px var(--shadow-sm),0 -2px 8px var(--shadow-sm),0 0 18px 2px var(--accent-glow)!important;transform:translateY(-1px)!important;border-color:var(--accent-border)!important;background:var(--border-subtle)!important}.card-hoverable{transition:box-shadow .16s ease,transform .16s ease,background-color .2s ease,border-color .16s ease}.card-hoverable:hover,.card-hoverable:active,.card-hoverable:focus-visible{position:relative;z-index:2;transform:translateY(-1px)!important;box-shadow:0 2px 8px var(--shadow-sm),0 -2px 8px var(--shadow-sm),0 0 18px 2px var(--accent-glow)!important}.card-link-hoverable:hover>div:first-child,.card-link-hoverable:active>div:first-child,.card-link-hoverable:focus-visible>div:first-child{background:var(--border-subtle)!important;border-color:var(--accent-border)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px var(--shadow-sm),0 -2px 8px var(--shadow-sm),0 0 18px 2px var(--accent-glow)!important}.profile-menu-item-hoverable:hover,.profile-menu-item-hoverable:active,.profile-menu-item-hoverable:focus-visible{background:var(--elevated)!important}.profile-menu-item-hoverable.active{background:var(--border)!important}.profile-menu-item-hoverable.active:hover,.profile-menu-item-hoverable.active:active,.profile-menu-item-hoverable.active:focus-visible{background:var(--border)!important}.btn-interactive:hover,.btn-interactive:active,.btn-interactive:focus-visible{background:var(--tag-bg)!important;border-color:var(--border)!important;transform:translateY(1px) scale(.98);opacity:.9}.scrollable-carousel::-webkit-scrollbar{display:none;width:0;height:0}.scrollable-carousel-vertical::-webkit-scrollbar{display:none;width:0;height:0}.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.coaching-scroll-list{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.coaching-scroll-list:hover{scrollbar-color:var(--border-medium) transparent}.coaching-scroll-list::-webkit-scrollbar{width:6px}.coaching-scroll-list::-webkit-scrollbar-track{background:transparent}.coaching-scroll-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.coaching-scroll-list:hover::-webkit-scrollbar-thumb{background:var(--border-medium)}.dropdown-menu-item{transition:background-color .15s ease}.dropdown-menu-item:hover{background:var(--surface-subtle)}