:root{--glass: rgba(250, 243, 224, .86);--glass-strong: rgba(253, 247, 232, .96);--glass-hover: rgba(255, 250, 236, .94);--glass-border: rgba(117, 86, 22, .28);--glass-shadow: 0 10px 28px rgba(48, 33, 12, .16), 0 2px 6px rgba(48, 33, 12, .1);--glass-shadow-lift: 0 18px 44px rgba(48, 33, 12, .22);--blur: 8px;--ink: #2a2013;--ink-muted: #7a6748;--hairline: rgba(42, 32, 19, .18);--accent-1: #d7ad3c;--accent-2: #93701a;--accent-solid: #a17c22;--accent-grad: linear-gradient(135deg, #e6c458 0%, #b6902c 55%, #7c5d15 100%);--accent-glow: rgba(196, 152, 43, .45);--on-accent: #2a1c09;--danger-rgb: 138, 50, 38;--danger: #8a3226;--danger-grad: linear-gradient(135deg, #ac5240 0%, #7a281c 100%);--success: #3f5c3f;--blob-1: rgba(201, 162, 39, .28);--blob-2: rgba(138, 50, 38, .14);--blob-3: rgba(122, 95, 26, .18);--blob-4: rgba(69, 48, 22, .16);--bg-base: #e7dabb;--radius: 18px;--radius-sm: 12px;--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Lora", Georgia, "Times New Roman", serif;font-family:var(--font-body);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--glass: rgba(51, 40, 27, .66);--glass-strong: rgba(63, 49, 34, .8);--glass-hover: rgba(73, 57, 40, .74);--glass-border: rgba(212, 175, 55, .24);--glass-shadow: 0 12px 34px rgba(0, 0, 0, .5);--glass-shadow-lift: 0 20px 52px rgba(0, 0, 0, .6);--ink: #ecdfc0;--ink-muted: #b3a077;--hairline: rgba(236, 223, 192, .14);--accent-1: #e6c458;--accent-2: #ad8620;--accent-solid: #d4af37;--accent-grad: linear-gradient(135deg, #f0d374 0%, #c99a34 55%, #8a6816 100%);--accent-glow: rgba(224, 184, 61, .35);--on-accent: #241a08;--danger-rgb: 184, 84, 63;--danger: #b8543f;--danger-grad: linear-gradient(135deg, #c5624b 0%, #8a3526 100%);--success: #6b9070;--blob-1: rgba(224, 184, 61, .18);--blob-2: rgba(138, 53, 38, .15);--blob-3: rgba(147, 112, 26, .14);--blob-4: rgba(90, 60, 30, .16);--bg-base: #16110a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#root{background:transparent}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;background:radial-gradient(38vmax 38vmax at 15% 20%,var(--blob-1),transparent 60%),radial-gradient(42vmax 42vmax at 85% 15%,var(--blob-2),transparent 60%),radial-gradient(36vmax 36vmax at 75% 85%,var(--blob-3),transparent 60%),radial-gradient(34vmax 34vmax at 20% 80%,var(--blob-4),transparent 60%);filter:blur(34px);animation:lamplight 30s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(42,32,19,.025) 0px,transparent 1px,transparent 2px),radial-gradient(130% 130% at 50% 8%,transparent 55%,rgba(20,14,6,.16) 100%)}@keyframes lamplight{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}to{transform:translate3d(-2%,2%,0) scale(1.03)}}button{font-family:inherit}h1{font-family:var(--font-display)}.glass,.space-card,.record-card,.ask-answer,.understanding-toast,.capture-caption,.copy-button.with-label,.text-button,.icon-back-button,.category-chip,.form-screen input[type=text],.form-screen input[type=tel],.form-screen input[type=password],.form-screen textarea,.ask-input-row input{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);border:1px solid var(--glass-border)}.primary-button{padding:15px;border-radius:var(--radius-sm);border:none;background:var(--accent-grad);color:var(--on-accent);font-family:var(--font-body);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;box-shadow:0 8px 22px var(--accent-glow),inset 0 1px #ffffff59;transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px var(--accent-glow),inset 0 1px #fff6}.primary-button:active{transform:translateY(0) scale(.98)}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.text-button{padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;color:var(--ink);text-decoration:none;transition:background .18s var(--ease),transform .18s var(--ease),color .18s var(--ease)}.text-button:hover{background:var(--glass-hover);transform:translateY(-1px)}.text-button:active{transform:scale(.97)}.retry-link{background:none;border:none;color:var(--danger);text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.danger-text{color:var(--danger);border-color:transparent;background:transparent}.danger-text:hover{background:rgba(var(--danger-rgb),.1)}.danger-solid{background:var(--danger-grad);color:#f6ecdd;border:none;box-shadow:0 8px 20px rgba(var(--danger-rgb),.35)}.delete-confirm{display:inline-flex;gap:8px;animation:pop-in .2s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.form-screen{max-width:460px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;gap:20px;animation:fade-up .5s var(--ease)}.form-header{display:flex;align-items:center;gap:14px}.form-header h1{margin:0}.icon-back-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;box-shadow:var(--glass-shadow);transition:transform .18s var(--ease),background .18s var(--ease);flex-shrink:0}.icon-back-button:hover{background:var(--glass-hover);transform:translate(-2px)}.icon-back-button:active{transform:scale(.92)}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.field-label-row label{margin-bottom:0}.voice-input-button{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:var(--on-accent);background:var(--accent-grad);cursor:pointer;flex-shrink:0;box-shadow:0 4px 12px var(--accent-glow),inset 0 1px #ffffff59;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.voice-input-button svg{width:15px;height:15px}.voice-input-button:hover{transform:translateY(-1px) scale(1.04)}.voice-input-button:active{transform:scale(.92)}.voice-input-button:disabled{cursor:not-allowed;opacity:.75}.voice-input-button.recording{background:var(--danger-grad);box-shadow:0 4px 12px rgba(var(--danger-rgb),.45);animation:mic-recording 1.4s ease-in-out infinite}.voice-input-button.error{background:var(--danger-grad)}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(246,236,221,.4);border-top-color:#f6ecdd;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-screen h1{font-size:clamp(26px,8vw,34px);letter-spacing:-.01em;font-weight:700;margin:0}.brand-hero{font-family:var(--font-display);font-size:clamp(34px,12vw,52px)!important;font-weight:800;font-style:italic;text-align:center;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.privacy-note{text-align:center;font-size:15px;line-height:1.6;color:var(--ink-muted);font-style:italic;max-width:38ch;margin:0 auto}.privacy-note strong{color:var(--ink);font-weight:700;font-style:normal}.account-hero{text-align:center;padding:28px 20px;border-radius:var(--radius);box-shadow:var(--glass-shadow);background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);border:1px solid var(--glass-border)}.account-hero-value{font-family:var(--font-display);font-size:clamp(40px,14vw,56px);font-weight:800;line-height:1;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-hero-label{margin-top:8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.form-screen label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.form-screen input[type=text],.form-screen input[type=tel],.form-screen input[type=password],.form-screen textarea,.ask-input-row input{width:100%;padding:14px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:16px;color:var(--ink);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.form-screen input::placeholder,.ask-input-row input::placeholder{color:var(--ink-muted)}.form-screen input:focus,.form-screen textarea:focus,.ask-input-row input:focus{outline:none;border-color:var(--accent-solid);box-shadow:0 0 0 4px var(--accent-glow)}.category-options{display:flex;flex-wrap:wrap;gap:8px}.category-chip{padding:9px 15px;border-radius:999px;cursor:pointer;font-size:14px;color:var(--ink);transition:transform .16s var(--ease),background .16s var(--ease)}.category-chip:hover{transform:translateY(-1px)}.category-chip.selected{background:var(--accent-grad);color:var(--on-accent);border-color:transparent;font-weight:600;box-shadow:0 6px 16px var(--accent-glow)}.home-screen{max-width:620px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) clamp(14px,4vw,22px) 190px}.home-header{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 16px;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}.home-header-actions,.home-brand{display:flex;align-items:center;gap:8px}.home-logo{font-family:var(--font-display);font-size:clamp(22px,6vw,28px);margin:0;letter-spacing:-.01em;font-weight:700;font-style:italic;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.space-list{display:flex;flex-direction:column;gap:14px}.space-card{border-radius:var(--radius);padding:clamp(16px,4vw,20px);cursor:pointer;box-shadow:var(--glass-shadow);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease);animation:fade-up .5s var(--ease) both}.space-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-lift);background:var(--glass-hover)}.space-card.active{border-color:#c4982ba6;box-shadow:0 12px 36px var(--accent-glow)}.space-card:nth-child(1){animation-delay:.02s}.space-card:nth-child(2){animation-delay:.08s}.space-card:nth-child(3){animation-delay:.14s}.space-card:nth-child(4){animation-delay:.2s}.space-card:nth-child(n+5){animation-delay:.24s}.space-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.space-card-title{font-family:var(--font-display);font-weight:700;font-size:clamp(16px,4.4vw,18px);display:flex;align-items:center;gap:9px;letter-spacing:-.005em}.active-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-grad);flex-shrink:0;box-shadow:0 0 10px var(--accent-glow);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.82)}}.space-card-stats{font-size:13px;color:var(--ink-muted);margin-top:3px}.space-card-chevron{color:var(--ink-muted);font-size:13px;transition:transform .2s var(--ease)}.space-card-body{margin-top:14px;padding-top:6px;border-top:1px solid var(--hairline);cursor:default;animation:fade-up .35s var(--ease)}.space-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:4px 0 8px;flex-wrap:wrap}.tab-toggle{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);border:1px solid var(--glass-border);margin-bottom:16px}.tab-toggle-btn{flex:1;border:none;background:none;padding:9px 0;border-radius:999px;font-family:var(--font-body);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.tab-toggle-btn:hover{color:var(--ink)}.tab-toggle-btn.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 6px 16px var(--accent-glow)}.tab-panel{animation:fade-up .3s var(--ease)}.record-card{position:relative;border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;box-shadow:var(--glass-shadow)}.record-card-copy{position:absolute;top:8px;right:8px}.record-card .field-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:5px 0}.record-card .field-row:first-of-type{padding-right:30px}.record-card .field-name{color:var(--ink-muted);flex-shrink:0}.record-timestamp{margin-top:8px;padding-top:8px;border-top:1px solid var(--hairline);font-size:11.5px;font-style:italic;color:var(--ink-muted);letter-spacing:.01em}.note-card-text{margin:0;padding-right:26px;font-size:14.5px;line-height:1.55;white-space:pre-wrap}.note-card-pending{color:var(--ink-muted);font-style:italic}.note-card-error{color:var(--danger);font-style:italic}.section-title{font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin:22px 0 12px;font-weight:600;border-bottom:1px solid var(--hairline);padding-bottom:6px}.copy-button{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:10px;border:none;background:none;color:var(--ink-muted);cursor:pointer;font-size:13px;transition:color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}.copy-button:hover{color:var(--ink);background:var(--glass-hover)}.copy-button:active{transform:scale(.92)}.copy-button.with-label{padding:10px 14px;border-radius:12px;color:var(--ink)}.ask-panel{margin-top:26px;border-top:1px solid var(--hairline);padding-top:18px}.ask-input-row{display:flex;gap:8px}.ask-answer{margin-top:14px;padding:16px;border-radius:var(--radius-sm);box-shadow:var(--glass-shadow);font-size:14px;line-height:1.6;font-style:italic;animation:fade-up .35s var(--ease)}.empty-state{color:var(--ink-muted);font-size:14px;font-style:italic}.capture-bar{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 20px calc(26px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-base) 8%,transparent);pointer-events:none;z-index:10}.capture-bar>*{pointer-events:auto}.capture-caption{font-size:13px;font-style:italic;color:var(--ink-muted);display:flex;align-items:center;gap:6px;min-height:20px;padding:7px 15px;border-radius:999px;box-shadow:var(--glass-shadow);animation:fade-up .3s var(--ease)}.capture-caption strong{color:var(--ink);font-weight:650;font-style:normal}.recording-caption{color:var(--danger);border-color:rgba(var(--danger-rgb),.4)}.success-caption{color:var(--success)}.error-caption{color:var(--danger)}.understanding-toast{font-size:13px;font-style:italic;color:var(--ink);border-radius:999px;padding:9px 18px;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--glass-shadow-lift);animation:toast-in .3s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mic-button{position:relative;width:clamp(76px,22vw,92px);height:clamp(76px,22vw,92px);border-radius:50%;border:none;background:radial-gradient(circle at 32% 26%,rgba(255,250,230,.65),transparent 45%),var(--accent-grad);color:var(--on-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px var(--accent-glow),inset 0 2px 3px #ffffff8c,inset 0 -4px 8px #0000004d;transition:transform .2s var(--ease),box-shadow .2s var(--ease);animation:mic-idle 3.4s ease-in-out infinite}.mic-button:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:var(--accent-grad);opacity:.22;z-index:-1;filter:blur(12px);animation:mic-halo 3.4s ease-in-out infinite}@keyframes mic-idle{0%,to{box-shadow:0 12px 30px var(--accent-glow),inset 0 2px 3px #ffffff8c,inset 0 -4px 8px #0000004d}50%{box-shadow:0 16px 38px var(--accent-glow),inset 0 2px 3px #ffffff8c,inset 0 -4px 8px #0000004d}}@keyframes mic-halo{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.38;transform:scale(1.12)}}.mic-button:hover{transform:translateY(-2px) scale(1.03)}.mic-button:active{transform:scale(.94)}.mic-button:disabled{opacity:.55;cursor:not-allowed;animation:none}.mic-button:disabled:before{animation:none;opacity:.1}.mic-button.recording{background:radial-gradient(circle at 32% 26%,rgba(255,235,225,.5),transparent 45%),var(--danger-grad);animation:mic-recording 1.4s ease-in-out infinite}.mic-button.recording:before{background:var(--danger-grad);animation:mic-rec-halo 1.4s ease-in-out infinite}@keyframes mic-recording{0%,to{box-shadow:0 12px 30px rgba(var(--danger-rgb),.5),inset 0 2px 3px #fff6,inset 0 -4px 8px #0000004d;transform:scale(1)}50%{box-shadow:0 18px 42px rgba(var(--danger-rgb),.65),inset 0 2px 3px #fff6,inset 0 -4px 8px #0000004d;transform:scale(1.05)}}@keyframes mic-rec-halo{0%,to{opacity:.32;transform:scale(1.05)}50%{opacity:.55;transform:scale(1.28)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,body:before,.mic-button,.mic-button:before,.active-dot{animation:none!important;transition-duration:.01ms!important}}@media (min-width: 720px){.capture-bar{padding-bottom:calc(34px + env(safe-area-inset-bottom))}}