:root,:root[data-theme=dark]{--bg-deep: #06060c;--bg-ambient-cool: rgba(60, 90, 160, .15);--bg-ambient-warm: rgba(160, 80, 60, .1);--glass-bg: rgba(255, 255, 255, .1);--glass-bg-elevated: rgba(255, 255, 255, .16);--glass-border: rgba(255, 255, 255, .2);--glass-border-strong: rgba(255, 255, 255, .35);--glass-highlight: rgba(255, 255, 255, .3);--glass-highlight-edge: rgba(255, 255, 255, .5);--glass-refraction: linear-gradient( 135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .05) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, .08) 100% );--glass-blur: 32px;--glass-blur-heavy: 48px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--glass-shadow-elevated: 0 24px 80px rgba(0, 0, 0, .6), 0 8px 24px rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .5);--text-primary: #f5f5f7;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--color-accent: #5899f5;--color-accent-bg: rgba(88, 153, 245, .2);--color-accent-border: rgba(88, 153, 245, .4);--color-accent-glow: rgba(88, 153, 245, .35);--color-safe: #5899f5;--color-neutral: #a0a0b8;--color-risky: #e07850;--color-danger: #ff6b6b;--color-danger-bg: rgba(255, 107, 107, .15);--color-danger-border: rgba(255, 107, 107, .35);--btn-bg: rgba(255, 255, 255, .08);--btn-bg-hover: rgba(255, 255, 255, .14);--btn-border: rgba(255, 255, 255, .15);--sel-left-bg: rgba(88, 153, 245, .25);--sel-left-border: rgba(88, 153, 245, .5);--sel-left-glow: rgba(88, 153, 245, .35);--sel-left-text: #8ec0ff;--sel-center-bg: rgba(160, 160, 184, .2);--sel-center-border: rgba(160, 160, 184, .4);--sel-center-glow: rgba(160, 160, 184, .25);--sel-center-text: #c8c8d8;--sel-right-bg: rgba(224, 120, 80, .25);--sel-right-border: rgba(224, 120, 80, .5);--sel-right-glow: rgba(224, 120, 80, .35);--sel-right-text: #ffb898;--regret-bg: rgba(255, 107, 107, .15);--regret-border: rgba(255, 107, 107, .35);--regret-text: #ff8888;--orb-1: rgba(80, 130, 220, .4);--orb-2: rgba(220, 100, 70, .35);--orb-3: rgba(140, 80, 200, .3);--radius-sm: 14px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 100px;--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: cubic-bezier(.25, .1, .25, 1);--spring-snappy: cubic-bezier(.2, .9, .3, 1.2);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .5s}:root[data-theme=light]{--bg-deep: #f2f2f7;--bg-ambient-cool: rgba(50, 80, 150, .08);--bg-ambient-warm: rgba(160, 70, 50, .06);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-elevated: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .7);--glass-border-strong: rgba(255, 255, 255, .9);--glass-highlight: rgba(255, 255, 255, .9);--glass-highlight-edge: rgba(255, 255, 255, 1);--glass-refraction: linear-gradient( 135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .1) 60%, rgba(255, 255, 255, .4) 100% );--glass-shadow: 0 4px 24px rgba(0, 0, 0, .05), 0 1px 4px rgba(0, 0, 0, .06);--glass-shadow-elevated: 0 20px 60px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .06);--overlay-bg: rgba(0, 0, 0, .25);--text-primary: #1d1d1f;--text-secondary: rgba(0, 0, 0, .55);--text-muted: rgba(0, 0, 0, .35);--color-accent: #007aff;--color-accent-bg: rgba(0, 122, 255, .12);--color-accent-border: rgba(0, 122, 255, .3);--color-accent-glow: rgba(0, 122, 255, .2);--color-safe: #007aff;--color-neutral: #8e8e93;--color-risky: #d4603a;--color-danger: #ff3b30;--color-danger-bg: rgba(255, 59, 48, .1);--color-danger-border: rgba(255, 59, 48, .25);--btn-bg: rgba(255, 255, 255, .55);--btn-bg-hover: rgba(255, 255, 255, .7);--btn-border: rgba(0, 0, 0, .06);--sel-left-bg: rgba(0, 122, 255, .12);--sel-left-border: rgba(0, 122, 255, .3);--sel-left-glow: rgba(0, 122, 255, .15);--sel-left-text: #0066d6;--sel-center-bg: rgba(142, 142, 147, .12);--sel-center-border: rgba(142, 142, 147, .3);--sel-center-glow: rgba(142, 142, 147, .1);--sel-center-text: #636366;--sel-right-bg: rgba(212, 96, 58, .12);--sel-right-border: rgba(212, 96, 58, .3);--sel-right-glow: rgba(212, 96, 58, .15);--sel-right-text: #a84020;--regret-bg: rgba(255, 59, 48, .1);--regret-border: rgba(255, 59, 48, .25);--regret-text: #d42020;--orb-1: rgba(100, 140, 240, .3);--orb-2: rgba(240, 120, 80, .25);--orb-3: rgba(160, 100, 230, .22)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-deep: #f2f2f7;--bg-ambient-cool: rgba(50, 80, 150, .08);--bg-ambient-warm: rgba(160, 70, 50, .06);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-elevated: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .7);--glass-border-strong: rgba(255, 255, 255, .9);--glass-highlight: rgba(255, 255, 255, .9);--glass-highlight-edge: rgba(255, 255, 255, 1);--glass-refraction: linear-gradient( 135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .1) 60%, rgba(255, 255, 255, .4) 100% );--glass-shadow: 0 4px 24px rgba(0, 0, 0, .05), 0 1px 4px rgba(0, 0, 0, .06);--glass-shadow-elevated: 0 20px 60px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .06);--overlay-bg: rgba(0, 0, 0, .25);--text-primary: #1d1d1f;--text-secondary: rgba(0, 0, 0, .55);--text-muted: rgba(0, 0, 0, .35);--color-accent: #007aff;--color-accent-bg: rgba(0, 122, 255, .12);--color-accent-border: rgba(0, 122, 255, .3);--color-accent-glow: rgba(0, 122, 255, .2);--color-safe: #007aff;--color-neutral: #8e8e93;--color-risky: #d4603a;--color-danger: #ff3b30;--color-danger-bg: rgba(255, 59, 48, .1);--color-danger-border: rgba(255, 59, 48, .25);--btn-bg: rgba(255, 255, 255, .55);--btn-bg-hover: rgba(255, 255, 255, .7);--btn-border: rgba(0, 0, 0, .06);--sel-left-bg: rgba(0, 122, 255, .12);--sel-left-border: rgba(0, 122, 255, .3);--sel-left-glow: rgba(0, 122, 255, .15);--sel-left-text: #0066d6;--sel-center-bg: rgba(142, 142, 147, .12);--sel-center-border: rgba(142, 142, 147, .3);--sel-center-glow: rgba(142, 142, 147, .1);--sel-center-text: #636366;--sel-right-bg: rgba(212, 96, 58, .12);--sel-right-border: rgba(212, 96, 58, .3);--sel-right-glow: rgba(212, 96, 58, .15);--sel-right-text: #a84020;--regret-bg: rgba(255, 59, 48, .1);--regret-border: rgba(255, 59, 48, .25);--regret-text: #d42020;--orb-1: rgba(100, 140, 240, .3);--orb-2: rgba(240, 120, 80, .25);--orb-3: rgba(160, 100, 230, .22)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-deep);min-height:100vh;min-height:100dvh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-weight:400;letter-spacing:.2px;line-height:1.6;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-accent-bg);color:inherit}.orb-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.orb-1{width:340px;height:340px;background:var(--orb-1);top:8%;left:-12%;animation:orb-drift-1 14s ease-in-out infinite alternate}.orb-2{width:280px;height:280px;background:var(--orb-2);top:48%;right:-18%;animation:orb-drift-2 16s ease-in-out infinite alternate}.orb-3{width:220px;height:220px;background:var(--orb-3);bottom:12%;left:18%;animation:orb-drift-3 18s ease-in-out infinite alternate}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(70px,50px) scale(1.2)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-70px) scale(1.15)}}@keyframes orb-drift-3{0%{transform:translate(0) scale(1)}to{transform:translate(50px,-40px) scale(1.25)}}#app{max-width:420px;margin:0 auto;padding:20px 16px calc(100px + env(safe-area-inset-bottom,0px));min-height:100vh;min-height:100dvh;position:relative;z-index:1}.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6) brightness(1.05);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),inset 0 -1px #ffffff0d;overflow:hidden}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-refraction);pointer-events:none;z-index:1;opacity:.6}.glass>*{position:relative;z-index:2}.glass-elevated{position:relative;background:var(--glass-bg-elevated);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8) brightness(1.1);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-elevated),inset 0 1px 0 var(--glass-highlight-edge),inset 0 -1px #ffffff0d;overflow:hidden}.glass-elevated:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-refraction);pointer-events:none;z-index:1;opacity:.8}.glass-elevated>*{position:relative;z-index:2}.page-title{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:20px;line-height:1.2}.page-subtitle{font-size:15px;color:var(--text-secondary);letter-spacing:.2px;margin-top:-12px;margin-bottom:20px}.section-title{font-size:13px;font-weight:600;letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.dim-label{font-size:12px;font-weight:600;letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase}.view{display:none;animation:view-enter .4s var(--ease-out-expo)}.view.active{display:block}@keyframes view-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.record-layout{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100dvh - 160px)}.record-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo);padding:40px 20px}.record-header.faded{opacity:.15;transform:translateY(-12px) scale(.98)}.record-header .page-title{text-align:center;letter-spacing:-.5px;font-size:36px;font-weight:700;line-height:1.1;margin-bottom:8px}.welcome-text{font-size:17px;color:var(--text-secondary);letter-spacing:-.2px;text-align:center;line-height:1.5;font-weight:400;max-width:280px}.matrix-card{padding:20px 16px;animation:matrix-card-in .6s var(--ease-out-expo) both}@keyframes matrix-card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.matrix-container{display:flex;flex-direction:column;gap:14px}.matrix-row{display:flex;align-items:center;gap:10px;opacity:.2;transform:translateY(6px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--spring-bounce)}.matrix-row.active{opacity:1;transform:translateY(0)}.matrix-row.done{opacity:.55;transform:translateY(0);transition:opacity .4s var(--ease-out-expo),transform .4s var(--spring-smooth)}.matrix-row .dim-label-group{width:52px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.matrix-row .dim-label{font-size:11px;text-align:right;width:100%}.dim-hint{font-size:9px;font-weight:400;letter-spacing:0;color:var(--text-muted);text-align:right;opacity:0;transform:translateY(-2px);transition:opacity var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo);line-height:1.2;white-space:nowrap}.matrix-row.active .dim-hint{opacity:.7;transform:translateY(0)}.matrix-btns{display:flex;gap:8px;flex:1}.matrix-btn{flex:1;min-height:56px;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.matrix-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-refraction);pointer-events:none;opacity:.3}.matrix-btn:active{transform:scale(.94);opacity:.75;box-shadow:inset 0 2px 6px #00000026}.matrix-row:not(.active) .matrix-btn{pointer-events:none}.matrix-btn.selected-left{background:var(--sel-left-bg);border-color:var(--sel-left-border);box-shadow:0 0 16px var(--sel-left-glow),inset 0 1px #ffffff1f;color:var(--sel-left-text);font-weight:600;transform:scale(1.02)}.matrix-btn.selected-center{background:var(--sel-center-bg);border-color:var(--sel-center-border);box-shadow:0 0 14px var(--sel-center-glow),inset 0 1px #ffffff1a;color:var(--sel-center-text);font-weight:600;transform:scale(1.02)}.matrix-btn.selected-right{background:var(--sel-right-bg);border-color:var(--sel-right-border);box-shadow:0 0 16px var(--sel-right-glow),inset 0 1px #ffffff1f;color:var(--sel-right-text);font-weight:600;transform:scale(1.02)}.hook-container{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px;background:var(--overlay-bg);animation:overlay-in var(--duration-normal) var(--ease-out-expo);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hook-container.visible{display:flex}.hook-card{padding:24px 20px;max-width:400px;width:100%;animation:sheet-up var(--duration-slow) var(--spring-bounce);border-radius:var(--radius-xl)}.hook-prompt{font-size:15px;color:var(--text-secondary);text-align:center;margin-bottom:18px;letter-spacing:.3px;font-weight:500}.hook-input-row{display:flex;gap:8px;align-items:stretch}.hook-input-row .hook-input{flex:1}.hook-input{width:100%;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:400;letter-spacing:.2px;padding:14px 16px;min-height:52px;outline:none;transition:border-color var(--duration-fast) var(--spring-smooth),box-shadow var(--duration-fast) var(--spring-smooth),background var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent}.hook-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow),0 0 20px var(--color-accent-glow);background:var(--btn-bg-hover)}.hook-input::placeholder{color:var(--text-muted)}.hook-char-count{font-size:11px;color:var(--text-muted);text-align:right;margin-top:8px}.hook-submit{display:block;width:100%;margin-top:14px;padding:15px;min-height:50px;background:var(--color-accent-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);color:var(--color-accent);font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.hook-submit:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-refraction);pointer-events:none;opacity:.3}.hook-submit:active{transform:scale(.97);background:var(--color-accent-border);box-shadow:inset 0 2px 4px #0000001a}.hook-mic-btn{width:52px;min-height:52px;flex-shrink:0;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.hook-mic-btn:active{transform:scale(.93);opacity:.75}.hook-mic-btn.recording{background:var(--regret-bg);border-color:var(--regret-border);color:var(--color-danger);animation:pulse-mic 1.2s ease-in-out infinite}@keyframes pulse-mic{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.save-confirm{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);background:var(--glass-bg-elevated);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight-edge);font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:.1px;animation:confirm-capsule-in .5s var(--spring-bounce) both}.save-confirm:before{content:"";width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.5L8 12.5L13 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;animation:confirm-check-pop .4s .15s var(--spring-bounce) both}@keyframes confirm-capsule-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.85)}60%{opacity:1;transform:translate(-50%) translateY(3px) scale(1.02)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes confirm-check-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.echo-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;background:var(--overlay-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:overlay-in var(--duration-normal) var(--ease-out-expo)}.echo-popup{max-width:320px;width:100%;padding:32px 28px;text-align:center;animation:modal-spring var(--duration-slow) var(--spring-bounce)}.echo-title{font-size:13px;color:var(--text-secondary);letter-spacing:1.2px;margin-bottom:18px;font-weight:500;text-transform:uppercase}.echo-quote{font-size:18px;font-weight:300;font-style:italic;color:var(--text-primary);line-height:1.8;margin-bottom:10px}.echo-hint{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:10px;letter-spacing:.1px}.echo-date{font-size:12px;color:var(--text-muted);margin-bottom:18px}.echo-footer{font-size:13px;color:var(--text-muted);letter-spacing:.3px;font-weight:400}.nav-bar{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:5px;display:flex;gap:2px;z-index:50;max-width:calc(100vw - 24px);border-radius:var(--radius-pill);background:var(--glass-bg-elevated);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8) brightness(1.1);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-elevated),inset 0 1px 0 var(--glass-highlight-edge),inset 0 -1px #ffffff0d}.nav-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-refraction);pointer-events:none;z-index:0;opacity:.7}.nav-bar:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight-edge) 30%,var(--glass-highlight-edge) 70%,transparent);pointer-events:none;z-index:0;opacity:.6}.nav-tab{padding:8px 6px 6px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.3px;white-space:nowrap;cursor:pointer;border-radius:var(--radius-pill);transition:all var(--duration-normal) var(--spring-bounce);-webkit-tap-highlight-color:transparent;min-height:48px;min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;z-index:1}.nav-tab .nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-tab .nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-tab.active{background:var(--color-accent-bg);color:var(--color-accent);box-shadow:0 0 16px var(--color-accent-glow),0 2px 8px var(--color-accent-glow),inset 0 1px #ffffff26,inset 0 0 12px #ffffff0d;border:1px solid var(--color-accent-border);font-weight:600}.nav-tab:active{transform:scale(.92);opacity:.7}.segmented-control{position:relative;display:flex;padding:3px;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--btn-border);border-radius:var(--radius-sm);overflow:hidden}.segmented-slider{position:absolute;top:3px;bottom:3px;left:3px;border-radius:calc(var(--radius-sm) - 4px);background:var(--glass-bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff26;transition:transform var(--duration-normal) var(--spring-bounce),width var(--duration-normal) var(--spring-bounce);z-index:0;pointer-events:none}.segment-btn{flex:1;padding:10px 8px;min-height:40px;background:transparent;border:none;border-radius:calc(var(--radius-sm) - 4px);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:color var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.segment-btn.active{color:var(--text-primary);font-weight:600}.segment-btn:active{opacity:.7}.history-filter{display:flex;gap:0;margin-bottom:20px;padding:3px;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--btn-border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.filter-slider{position:absolute;top:3px;bottom:3px;left:3px;border-radius:calc(var(--radius-sm) - 4px);background:var(--glass-bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff26;transition:transform var(--duration-normal) var(--spring-bounce),width var(--duration-normal) var(--spring-bounce);z-index:0;pointer-events:none}.filter-btn{flex:1;padding:10px 8px;min-height:40px;background:transparent;border:none;border-radius:calc(var(--radius-sm) - 4px);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:color var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.filter-btn.active{color:var(--text-primary);font-weight:600}.filter-btn:active{opacity:.7}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent}.history-item:active{transform:scale(.98);opacity:.8;box-shadow:inset 0 2px 4px #00000014}.history-matrix-preview{display:flex;gap:4px;flex-shrink:0}.history-matrix-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.history-info{flex:1;min-width:0}.history-hook{font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;letter-spacing:.1px}.history-date{font-size:12px;color:var(--text-muted);margin-top:3px;letter-spacing:.2px}.history-outcome{flex-shrink:0;display:flex;align-items:center}.outcome-btn-group{display:flex;gap:6px}.outcome-btn{padding:5px 10px;min-height:28px;border:1px solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.1px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent;white-space:nowrap}.outcome-btn:active{transform:scale(.93);opacity:.7}.outcome-btn.active,.outcome-btn-1.active{background:#34c75933;border-color:#34c75966;color:#34c759}.outcome-btn-2.active{background:#ff9f0a33;border-color:#ff9f0a66;color:#ff9f0a}.outcome-btn-3.active{background:#ff453a33;border-color:#ff453a66;color:#ff453a}.outcome-btn-1{color:#34c759}.outcome-btn-2{color:#ff9f0a}.outcome-btn-3{color:#ff453a}.outcome-badge{padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.2px;min-height:32px;display:inline-flex;align-items:center;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent}.outcome-badge-tap{padding-right:10px}.outcome-badge-tap:after{content:" ›";opacity:.5;margin-left:2px;white-space:nowrap}.outcome-badge:active{transform:scale(.93);opacity:.7}.outcome-badge.outcome-0{background:var(--btn-bg);color:var(--text-muted)}.outcome-badge.outcome-1{background:#34c75926;color:#34c759}.outcome-badge.outcome-2{background:#ff9f0a26;color:#ff9f0a}.outcome-badge.outcome-3{background:#ff453a26;color:#ff453a}.outcome-fresh-hint{font-size:11px;color:var(--text-muted);white-space:nowrap;letter-spacing:.1px;opacity:.7}.outcome-color-1{color:#34c759!important}.outcome-color-2{color:#ff9f0a!important}.outcome-color-3{color:#ff453a!important}.review-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:12px;border-radius:var(--radius-md);background:#5899f51a;border:1px solid rgba(88,153,245,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:modal-spring var(--duration-slow) var(--spring-bounce)}.review-banner-text{font-size:14px;color:var(--color-accent);font-weight:500;letter-spacing:.1px}.review-banner-btn{padding:6px 14px;border:1px solid var(--color-accent-border);border-radius:var(--radius-pill);background:var(--color-accent-bg);color:var(--color-accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent;white-space:nowrap}.review-banner-btn:active{transform:scale(.95);opacity:.8}.review-nudge{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);z-index:50;padding:10px 20px;border-radius:var(--radius-pill);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;animation:nudge-in .6s var(--spring-bounce),nudge-breathe 3s 1.5s ease-in-out infinite;-webkit-tap-highlight-color:transparent;transition:all var(--duration-fast) var(--spring-bounce)}@keyframes nudge-breathe{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 12px 4px var(--color-accent-glow)}}.review-nudge:active{transform:translate(-50%) scale(.95);opacity:.8}.review-nudge-text{font-size:13px;font-weight:500;color:var(--color-accent);letter-spacing:.1px}@keyframes nudge-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}60%{opacity:1;transform:translate(-50%) translateY(4px) scale(1.02)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-spring{0%{opacity:0;transform:translateY(16px) scale(.94)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.action-sheet-overlay,.delete-confirm-overlay,.confirm-overlay{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:overlay-in var(--duration-fast) var(--ease-out-expo)}.action-sheet-card,.delete-confirm-card,.confirm-card{max-width:400px;width:100%;animation:sheet-up var(--duration-slow) var(--spring-bounce);display:flex;flex-direction:column;gap:8px}.action-sheet-group{background:var(--glass-bg-elevated);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-elevated),inset 0 1px 0 var(--glass-highlight-edge);overflow:hidden;position:relative}.action-sheet-group:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-refraction);pointer-events:none;z-index:0;opacity:.6}.action-sheet-title{padding:18px 20px 6px;font-size:13px;color:var(--text-muted);text-align:center;letter-spacing:.3px;font-weight:500;position:relative;z-index:1}.action-sheet-message{padding:4px 20px 16px;font-size:13px;color:var(--text-muted);text-align:center;letter-spacing:.2px;position:relative;z-index:1}.action-sheet-preview{padding:12px 20px 16px;font-size:15px;color:var(--text-secondary);text-align:center;word-break:break-word;position:relative;z-index:1}.action-sheet-btn{display:block;width:100%;padding:16px;min-height:56px;background:transparent;border:none;border-top:.5px solid var(--glass-border);color:var(--color-accent);font-family:inherit;font-size:17px;font-weight:400;letter-spacing:.1px;cursor:pointer;transition:background var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.action-sheet-btn:first-child{border-top:none}.action-sheet-btn:active{background:var(--btn-bg)}.action-sheet-btn.destructive{color:var(--color-danger);font-weight:600}.action-sheet-cancel{display:block;width:100%;padding:16px;min-height:56px;background:var(--glass-bg-elevated);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.8);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-elevated),inset 0 1px 0 var(--glass-highlight-edge);color:var(--color-accent);font-family:inherit;font-size:17px;font-weight:600;letter-spacing:.1px;cursor:pointer;transition:background var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent;text-align:center}.action-sheet-cancel:active{background:var(--glass-bg);opacity:.85}.outcome-sheet-btn{display:flex!important;align-items:center;gap:12px;text-align:left!important;padding:14px 20px!important}.outcome-sheet-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.outcome-sheet-text{font-size:17px;font-weight:500;color:var(--text-primary);flex-shrink:0}.outcome-sheet-desc{font-size:13px;margin-left:auto;opacity:.85}.nebula-filter{display:flex;gap:0;margin-bottom:12px;position:relative;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:3px}.nebula-filter-slider{position:absolute;top:3px;bottom:3px;left:3px;background:var(--glass-bg-elevated);border-radius:calc(var(--radius-lg) - 2px);box-shadow:0 1px 4px #00000014,inset 0 1px 0 var(--glass-highlight-edge);transition:transform var(--duration-normal) var(--spring-bounce),width var(--duration-normal) var(--spring-bounce);z-index:0}.nebula-filter-btn{flex:1;padding:8px;min-height:36px;background:none;border:none;border-radius:calc(var(--radius-lg) - 2px);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;position:relative;z-index:1;transition:color var(--duration-fast) var(--ease-out-expo);-webkit-tap-highlight-color:transparent}.nebula-filter-btn.active{color:var(--text-primary);font-weight:600}.nebula-filter-btn:active{opacity:.7}.nebula-count{display:block;text-align:right;font-size:11px;color:var(--text-muted);opacity:.5;margin-bottom:6px;letter-spacing:.2px}.nebula-wrapper{position:relative}.nebula-canvas{width:100%;border-radius:var(--radius-lg);touch-action:none}.nebula-axis{position:absolute;font-size:10px;font-weight:500;letter-spacing:.3px;color:var(--text-muted);opacity:.45;pointer-events:none;white-space:nowrap}.nebula-axis-left{left:8px;top:50%;transform:translateY(-50%)}.nebula-axis-right{right:8px;top:50%;transform:translateY(-50%)}.nebula-axis-top{top:8px;left:50%;transform:translate(-50%)}.nebula-axis-bottom{bottom:8px;left:50%;transform:translate(-50%)}.nebula-legend{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 4px;flex-wrap:wrap}.nebula-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted);letter-spacing:.2px}.nebula-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nebula-legend-ring{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1.5px solid;background:transparent}.nebula-legend-sep{width:1px;height:12px;background:var(--text-muted);opacity:.2}.nebula-tip{text-align:center;font-size:11px;color:var(--text-muted);opacity:.35;margin-top:6px;letter-spacing:.3px}.detail-overlay{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--overlay-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:overlay-in var(--duration-normal) var(--ease-out-expo)}.detail-card{max-width:400px;width:100%;padding:28px 24px;animation:sheet-up var(--duration-slow) var(--spring-bounce);margin-bottom:0;border-radius:var(--radius-xl)}.detail-hook{font-size:18px;font-weight:500;color:var(--text-primary);margin-bottom:14px;line-height:1.5;letter-spacing:.1px}.detail-meta{font-size:12px;color:var(--text-muted);margin-bottom:18px}.detail-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.detail-matrix-cell{padding:12px 10px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;line-height:1.4;text-align:center;letter-spacing:.2px;font-weight:500;word-break:keep-all}.detail-outcome-area{margin-top:4px}.detail-outcome-label{font-size:12px;color:var(--text-muted);margin-bottom:10px;letter-spacing:.2px}.detail-outcome-area .outcome-btn-group{display:flex;gap:8px}.detail-outcome-area .outcome-btn{flex:1;padding:10px 8px;min-height:40px;font-size:13px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center}.detail-outcome-area .outcome-btn-0{color:var(--text-muted)}.detail-outcome-area .outcome-btn-0.active{background:var(--btn-bg);border-color:var(--glass-border-strong);color:var(--text-secondary)}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-card{padding:20px 18px;animation:view-enter var(--duration-normal) var(--ease-out-expo)}.insight-card+.insight-card{margin-top:12px}.insight-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.insight-icon{font-size:14px;line-height:1}.insight-type{font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--color-accent);text-transform:uppercase}.insight-text{font-size:15px;color:var(--text-primary);line-height:1.7;margin-bottom:14px}.insight-confidence{display:flex;align-items:center;gap:10px}.insight-confidence-bar{flex:1;height:3px;border-radius:2px;background:var(--btn-bg);overflow:hidden}.insight-confidence-fill{height:100%;border-radius:2px;background:var(--color-accent);transition:width .6s var(--ease-out-expo)}.insight-confidence-label{font-size:11px;color:var(--text-muted);white-space:nowrap;letter-spacing:.2px}.account-content{display:flex;flex-direction:column;gap:32px;padding-bottom:20px}.account-section{display:flex;flex-direction:column;gap:14px}.account-section-title{font-size:13px;font-weight:600;letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.profile-section{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 0}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border-strong);background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a,inset 0 0 0 1px #ffffff1a;transition:transform var(--duration-fast) var(--spring-bounce)}.avatar-img:active{transform:scale(.96)}.username-display{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:.2px;text-align:center}.avatar-upload-btn{padding:10px 22px;min-height:38px;border:none;color:var(--color-accent);font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);border-radius:var(--radius-pill);-webkit-tap-highlight-color:transparent}.avatar-upload-btn:active{transform:scale(.95);opacity:.7}.theme-switcher{position:relative;display:flex;padding:3px;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--btn-border);border-radius:var(--radius-sm);overflow:hidden}.theme-slider{position:absolute;top:3px;bottom:3px;left:3px;border-radius:calc(var(--radius-sm) - 4px);background:var(--glass-bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff26;transition:transform var(--duration-normal) var(--spring-bounce),width var(--duration-normal) var(--spring-bounce);z-index:0;pointer-events:none}.theme-btn{flex:1;padding:10px;min-height:40px;border:none;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:color var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent;border-radius:calc(var(--radius-sm) - 4px);position:relative;z-index:1}.theme-btn.active{color:var(--text-primary);font-weight:600}.theme-btn:active{opacity:.7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.stat-card{padding:18px 12px;text-align:center;animation:view-enter var(--duration-normal) var(--ease-out-expo)}.stat-value{font-size:34px;font-weight:300;color:var(--text-primary);margin-bottom:6px;letter-spacing:-1px;line-height:1}.stat-label{font-size:11px;color:var(--text-muted);letter-spacing:.5px;font-weight:500;text-transform:uppercase}.account-logout-btn{padding:15px;min-height:50px;border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger);font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm)}.account-logout-btn:active{transform:scale(.97);opacity:.8;box-shadow:inset 0 2px 6px #0000001a}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 140px)}.auth-card{padding:36px 24px;max-width:360px;width:100%;animation:modal-spring .6s var(--spring-bounce);border-radius:var(--radius-xl)}.auth-title{font-size:28px;font-weight:300;letter-spacing:10px;text-align:center;color:var(--text-primary);margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--text-muted);text-align:center;letter-spacing:.5px;margin-bottom:32px;font-weight:400}.auth-input{display:block;width:100%;padding:14px 16px;min-height:50px;margin-bottom:12px;background:var(--btn-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:400;letter-spacing:.2px;outline:none;transition:border-color var(--duration-fast) var(--spring-smooth),box-shadow var(--duration-fast) var(--spring-smooth),background var(--duration-fast) var(--spring-smooth);-webkit-tap-highlight-color:transparent}.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow),0 0 20px var(--color-accent-glow);background:var(--btn-bg-hover)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{font-size:13px;color:var(--color-danger);text-align:center;min-height:20px;margin-bottom:8px}.auth-btn{display:block;width:100%;padding:15px;min-height:50px;margin-bottom:8px;background:var(--btn-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:16px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:all var(--duration-fast) var(--spring-bounce);-webkit-tap-highlight-color:transparent}.auth-btn:active{transform:scale(.97);opacity:.8;box-shadow:inset 0 2px 4px #0000001a}.auth-btn:disabled{opacity:.4;pointer-events:none}.auth-login-btn{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent);font-weight:600}.auth-register-btn{background:transparent;border-color:transparent;color:var(--text-muted);font-weight:400;font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:15px;letter-spacing:.3px;font-weight:400}.cold-start{padding-bottom:30px}.cold-start-progress{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:24px}.cold-start-icon{position:relative;width:48px;height:48px;flex-shrink:0}.cold-start-icon svg{display:block}.cold-start-icon .cold-start-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-accent);letter-spacing:-.3px}.cold-start-text{font-size:14px;color:var(--text-secondary);line-height:1.5;letter-spacing:.1px}.cold-start-text strong{color:var(--color-accent);font-weight:700}.cold-start-section{margin-bottom:24px}.cold-start-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px;letter-spacing:.1px}.cold-start-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:14px;letter-spacing:.2px}.cold-start-dims{display:flex;flex-direction:column;gap:10px}.cold-start-dim{padding:14px 16px}.cold-start-dim-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.cold-start-dim-choices{display:flex;gap:8px;flex-wrap:wrap}.cold-start-choice{font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);font-weight:500;letter-spacing:.1px}.cold-start-choice.choice-0{background:#5899f526;color:var(--color-safe)}.cold-start-choice.choice-1{background:#a0a0b826;color:var(--color-neutral)}.cold-start-choice.choice-2{background:#e0785026;color:var(--color-risky)}.cold-start-insights{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cold-start-insight{padding:12px}.cold-start-insight .insight-type{margin-bottom:4px;font-size:10px;letter-spacing:.6px}.cold-start-insight-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.cold-start-tips{padding:16px}.cold-start-tip{font-size:13px;color:var(--text-secondary);line-height:1.6;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:.1px}.cold-start-tip:last-child{border-bottom:none}.cold-start-tip:before{content:"·";margin-right:8px;color:var(--color-accent);font-weight:700}.scroll-fade{position:relative}.scroll-fade:after{content:"";position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--bg-deep));pointer-events:none;z-index:10;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.orb{display:none}}.capture-mode #app{padding-top:12px;padding-bottom:20px}.capture-mode .record-header{display:none}.capture-mode .record-layout{min-height:auto}.capture-mode .nav-bar{display:none}