*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #161616;--border: #232323;--text: #e8e8e8;--muted: #6a6a6a;--axis: #8a8a8a;--accent: #e7decb;--accent-hover:#f3ecdb;--accent-rgb: 231, 222, 203;--accent-soft: rgba(var(--accent-rgb), .1);--accent-glow: rgba(var(--accent-rgb), .45);--accent-ink: #1a1a1a;--danger: #c62828;--surface-deep: #0c0c0c;--surface-low: #0d0d0d;--hairline: #0e0e0e;--surface-row: #101010;--track: #111111;--surface-high: #1a1a1a;--elevate: #1e1e1e;--border-soft: #252525;--border-mid: #2a2a2a;--border-200: #2e2e2e;--border-300: #333333;--border-strong: #3a3a3a;--fg-dim: #282828;--fg-faint: #444444;--fg-quiet: #505050;--fg-quiet-2: #555555;--fg-muted-2: #666666;--fg-soft: #888888;--fg-soft-2: #999999;--fg-mid: #aaaaaa;--fg-mid-2: #bbbbbb;--chart-valence: #4896A8;--chart-arousal: #D08020;font-family:IBM Plex Mono,Courier New,monospace}body{background-color:var(--bg);color:var(--text);height:100vh;overflow:hidden;background-image:linear-gradient(135deg,#a5282821 0,#a5282821 25%,#5e6e2021 25%,#5e6e2021 50%,#d0802021 50%,#d0802021 75%,#5e987021 75%,#5e987021),linear-gradient(45deg,#7fb5cc1c 0,#7fb5cc1c 33%,#d4cc201c 33%,#d4cc201c 66%,#5050a81c 66%,#5050a81c);background-size:220px 220px,300px 300px;background-attachment:fixed}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;flex-direction:column;flex-shrink:0}.app-title{font-size:22px;font-weight:900;letter-spacing:-.03em}.app-subtitle{font-size:12px;color:var(--muted);margin-top:3px}.app-main{flex:1;display:flex;overflow:hidden;transition:all .35s ease}.app--landing .app-main{justify-content:center;align-items:stretch}.app--landing .panel-grid{max-width:640px;width:100%}.app--landing .panel-table{display:none}.app--expanded .panel-grid{flex:0 0 62%;border-right:1px solid var(--border)}.app--expanded .panel-table{flex:1;overflow:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.grid-outer{display:flex;height:100%;padding:12px 12px 10px 8px;gap:8px}.y-axis{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--axis);-webkit-user-select:none;user-select:none;letter-spacing:.08em;text-transform:lowercase;padding:34px 0 22px}.y-axis span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.grid-col{flex:1;display:flex;flex-direction:column}.grid-header{display:flex;align-items:center;justify-content:flex-end;padding:0 0 8px;min-height:26px}.grid-toggles{display:flex;gap:6px}.grid-area{flex:1;position:relative;cursor:crosshair;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden;border-radius:4px}.grid-area--explore{cursor:default}.grid-area--explore>.zone-bg{filter:saturate(.32) brightness(.52);transition:filter .25s ease}.x-axis{display:flex;align-items:center;justify-content:center;padding-top:8px;font-size:10px;color:var(--axis);-webkit-user-select:none;user-select:none;letter-spacing:.08em;text-transform:lowercase}.grid-toggle{background:#ffffff05;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.06em;font-weight:700;padding:5px 11px;border-radius:999px;transition:background .15s,color .15s,border-color .15s,transform .1s}.grid-toggle:hover{border-color:var(--accent);color:var(--text)}.grid-toggle:active{transform:scale(.93)}.grid-toggle--on{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.vibe-point{position:absolute;transform:translate(-50%,-50%);z-index:10;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));transition:color .45s ease,filter .45s ease;pointer-events:none}.vibe-point--explore{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85)) brightness(1.45) saturate(1.6)}.vibe-point--explore:hover{z-index:30}.vibe-point--explore:hover svg{transform:scale(1.18);transition:transform .12s ease}.vibe-tip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:190px;background:#0a0a0af5;border:1px solid var(--border);border-left:3px solid currentColor;border-radius:8px;padding:9px 11px;box-shadow:0 8px 28px #0009;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:40;text-align:left}.vibe-tip--left{left:auto;right:calc(100% + 10px)}.vibe-point--explore:hover .vibe-tip{opacity:1;visibility:visible}.vibe-tip-head{display:flex;align-items:center;gap:7px;margin-bottom:5px}.vibe-tip-glyph{font-size:13px;line-height:1;color:currentColor}.vibe-tip-coord{font-size:12px;font-weight:700;color:currentColor}.vibe-tip-note{font-size:12px;color:var(--text);line-height:1.45;margin-bottom:5px;white-space:pre-wrap;word-break:break-word}.vibe-tip-stamp{font-size:10px;color:var(--muted);letter-spacing:.03em}.vibe-pending{position:absolute;width:16px;height:16px;transform:translate(-50%,-50%) rotate(45deg);background:#ffd20029;border:1.5px dashed #fff;z-index:11;pointer-events:none}.table-wrap{padding:16px 14px;background:#0a0a0a80;border:1px solid rgba(255,255,255,.07);border-radius:6px;margin:8px}.table-header{font-size:12px;font-weight:700;color:var(--fg-mid);letter-spacing:.05em;margin-bottom:12px}.table-count{color:var(--muted);font-weight:400;margin-left:8px}.table-empty{padding:16px 14px;font-size:12px;color:var(--border-300)}.vibe-table{width:100%;border-collapse:collapse;font-size:11px}.vibe-table th{text-align:left;padding:3px 5px 7px;color:var(--muted);font-weight:700;font-size:9px;letter-spacing:.08em;border-bottom:1px solid var(--border)}.vibe-table tr{border-bottom:1px solid var(--hairline)}.vibe-table tr:hover{background:var(--surface-row)}.td-muted{padding:5px;color:var(--muted)}.td-mono{padding:5px;color:var(--fg-mid-2);white-space:nowrap;font-variant-numeric:tabular-nums}.td-note{padding:5px;color:var(--text);max-width:160px;word-break:break-word;line-height:1.4}.td-empty{color:var(--fg-dim)}.td-actions{padding:5px;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:4px}.btn-edit{background:none;border:none;color:var(--border-strong);cursor:pointer;font-size:10px;font-family:inherit;letter-spacing:.04em;padding:1px 4px;transition:color .12s,transform .1s}.btn-edit:hover{color:var(--muted)}.btn-edit:active{transform:scale(.92)}.note-edit-input{width:100%;background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:3px;padding:3px 6px;font-size:11px;font-family:inherit;outline:none}.btn-save{background:var(--accent);color:var(--accent-ink);border:none;border-radius:3px;padding:2px 7px;cursor:pointer;font-size:10px;font-family:inherit;font-weight:700;letter-spacing:.04em;transition:background .15s,transform .1s}.btn-save:hover:not(:disabled){background:var(--accent-hover)}.btn-save:active:not(:disabled){transform:scale(.94)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-edit{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:0 2px;font-family:inherit;line-height:1;transition:color .12s,transform .1s}.btn-cancel-edit:hover{color:var(--fg-mid)}.btn-cancel-edit:active{transform:scale(.9)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border-mid);border-radius:8px;padding:20px;width:320px;box-shadow:0 16px 48px #000c}.modal-coords{font-size:11px;color:var(--muted);margin-bottom:10px;letter-spacing:.05em}.modal-input{width:100%;background:var(--bg);border:1px solid var(--border-soft);color:var(--text);border-radius:4px;padding:10px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.modal-input:focus{border-color:var(--accent)}.modal-textarea{width:100%;background:var(--bg);border:1px solid var(--border-soft);color:var(--text);border-radius:4px;padding:10px;font-size:13px;resize:none;height:80px;font-family:inherit;outline:none;transition:border-color .15s}.modal-textarea:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:8px;margin-top:12px}.auth-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;padding:0 24px}.auth-sub{color:var(--muted);font-size:13px}.auth-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.auth-form input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent)}.auth-error{color:#ef5350;font-size:12px}.auth-modes{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:18px;width:100%;max-width:320px}.auth-mode-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 14px 6px 0;margin-bottom:-1px;transition:color .15s,border-color .15s,transform .1s}.auth-mode-tab:hover{color:var(--text)}.auth-mode-tab:active{transform:scale(.95)}.auth-mode-tab--active{color:var(--text);border-bottom-color:var(--accent)}.auth-toggle{font-size:11px;text-align:center;padding:4px 0}button{-webkit-tap-highlight-color:transparent}.btn-primary{flex:1;background:var(--accent);color:var(--accent-ink);border:none;border-radius:4px;padding:8px 0;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;transition:background .15s,transform .1s,box-shadow .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.btn-primary:active:not(:disabled){transform:scale(.96);box-shadow:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary--preview{background:var(--preview-accent);color:var(--preview-ink)}.btn-primary--preview:hover:not(:disabled){background:var(--preview-hover);box-shadow:0 0 12px var(--preview-glow)}.auth-form button{background:var(--accent);color:var(--accent-ink);border:none;border-radius:4px;padding:10px;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;transition:background .15s,transform .1s,box-shadow .15s}.auth-form button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.auth-form button:active:not(:disabled){transform:scale(.97);box-shadow:none}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--elevate);color:var(--muted);border:none;border-radius:4px;padding:8px 14px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s,color .15s,transform .1s}.btn-ghost:hover{background:var(--border-mid);color:var(--text)}.btn-ghost:active{transform:scale(.97)}.header-actions{display:flex;align-items:center;gap:8px}.btn-signout,.btn-setpw,.btn-username{background:#0006;border:1px solid var(--border);border-radius:999px;padding:4px 11px;cursor:pointer;font-size:11px;font-family:inherit;box-shadow:0 1px 3px #00000073;transition:color .15s,background .15s,border-color .15s,transform .1s}.btn-signout:active,.btn-setpw:active,.btn-username:active{transform:scale(.94)}.btn-signout{color:var(--fg-soft)}.btn-signout:hover{color:var(--text);background:#0009}.btn-setpw{color:var(--fg-soft)}.btn-setpw:hover{color:var(--text);background:#0009}.btn-username{color:var(--accent);font-weight:700}.btn-username:hover{background:#0009;border-color:var(--accent)}.btn-delete{background:none;border:none;color:var(--fg-quiet);cursor:pointer;font-size:15px;padding:0 4px;font-family:inherit;line-height:1;transition:color .12s,transform .1s}.btn-delete:hover{color:var(--fg-soft-2);transform:scale(1.15)}.btn-delete:active{transform:scale(.9)}.btn-delete-confirm{color:var(--danger)!important}.entry-locked{color:var(--border-200);font-size:12px;padding:0 4px;cursor:default}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:13px}.vibe-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid rgba(0,0,0,.2)}.app-header-top{display:flex;align-items:baseline;justify-content:space-between;padding:14px 18px 10px}.app-nav{display:flex;gap:0;padding:0 18px;border-bottom:1px solid var(--border)}.nav-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 14px 6px 0;margin-bottom:-1px;transition:color .15s,border-color .15s,transform .1s}.nav-tab:hover{color:var(--text)}.nav-tab:active{transform:scale(.95)}.nav-tab--active{color:var(--text);border-bottom-color:var(--accent)}.app--analysis .panel-analysis,.panel-analysis{flex:1;overflow-y:auto}.analysis-wrap{max-width:720px;margin:0 auto;padding:20px 18px 48px;display:flex;flex-direction:column;gap:0}.analysis-lock{display:flex;align-items:center;justify-content:center;height:100%;padding:40px 18px}.analysis-lock-inner{max-width:320px;width:100%;display:flex;flex-direction:column;gap:10px}.analysis-lock-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.03em}.analysis-lock-bar{height:6px;background:var(--surface-high);border-radius:3px;overflow:hidden}.analysis-lock-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.analysis-lock-count{font-size:11px;color:var(--muted)}.analysis-lock-sub{font-size:12px;color:var(--fg-muted-2)}.analysis-filter{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.filter-label{font-size:10px;color:var(--muted);letter-spacing:.08em;font-weight:700}.filter-input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:5px 8px;font-size:11px;font-family:inherit;outline:none;transition:border-color .15s;color-scheme:dark}.filter-input:focus{border-color:var(--accent)}.filter-clear{font-size:11px;padding:5px 10px}.stats-strip{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px 14px;min-width:80px}.stat-value{font-size:20px;font-weight:900;color:var(--text);line-height:1}.stat-label{font-size:9px;color:var(--muted);letter-spacing:.08em}.analysis-section{margin-bottom:36px}.analysis-section-title{font-size:11px;font-weight:700;color:var(--fg-mid);letter-spacing:.08em;margin-bottom:4px}.analysis-section-sub{font-size:10px;color:var(--muted);margin-bottom:14px}.analysis-empty{font-size:12px;color:var(--border-300);padding:8px 0}.analysis-empty-state{font-size:13px;color:var(--fg-faint);padding:48px 18px;text-align:center}.heatmap-wrap{display:flex;align-items:stretch;gap:8px;max-width:300px}.heatmap-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:8px;color:var(--muted);padding-bottom:20px;-webkit-user-select:none;user-select:none;writing-mode:vertical-rl;gap:4px}.heatmap-y-axis span{transform:rotate(180deg)}.heatmap-col{flex:1;display:flex;flex-direction:column}.heatmap-grid{display:grid;grid-template-columns:repeat(10,1fr);aspect-ratio:1;width:100%;background:var(--track);gap:1px;border:1px solid var(--border)}.heatmap-cell{background:var(--bg)}.heatmap-x-axis{text-align:center;padding-top:6px;font-size:8px;color:var(--muted);-webkit-user-select:none;user-select:none}.heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:8px;max-width:300px;padding-left:18px}.legend-none,.legend-max{font-size:9px;color:var(--fg-faint)}.legend-gradient{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--bg),rgba(255,190,0,1));border:1px solid var(--border)}.zone-bars{display:flex;flex-direction:column;gap:8px}.zone-bar-row{display:grid;grid-template-columns:160px 1fr 36px;align-items:center;gap:10px}.zone-bar-label{font-size:10px;color:var(--fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-bar-track{height:8px;background:var(--track);border-radius:4px;overflow:hidden}.zone-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.zone-bar-pct{font-size:10px;color:var(--muted);text-align:right}.word-zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.word-zone-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 14px}.word-zone-name{font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;line-height:1.3}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chip{background:var(--track);border:1px solid var(--elevate);border-radius:12px;padding:3px 9px;font-size:11px;color:var(--fg-mid-2);display:inline-flex;align-items:center;gap:4px}.word-chip-count{font-size:9px;color:var(--muted)}.modal-word-hint{font-size:10px;color:var(--fg-quiet-2);margin-top:6px}.modal-toggles{display:flex;flex-direction:column;gap:6px;margin-top:10px}.modal-toggle-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.modal-toggle-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.modal-toggle-row--sub{padding-left:16px;font-size:10px;color:var(--fg-faint)}.undo-toast-stack{position:sticky;bottom:0;display:flex;flex-direction:column;gap:6px;padding:10px 0 4px;background:linear-gradient(to bottom,transparent,var(--bg) 30%)}.undo-toast{display:flex;align-items:center;justify-content:space-between;background:var(--surface-high);border:1px solid var(--border-mid);border-radius:6px;padding:8px 12px;animation:toastIn .15s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.undo-toast-msg{font-size:11px;color:var(--fg-soft)}.undo-toast-btn{background:none;border:1px solid var(--border-strong);color:var(--accent);cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:10px;transition:background .12s,transform .1s}.undo-toast-btn:hover{background:var(--accent-soft)}.undo-toast-btn:active{transform:scale(.94)}.trend-svg{width:100%;height:80px;overflow:visible;display:block;margin:8px 0 4px}.trend-indicators{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.trend-badge{font-size:11px;font-weight:700;letter-spacing:.04em}.trend-days{font-size:10px;color:var(--fg-faint);margin-left:auto}.trend-legend{display:flex;gap:14px;font-size:10px;color:var(--fg-quiet-2);flex-wrap:wrap}.trend-legend-note{color:var(--border-300)}.trend-grid{stroke:var(--surface-high)}.trend-stroke-v{stroke:var(--chart-valence)}.trend-stroke-a{stroke:var(--chart-arousal)}.trend-fill-v{fill:var(--chart-valence)}.trend-fill-a{fill:var(--chart-arousal)}.filter-export{font-size:10px;padding:4px 10px}.filter-export:disabled{opacity:.3;cursor:not-allowed}.timeline-wrap{max-width:680px;margin:0 auto;padding:20px 18px 48px;display:flex;flex-direction:column;gap:0}.timeline-section-title{font-size:11px;font-weight:700;color:var(--fg-mid);letter-spacing:.08em;margin-bottom:4px;margin-top:28px}.similar-vibers>.timeline-section-title{margin-top:0}.timeline-sub{font-size:10px;color:var(--muted);margin-bottom:14px}.timeline-empty{font-size:12px;color:var(--border-300);padding:8px 0}.timeline-feed{display:flex;flex-direction:column;gap:1px}.tl-entry{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:5px;background:#0a0a0a8c;border:1px solid rgba(255,255,255,.05);transition:background .12s,border-color .12s}.tl-entry:hover{background:#161616a6}.tl-entry--own{background:linear-gradient(rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.08)),#0a0a0a8c;border-color:rgba(var(--accent-rgb),.25)}.tl-entry--own:hover{background:linear-gradient(rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.14)),#161616a6}.tl-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;margin-top:4px;border:1px solid rgba(0,0,0,.3)}.tl-body{flex:1;display:flex;flex-direction:column;gap:4px}.tl-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tl-zone{font-size:12px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tl-meta{font-size:10px;color:var(--fg-soft);margin-left:auto;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tl-note{font-size:11px;color:var(--fg-soft);line-height:1.4}.tl-load-more{display:block;width:100%;margin-top:16px;background:none;border:1px solid var(--border-soft);color:var(--muted);font-family:inherit;font-size:11px;padding:10px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s}.tl-load-more:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.tl-load-more:disabled{opacity:.5;cursor:not-allowed}.timeline-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;margin-bottom:4px}.timeline-header-row:first-child{margin-top:0}.timeline-filter{display:flex;gap:0}.timeline-filter-btn{background:none;border:1px solid var(--elevate);color:var(--muted);cursor:pointer;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.07em;padding:3px 10px;transition:background .12s,color .12s,transform .1s}.timeline-filter-btn:first-child{border-radius:8px 0 0 8px}.timeline-filter-btn:last-child{border-radius:0 8px 8px 0;border-left:none}.timeline-filter-btn:hover{color:var(--text);background:var(--track)}.timeline-filter-btn:active{transform:scale(.95)}.timeline-filter-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.follow-btn{background:none;border:1px solid var(--border-soft);color:var(--border-strong);cursor:pointer;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:8px;white-space:nowrap;transition:background .12s,color .12s,border-color .12s,transform .1s}.follow-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.follow-btn:active{transform:scale(.93)}.follow-btn--following{border-color:var(--border-mid);color:var(--muted);background:var(--surface-low)}.follow-btn--following:hover{border-color:var(--danger);color:var(--danger);background:#c628280f}.similar-vibers{margin-bottom:8px}.similar-sub{font-size:10px;color:var(--muted);margin-bottom:12px}.similar-list{display:flex;flex-direction:column;gap:8px}.similar-row{display:grid;grid-template-columns:140px 1fr 36px 68px;align-items:center;gap:8px}.similar-name{font-size:11px;color:var(--fg-soft)}.similar-bar-track{height:5px;background:var(--track);border-radius:3px;overflow:hidden}.similar-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease;opacity:.7}.similar-pct{font-size:10px;color:var(--muted);text-align:right}@media (max-width: 768px){.app--expanded .app-main{flex-direction:column}.app--expanded .panel-grid{flex:0 0 auto;height:60vw;min-height:260px;border-right:none;border-bottom:1px solid var(--border)}.app--landing .panel-grid{max-width:100%;height:70vw;min-height:300px}.modal{width:min(320px,90vw)}.app-title{font-size:18px}.grid-header{min-height:auto;padding-bottom:6px}.grid-toggles{flex-wrap:wrap;justify-content:flex-end;gap:5px}.grid-toggle{font-size:9px;padding:4px 8px}.y-axis,.x-axis{font-size:8px}.y-axis{padding:30px 0 18px}.vibe-tip{width:150px}.analysis-wrap{padding:16px 14px 48px}.heatmap-wrap{max-width:100%}.zone-bar-row{grid-template-columns:120px 1fr 30px}.word-zone-grid{grid-template-columns:1fr}.stats-strip{gap:8px}.stat-pill{padding:8px 10px}.stat-value{font-size:16px}.tod-grid{grid-template-columns:1fr 1fr}}.stat-pill--accent{border-color:var(--accent);background:var(--accent-soft)}.stat-pill--accent .stat-value{color:var(--accent)}.filter-export-group{margin-left:auto;display:flex;gap:6px}.filter-export-group .filter-export{margin-left:0}.tod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tod-slot{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.tod-slot--empty{opacity:.35}.tod-slot-name{font-size:10px;font-weight:700;color:var(--text);letter-spacing:.06em}.tod-slot-range{font-size:9px;letter-spacing:.04em}.tod-slot-count{font-size:10px;color:var(--muted);margin-top:2px}.tod-slot-stats{display:flex;gap:8px;margin-top:4px}.tod-stat{font-size:11px;font-weight:700;color:var(--text)}.btn-share{background:none;border:none;cursor:pointer;font-size:24px;padding:0 4px;font-family:inherit;line-height:1;opacity:.85;transition:opacity .12s,filter .12s,transform .1s}.btn-share:hover{opacity:1;filter:brightness(1.3)}.btn-share:active{transform:scale(.9)}.share-modal{width:340px}.share-card{background:var(--surface-deep);border:1px solid var(--border-soft);border-left-width:4px;border-radius:6px;padding:16px 18px;margin:14px 0;display:flex;flex-direction:column;gap:6px}.share-card-zone{font-size:15px;font-weight:900;letter-spacing:.02em;line-height:1.3}.share-card-coords{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-soft)}.share-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.3)}.share-card-note{font-size:12px;color:var(--fg-mid);line-height:1.5;font-style:italic}.share-card-date{font-size:10px;color:var(--fg-faint);margin-top:2px}.share-card-brand{font-size:9px;color:var(--border-mid);letter-spacing:.1em;margin-top:4px}.share-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;padding:24px;background-color:var(--bg);background-image:linear-gradient(135deg,#a5282821 0,#a5282821 25%,#5e6e2021 25%,#5e6e2021 50%,#d0802021 50%,#d0802021 75%,#5e987021 75%,#5e987021),linear-gradient(45deg,#7fb5cc1c 0,#7fb5cc1c 33%,#d4cc201c 33%,#d4cc201c 66%,#5050a81c 66%,#5050a81c);background-size:220px 220px,300px 300px}.share-view-card{background:var(--surface-deep);border:1px solid var(--border-soft);border-left-width:4px;border-radius:8px;padding:24px 28px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;box-shadow:0 16px 48px #000c}.share-view-zone{font-size:20px;font-weight:900;letter-spacing:.02em;line-height:1.3}.share-view-coords{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-soft)}.share-view-note{font-size:13px;color:var(--fg-mid);line-height:1.5;font-style:italic;margin-top:4px}.share-view-date{font-size:11px;color:var(--fg-faint);margin-top:4px}.share-view-error{font-size:13px;color:var(--muted)}.share-view-cta{font-size:11px;color:var(--accent);letter-spacing:.06em;text-decoration:none;font-weight:700;transition:opacity .15s}.share-view-cta:hover{opacity:.75}