.top-header{position:fixed;top:0;left:0;right:0;z-index:35;width:100%;height:var(--header-height);padding-top:var(--sat);background:#f8fafcd1;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-bottom:1px solid var(--border);display:flex;align-items:center;box-sizing:border-box;transition:background-color .25s ease,border-color .25s ease}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.brand-badge{display:grid;place-items:center;width:44px;height:44px;text-decoration:none;color:var(--text-main);-webkit-user-select:none;user-select:none}.brand-icon{width:38px;height:38px;display:block;object-fit:contain;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.brand-badge:hover .brand-icon{transform:scale(1.05)}.icon-button{width:40px;height:40px;border-radius:var(--radius);display:grid;place-items:center;background:var(--card-pill-bg);border:1px solid var(--border);color:var(--text-main);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.icon-button:hover{background:var(--glass-bg-hover);border-color:var(--border-accent);transform:scale(1.05)}.icon-button:active{transform:scale(.95)}[data-theme=dark] .top-header{background:#090d16c7}@media(max-width:600px){.brand-icon{width:34px;height:34px}.icon-button{width:36px;height:36px}}.ambient-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.liquid-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.24}.orb-1{width:520px;height:520px;background:radial-gradient(circle,#818cf8 0%,#c7d2fe 60%,transparent 100%);top:-140px;left:-120px}.orb-2{width:440px;height:440px;background:radial-gradient(circle,#fbcfe8 0%,#fed7aa 60%,transparent 100%);top:30%;right:-140px}.orb-3{width:500px;height:500px;background:radial-gradient(circle,#99f6e4 0%,#a7f3d0 60%,transparent 100%);bottom:-160px;left:10%}.orb-4{width:360px;height:360px;background:radial-gradient(circle,#ddd6fe 0%,#e0e7ff 60%,transparent 100%);top:55%;left:40%}.liquid-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-theme=dark] .liquid-orb{opacity:.2}[data-theme=dark] .orb-1{background:radial-gradient(circle,#4f46e5 0%,#312e81 70%,transparent 100%)}[data-theme=dark] .orb-2{background:radial-gradient(circle,#831843 0%,#4c0519 70%,transparent 100%)}[data-theme=dark] .orb-3{background:radial-gradient(circle,#134e4a 0%,#064e3b 70%,transparent 100%)}[data-theme=dark] .orb-4{background:radial-gradient(circle,#312e81 0%,#1e1b4b 70%,transparent 100%)}.dock-container{position:fixed;bottom:calc(14px + var(--sab));left:0;right:0;z-index:40;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.floating-dock{pointer-events:auto;background:#ffffffe0;backdrop-filter:blur(32px) saturate(210%);-webkit-backdrop-filter:blur(32px) saturate(210%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:6px 10px;display:flex;align-items:center;gap:6px;max-width:420px;width:100%}.dock-item{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:var(--radius);color:var(--text-secondary);font-size:11px;font-weight:600;gap:3px}.dock-item:hover{color:var(--text-main);background:var(--card-pill-bg)}.dock-item.active{color:var(--accent-primary);background:var(--dock-active-bg);border:1px solid var(--border-accent)}.dock-item.active svg{transform:scale(1.15);color:var(--accent-primary)}.dock-icon{position:relative;display:inline-flex}.dock-alert-badge{position:absolute;top:-3px;right:-5px;width:10px;height:10px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 0 2px #fff}@media(min-width:768px){.dock-container{bottom:24px}.floating-dock{max-width:480px;padding:8px 14px}.dock-item{font-size:12px;padding:10px 8px}}[data-theme=dark] .floating-dock{background:#0f172ac7}[data-theme=dark] .dock-alert-badge{box-shadow:0 0 0 2px #172033}@media(max-width:600px){.dock-container{bottom:calc(12px + var(--sab));padding-inline:12px}.floating-dock{gap:2px;padding:4px 6px}.dock-item{min-width:0;gap:2px;padding:5px 2px;font-size:10px;line-height:1.2}.dock-icon svg{width:20px;height:20px}}.diary-stream{display:flex;flex-direction:column;gap:16px;margin-top:16px}.notes-feed{display:flex;flex-direction:column;gap:16px;margin-top:0}.notes-message{margin:0;padding:16px;color:var(--text-secondary)}.notes-message button{display:block;margin-top:8px;color:var(--accent-primary);font-weight:600}@media(max-width:600px){.diary-stream,.notes-feed{gap:12px}.diary-stream{margin-top:12px}}.mood-disc{position:relative;width:var(--mood-disc-size, 46px);height:var(--mood-disc-size, 46px);flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#ffffff47,#fff0 70%),var(--disc-color, var(--mood-color, var(--accent-primary)));color:#fff;box-shadow:0 4px 12px #0000001a,inset 0 1px 1.5px #ffffff73}.moods-wrap .mood-disc,.day-pill{--picker-tint: var(--mood-color, var(--accent-primary));position:relative;width:var(--mood-disc-size, 46px);height:var(--mood-disc-size, 46px);flex:none;border-radius:50%;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.45),transparent 70%),var(--picker-surface, color-mix(in srgb, var(--picker-tint) 15%, var(--glass-bg-hover)));border:1px solid var(--picker-stroke, color-mix(in srgb, var(--picker-tint) 32%, var(--border)));color:var(--picker-tint);box-shadow:0 2px 7px #0f172a14,inset 0 1px 1px #ffffff73;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease}[data-theme=dark] .moods-wrap .mood-disc,[data-theme=dark] .day-pill{background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.12),transparent 70%),var(--picker-surface, color-mix(in srgb, var(--picker-tint) 20%, var(--glass-bg-hover)));box-shadow:0 2px 7px #0003,inset 0 1px 1px #ffffff14}.mood-item:hover .mood-disc,.day-pill:hover:not(:disabled):not(.active){transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px color-mix(in srgb,var(--picker-tint) 18%,transparent)}.mood-item:active .mood-disc,.day-pill:active:not(:disabled):not(.active){transform:scale(.96);transition-duration:.1s}.mood-item.selected .mood-disc,.day-pill.active,.day-pill.active:active:not(:disabled){transform:scale(1.08);background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.3),transparent 70%),var( --picker-selected-fill, linear-gradient(145deg, color-mix(in srgb, var(--picker-tint) 74%, white), var(--picker-tint)) );border-color:transparent;color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--picker-tint) 26%,transparent)}.mood-item:focus-visible .mood-disc,.day-pill:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-primary),0 5px 14px color-mix(in srgb,var(--picker-tint) 26%,transparent)}.calendar-card{--mood-disc-size: 52px;padding:16px 16px 18px;margin:0;display:flex;flex-direction:column;gap:14px;border-radius:var(--radius)}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-title-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.calendar-icon-chip{width:34px;height:34px;border-radius:var(--radius);background:var(--dock-active-bg);border:1px solid var(--border-accent);display:grid;place-items:center;flex-shrink:0}.calendar-month{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--text-main);white-space:nowrap;line-height:1.2}.calendar-week-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:700;color:var(--accent-primary);background:var(--dock-active-bg);border:1px solid var(--border-accent);letter-spacing:.1px;white-space:nowrap}.calendar-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.calendar-today-btn{height:32px;padding:0 11px;border-radius:9999px;font-size:12px;font-weight:700;background:var(--dock-active-bg);border:1px solid var(--border-accent);color:var(--accent-primary);display:inline-flex;align-items:center;gap:5px}.calendar-today-btn:hover{background:var(--dock-active-bg);border-color:var(--border-accent)}.calendar-nav-segment{display:flex;align-items:center;height:32px;background:var(--card-pill-bg);border:1px solid var(--border);border-radius:9999px;padding:2px}.calendar-nav-btn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--text-secondary);cursor:pointer}.calendar-nav-btn:hover:not(:disabled){background:var(--glass-bg-hover);color:var(--text-main)}.calendar-nav-sep{width:1px;height:14px;background:var(--border);margin:0 1px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;justify-items:center}.day-pill{--picker-tint: var(--color-brand);--picker-surface: var(--glass-bg);--picker-stroke: var(--border);--picker-selected-fill: var(--grad-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 3px;width:min(100%,var(--mood-disc-size));height:auto;aspect-ratio:1;cursor:pointer}.day-pill .weekday{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);line-height:1}.day-pill.weekend .weekday{color:var(--color-weekend);opacity:.85}.day-pill .daynum{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--text-main);line-height:1.1;margin:0}.day-status-slot{height:4px;display:flex;align-items:center;justify-content:center;width:100%}.day-dot-indicator{width:4px;height:4px;border-radius:50%;background:var(--indicator-dot);display:block;flex-shrink:0}.day-today-indicator{width:4px;height:4px;border-radius:50%;background:var(--accent-primary);display:block;flex-shrink:0}.day-empty-indicator{width:4px;height:4px;visibility:hidden;display:block;flex-shrink:0}.day-pill.today{--picker-tint: var(--color-brand)}.day-pill.today .weekday,.day-pill.today .daynum{color:var(--accent-primary)}.day-pill.active{--picker-tint: var(--color-brand)}.day-pill.active .weekday{color:#ffffffe0}.day-pill.active .daynum{color:#fff}.day-pill.active .day-dot-indicator,.day-pill.active .day-today-indicator{background:#fff}.day-pill.future{opacity:.38;cursor:not-allowed}@media(max-width:680px){.calendar-card{--mood-disc-size: 44px}}@media(max-width:600px){.calendar-card{--mood-disc-size: 40px;padding:12px;gap:10px}.calendar-header{gap:8px}.calendar-title-wrap{gap:5px}.calendar-icon-chip{width:30px;height:30px}.calendar-month{font-size:14px}.calendar-week-badge{font-size:10px;padding:2px 6px}.calendar-header-actions{gap:4px}.calendar-today-btn{width:30px;height:30px;padding:0;justify-content:center}.calendar-today-btn span{display:none}.calendar-nav-segment{height:30px}.calendar-nav-btn{width:26px;height:26px}.week-grid{gap:4px}.day-pill{gap:1px;padding:3px 1px}.day-pill .weekday{font-size:9px;letter-spacing:0}.day-pill .daynum{font-size:14px}}@media(max-width:360px){.calendar-card{--mood-disc-size: 35px}.day-pill{gap:0;padding:1px}.day-pill .weekday{font-size:8px}.day-pill .daynum{font-size:13px}.day-status-slot{height:3px}}.form-toggle-btn{width:100%;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--text-main);font-size:16px;font-weight:700}.form-toggle-left{display:flex;align-items:center;gap:12px}.form-toggle-icon{width:34px;height:34px;border-radius:var(--radius);background:var(--dock-active-bg);border:1px solid var(--border-accent);color:var(--accent-primary);display:grid;place-items:center}.form-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--border)}.time-place-row{--time-place-height: 54px;display:flex;align-items:stretch;gap:12px}.time-place-row>.glass-field input{height:var(--time-place-height);min-width:0}.glass-field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.field-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;line-height:1.35}.field-char-count{font-size:12px;color:var(--text-secondary)}.image-previews{display:flex;flex-wrap:wrap;gap:10px}.image-add{display:grid;place-items:center;width:100%;min-height:64px;border:1px dashed var(--border-accent);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer}.image-add--small{width:88px;min-height:88px;font-size:28px}.image-add:hover{background:var(--card-pill-bg)}.image-add input{position:absolute;width:1px;height:1px;opacity:0}.image-add:focus-within{outline:2px solid var(--accent-primary)}.image-preview{position:relative;width:88px;height:88px;border-radius:var(--radius);overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview span{position:absolute;inset:auto 0 0;padding:4px;background:#0009;color:#fff;font-size:11px;text-align:center}.image-preview button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#000000a6;color:#fff;cursor:pointer}.image-remove svg{display:block}.image-error{margin:6px 0 0;color:var(--color-danger);font-size:13px}.primary-btn{width:100%;height:50px;border-radius:var(--radius);background:linear-gradient(135deg,#6366f1,#8b5cf6 48%,#7c3aed);background-size:200% 200%;background-position:0% 50%;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #6366f152,inset 0 1px 1.5px #ffffff73;position:relative;overflow:hidden;cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,background-position .5s ease}[data-theme=dark] .primary-btn{background:linear-gradient(135deg,#6366f1,#818cf8 48%,#7c3aed);box-shadow:0 4px 18px #6366f173,inset 0 1px 1px #fff3}.primary-btn>*{position:relative;z-index:1}.primary-btn svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease}.primary-btn:before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%);transform:skew(-22deg);transition:left .75s ease;pointer-events:none;z-index:2}.primary-btn:hover:not(:disabled){transform:translateY(-2px);background-position:100% 50%;box-shadow:0 8px 26px #6366f17a,inset 0 1px 2px #fff9}.primary-btn:hover:not(:disabled):before{left:150%}.primary-btn:hover:not(:disabled) svg{transform:scale(1.22) rotate(12deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.65))}.primary-btn:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 3px 12px #6366f159,inset 0 1px 1px #00000026;transition-duration:.1s}.primary-btn:disabled{background:var(--card-pill-bg);box-shadow:none;color:var(--text-secondary);cursor:not-allowed;transform:none}@media(max-width:600px){.form-toggle-btn{padding:12px 14px;font-size:15px}.form-toggle-left{gap:9px}.form-toggle-icon{width:30px;height:30px;flex:none}.form-body{padding:14px 12px 16px;gap:14px}.time-place-row{--time-place-height: 46px;gap:8px}.time-place-row>.glass-field input{padding-inline:10px;font-size:16px}.field-label{font-size:13px}}.segmented-control{display:inline-flex;align-items:stretch;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--segmented-bg)}.segmented-control--full{display:flex;width:100%}.segmented-control__option{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 10px;border-radius:calc(var(--radius) - 4px);color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap}.segmented-control--small .segmented-control__option{min-height:30px}.segmented-control--large .segmented-control__option{min-height:36px;padding-inline:12px}.segmented-control--full .segmented-control__option{flex:1 1 0}.segmented-control__option.active{background:var(--segment-active-bg, var(--glass-bg-hover));color:var(--segment-active-text, var(--text-main));box-shadow:var(--shadow)}.segmented-control__option svg{flex:none}.segmented-control--meals .segmented-control__option{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease}.segmented-control--meals .segmented-control__option.active{background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.28),transparent 72%),var(--segment-active-bg);box-shadow:0 4px 13px color-mix(in srgb,var(--segment-accent) 27%,transparent),inset 0 1px 1px #ffffff59}.segmented-control--meals .segmented-control__option:hover:not(.active){background:color-mix(in srgb,var(--segment-accent) 8%,var(--glass-bg-hover));color:var(--text-main)}.segmented-control--meals .segmented-control__option.active:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--segment-accent) 32%,transparent),inset 0 1px 1px #ffffff59}.segmented-control--meals .segmented-control__option:active{transform:scale(.97)}@media(max-width:600px){.segmented-control--meals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px}.segmented-control--meals .segmented-control__option{flex-direction:column;gap:2px;min-height:48px;padding:4px 1px;font-size:11px}.segmented-control--meals .segmented-control__option svg{width:18px;height:18px}}.state-box{background:linear-gradient(180deg,color-mix(in srgb,var(--state-color) 4%,var(--state-box-bg)),var(--state-box-bg) 40%);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 14px;position:relative;display:flex;flex-direction:column;gap:14px;overflow:hidden}.state-badge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.state-title-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--state-tag-color) 76%,#0f172a);background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.55),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--state-tag-color) 18%,white),color-mix(in srgb,var(--state-tag-color) 11%,white));border:1px solid color-mix(in srgb,var(--state-tag-color) 25%,white);box-shadow:0 2px 7px color-mix(in srgb,var(--state-tag-color) 10%,transparent)}[data-theme=dark] .state-title-tag{color:color-mix(in srgb,var(--state-tag-color) 68%,white);background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.1),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--state-tag-color) 22%,#1e293b),color-mix(in srgb,var(--state-tag-color) 12%,#1e293b));border-color:color-mix(in srgb,var(--state-tag-color) 35%,#1e293b);box-shadow:0 2px 7px #0000001f}.mood-current-badge{font-size:14px;font-weight:700;line-height:1.35;transition:color .2s ease}@media(max-width:600px){.state-box{padding:12px;gap:10px}.state-badge-header{margin-bottom:0}.state-title-tag{padding:3px 10px;font-size:12px}.mood-current-badge{font-size:12px}}.moods-wrap{--mood-disc-size: 52px;display:flex;align-items:center;gap:10px;max-width:100%;padding:8px 4px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--border-accent) transparent;scroll-snap-type:x proximity;scroll-padding-inline:4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mood-card,.mood-item{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 4px 4px;background:transparent;border:none;outline:none;box-shadow:none;border-radius:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .25s ease,transform .2s ease}.mood-card:focus-visible,.mood-item:focus-visible{outline:none}.mood-card.selected,.mood-item.selected{background:transparent;border:none}.mood-check{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--mood-color, #10b981);display:grid;place-items:center;box-shadow:0 2px 6px #00000024;animation:moodCheckPop .25s cubic-bezier(.175,.885,.32,1.275);z-index:2}@keyframes moodCheckPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.mood-name{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap;letter-spacing:-.01em;line-height:1.2;transition:color .2s ease,font-weight .2s ease}.mood-card.selected .mood-name,.mood-item.selected .mood-name{color:var(--text-main);font-weight:700}@media(min-width:681px){.moods-wrap{justify-content:space-between;margin:0;padding:8px 2px 10px;gap:8px;overflow-x:visible}.mood-card,.mood-item{flex:1 1 0;min-width:64px;padding:6px 2px 4px}}@media(min-width:601px){.mood-name{font-size:11px}}@media(max-width:680px){.moods-wrap{--mood-disc-size: 44px;justify-content:flex-start;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;margin:0;padding:6px 4px 8px}.moods-wrap::-webkit-scrollbar{height:4px}.mood-card,.mood-item{flex:0 0 64px;width:64px;gap:8px;padding:2px 0 4px;scroll-snap-align:start}.mood-disc>svg{width:21px;height:21px}.mood-name{display:block;font-size:11px}}@media(max-width:600px){.moods-wrap{--mood-disc-size: 40px}}@media(max-width:360px){.moods-wrap{--mood-disc-size: 35px}}.satiety-container{display:grid;gap:8px}.satiety-info{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;line-height:1.35;color:var(--text-secondary)}.satiety-info strong{color:var(--sat-color);transition:color .25s ease}.satiety-track{--gap: 5px;position:relative;display:flex;align-items:center;height:38px;cursor:pointer}.satiety-segments{position:absolute;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:var(--gap);pointer-events:none}.satiety-segments span{height:8px;border-radius:4px;background:var(--progress-track-bg);transition:background .25s ease}.satiety-segments span.active{background:var(--segment-color)}.satiety-thumb{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;border:2px solid #ffffff;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.3),transparent 70%),linear-gradient(145deg,color-mix(in srgb,var(--sat-color) 74%,white),var(--sat-color));box-shadow:0 5px 14px color-mix(in srgb,var(--sat-color) 26%,transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:2;transition:left .32s cubic-bezier(.22,.61,.36,1),background .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .satiety-thumb{border-color:#1e293b}.satiety-track:hover .satiety-thumb{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 16px color-mix(in srgb,var(--sat-color) 30%,transparent)}.satiety-track:active .satiety-thumb{transform:translate(-50%,-50%) scale(.96);transition-duration:.1s}.satiety-track input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;z-index:3;opacity:0}.satiety-track input[type=range]:focus-visible~.satiety-thumb{outline:2px solid var(--accent-primary);outline-offset:3px}@media(max-width:600px){.satiety-info{font-size:12px}.satiety-track{height:32px}.satiety-thumb{width:24px;height:24px}}.time-box{width:110px;height:var(--time-place-height);flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text-main);font-size:16px;font-weight:700;white-space:nowrap}@media(max-width:600px){.time-box{width:94px;gap:6px;padding-inline:8px;font-size:14px}.time-box-icon{width:18px;height:18px}}.time-box-icon{flex:none;color:var(--accent-primary)}.time-box:hover{border-color:var(--border-accent);background:var(--glass-bg-hover)}.time-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f172a6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.time-picker-panel{width:min(100%,380px);max-height:calc(100dvh - 20px);overflow-y:auto;padding:22px;border:1px solid var(--border);border-radius:24px;background:var(--glass-bg-hover);box-shadow:0 24px 70px #0f172a40;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);outline:none}.time-picker-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.time-picker-header h2{color:var(--text-main);font-size:18px;font-weight:700}.time-picker-close{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--segmented-bg);color:var(--text-secondary)}.time-picker-digits{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0}.time-picker-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.time-picker-unit-label{color:var(--text-secondary);font-size:13px;font-weight:600}.time-picker-step{width:76px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--segmented-bg);color:var(--text-secondary)}.time-picker-step:hover,.time-picker-close:hover{background:var(--dock-active-bg);color:var(--accent-primary)}.time-picker-unit input{width:76px;height:64px;padding:0 4px;border:1px solid var(--border-accent);border-radius:16px;background:var(--input-bg);color:var(--text-main);font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.time-picker-colon{align-self:center;margin-top:18px;color:var(--accent-primary);font-size:32px;font-weight:700}.time-picker-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.time-picker-shortcuts button{min-height:36px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--input-bg);color:var(--text-secondary);font-size:12px;font-weight:600}.time-picker-shortcuts button:hover{border-color:var(--border-accent);color:var(--accent-primary)}.time-picker-apply{width:100%;height:48px;border-radius:var(--radius);background:var(--grad-primary);color:#fff;font-size:15px;font-weight:700}@media(max-width:520px){.time-picker-backdrop{align-items:end;padding:0}.time-picker-panel{width:100%;padding:24px 24px calc(24px + var(--sab));border-radius:24px 24px 0 0}}.note-glass-card{padding:22px 24px;border-radius:24px;display:flex;flex-direction:column;gap:16px;background:var(--glass-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease}.note-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.note-image-button{width:100%;padding:0;line-height:0;cursor:zoom-in}.note-image-button img{width:100%;max-height:280px;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px}.note-image-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;margin:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:14px;background:transparent;overflow:visible}.note-image-dialog::backdrop{background:#000000d9}.note-image-dialog img{display:block;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:14px;object-fit:contain}.note-image-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;background:#000000b3;color:#fff}.note-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-meal-tag{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:9999px;font-size:14px;font-weight:700;letter-spacing:-.2px;color:#fff;background:var(--meal-grad);box-shadow:0 2px 8px #00000014;-webkit-user-select:none;user-select:none}.note-time-delete{display:flex;align-items:center;gap:8px}.note-time-badge{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13.5px;font-weight:600;color:var(--text-secondary);background:var(--card-pill-bg);border-radius:9999px;border:1px solid var(--border);-webkit-user-select:none;user-select:none}.delete-note-btn{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:var(--text-secondary);background:var(--card-pill-bg);border:1px solid var(--border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.delete-note-btn:hover{background:color-mix(in srgb,var(--color-danger) 14%,var(--card-pill-bg));color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 35%,var(--border));transform:scale(1.04)}.delete-note-btn:active{transform:scale(.94)}.delete-note-btn.is-confirming{background:var(--color-danger);color:#fff;border-color:var(--color-danger);animation:pulse-danger 1s infinite alternate}@keyframes pulse-danger{0%{transform:scale(1);box-shadow:0 0 #f43f5e66}to{transform:scale(1.06);box-shadow:0 0 0 4px #f43f5e00}}.note-states-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-state{min-width:0;background:linear-gradient(150deg,color-mix(in srgb,var(--state-color) 6.5%,var(--state-box-bg)) 0%,var(--state-box-bg) 60%);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px #0f172a05}[data-theme=dark] .note-state{background:linear-gradient(150deg,color-mix(in srgb,var(--state-color) 12%,rgba(255,255,255,.04)),#ffffff06 65%)}.note-state-heading{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.85px;color:var(--state-color)}.note-mood{display:flex;align-items:center;gap:12px;min-width:0}.note-mood-icon{--mood-disc-size: 46px}.note-state-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.note-field-label{font-size:11.5px;font-weight:600;color:var(--text-secondary);line-height:1.2}.note-mood-name{font-size:15px;font-weight:700;color:var(--text-main);line-height:1.25;overflow-wrap:anywhere}.note-satiety{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--satiety-color) 8.5%,rgba(255,255,255,.65))}[data-theme=dark] .note-satiety{background:color-mix(in srgb,var(--satiety-color) 12%,rgba(255,255,255,.04))}.note-satiety-text{font-size:14.5px;font-weight:700;color:var(--text-main);line-height:1.3;margin-top:1px;margin-bottom:8px}.note-satiety-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.note-satiety-scale span{height:5px;border-radius:9999px;background:var(--progress-track-bg);transition:background-color .25s ease}.note-satiety-scale span.filled{background:var(--segment-color);box-shadow:0 1px 3px color-mix(in srgb,var(--segment-color) 35%,transparent)}.note-details-list{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:14px;margin-top:2px}.note-detail-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-main);line-height:1.45;font-weight:500}.note-detail-icon{flex-shrink:0;margin-top:2px;color:var(--color-brand);opacity:.85}@media(max-width:460px){.note-glass-card{padding:16px;border-radius:20px}.note-states-grid{gap:10px}.note-state{padding:12px;gap:12px;border-radius:16px}.note-mood{gap:10px}.note-mood-icon{--mood-disc-size: 40px}.note-mood-name{font-size:14px}.note-satiety{padding:10px}.note-satiety-text{font-size:13.5px}}@media(max-width:340px){.note-states-grid{grid-template-columns:1fr;gap:10px}}.info-card{padding:16px 18px;background:color-mix(in srgb,var(--accent-primary) 3%,var(--glass-bg));border-left:3px solid color-mix(in srgb,var(--accent-primary) 45%,var(--border));box-shadow:none}.info-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.info-card-icon{flex:none;color:var(--accent-primary)}.info-card-heading h1,.info-card-heading h2{flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.4}.info-card-close{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--text-secondary)}.info-card-close:hover{background:var(--card-pill-bg);color:var(--text-main)}.info-card-body{font-size:14px;line-height:1.65}.info-card-body p+p{margin-top:10px}.info-card-body a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.info-card{padding:12px 14px}}.course-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;width:100%}.course-card-content{display:flex;align-items:center;gap:16px}.course-icon-box{width:56px;height:56px;border-radius:var(--radius);display:grid;place-items:center;background:var(--course-grad, var(--grad-primary));color:#fff;box-shadow:var(--shadow);flex-shrink:0}.course-info h2{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:4px}.course-info p{font-size:14px;color:var(--text-secondary)}.course-lessons-badge{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;padding:2px 10px;border-radius:9999px;background:var(--card-pill-bg);border:1px solid var(--border);color:var(--accent-primary)}.page-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}@media(max-width:600px){.page-stack{gap:12px;margin-top:12px}}.page-intro{padding:24px}.page-intro h1{font-size:clamp(24px,5vw,30px);font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.page-intro p{line-height:1.7;font-size:15px}.page-intro a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.breadcrumbs{padding:14px 18px;color:var(--text-secondary);font-size:13px;line-height:1.6}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:10px}.breadcrumbs li{min-width:0;overflow-wrap:anywhere}.breadcrumbs a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.course-program-title{font-size:20px;margin-bottom:14px}.lessons-list{display:flex;flex-direction:column;gap:10px;list-style:none}.lesson-item-card{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.lesson-left{display:flex;align-items:center;gap:14px}.lesson-num{width:32px;height:32px;border-radius:var(--radius);background:var(--card-pill-bg);border:1px solid var(--border);display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--course-color, var(--accent-primary))}.lesson-title{font-size:16px;font-weight:600;color:var(--text-main)}.not-found{margin-top:24px;display:grid;gap:12px}.not-found a{color:var(--accent-primary);font-weight:700}.article-container{padding:24px;line-height:1.7}.article-container h1{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px;color:var(--text-main)}.article-container h2{font-size:20px;font-weight:700;margin:24px 0 12px;color:var(--text-main)}.article-container h3{font-size:17px;font-weight:700;margin:20px 0 8px;color:var(--text-main)}.article-container p{margin-bottom:14px;color:var(--text-main);font-size:15px}.article-container ul,.article-container ol{margin:14px 0 18px 20px;color:var(--text-main)}.article-container li{margin-bottom:8px}.article-container strong{color:var(--text-main);font-weight:700}.article-container blockquote{border-left:3px solid var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 6%,transparent);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;color:var(--text-secondary);font-style:italic}.article-container .lesson-context{color:var(--text-secondary);font-size:13px;margin-bottom:20px}.lesson-navigation{display:flex;flex-wrap:wrap;gap:12px}.lesson-nav-link{flex:1 1 220px;padding:18px;display:flex;flex-direction:column;gap:8px}.lesson-nav-link span{font-size:12px;color:var(--text-secondary)}.lesson-nav-link strong{font-size:14px;color:var(--accent-primary)}.analytics-intro{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px}.analytics-intro-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;width:100%}.analytics-total{padding:5px 10px;border-radius:999px;background:var(--dock-active-bg);color:var(--accent-primary);font-size:12px;font-weight:700;white-space:nowrap}.analytics-intro h1{color:var(--text-main);font-size:clamp(26px,7vw,34px);letter-spacing:-.04em}.analytics-intro p{max-width:540px;font-size:14px;line-height:1.6}@media(max-width:480px){.analytics-intro-top>.segmented-control{width:100%}.analytics-intro-top>.segmented-control .segmented-control__option{flex:1 1 0}}.analytics-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-highlight{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px}.analytics-highlight:last-child{grid-column:1 / -1}.analytics-highlight span{color:var(--text-secondary);font-size:11px;font-weight:700}.analytics-highlight strong{color:var(--text-main);font-size:17px;line-height:1.2}.analytics-highlight small{margin-top:auto;color:var(--text-secondary);font-size:11px;line-height:1.4}.analytics-section{padding:20px}.analytics-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.analytics-section-number{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--dock-active-bg);color:var(--accent-primary);font-size:11px;font-weight:800}.analytics-section h2{color:var(--text-main);font-size:17px}.analytics-section-heading p{margin-top:4px;font-size:12px;line-height:1.5}.analytics-two-columns{display:grid;gap:24px}.analytics-column h3{margin-bottom:14px;color:var(--text-main);font-size:13px;font-weight:800}.analytics-distribution{display:grid;gap:13px}.analytics-distribution-row{min-width:0}.analytics-distribution-labels{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;color:var(--text-main);font-size:12px;line-height:1.35}.analytics-distribution-labels span:first-child{min-width:0;overflow-wrap:anywhere}.analytics-distribution-labels span:last-child{flex:none;color:var(--text-secondary);white-space:nowrap}.analytics-distribution-track{height:7px;overflow:hidden;border-radius:99px;background:var(--progress-track-bg)}.analytics-distribution-track>div{height:100%;border-radius:inherit;background:var(--accent-primary)}.analytics-reflection{padding:18px 20px;border:1px solid var(--border-accent);border-radius:var(--radius);background:var(--dock-active-bg)}.analytics-reflection span{color:var(--accent-primary);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.analytics-reflection h2{margin-top:6px;color:var(--text-main);font-size:16px}.analytics-reflection p{margin-top:8px;font-size:13px;line-height:1.6}@media(min-width:600px){.analytics-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-highlight:last-child{grid-column:auto}.analytics-section{padding:24px}.analytics-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}.settings-section-card{padding:20px;display:flex;flex-direction:column;gap:16px}.settings-section-title{font-size:15px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-guest-notice{padding:14px 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,241,242,.45) 0%,var(--glass-bg) 100%);border:1px solid rgba(244,63,94,.35);box-shadow:0 4px 20px -2px #f43f5e24,0 2px 8px #0f172a0a,inset 0 1px 1px #fffc;color:var(--text-main);font-size:13.5px;line-height:1.45}.settings-guest-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--color-danger);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f43f5e59}.settings-guest-icon svg{display:block}.settings-guest-text{flex:1;min-width:0}[data-theme=dark] .settings-guest-notice{background:linear-gradient(135deg,rgba(58,14,24,.4) 0%,var(--glass-bg) 100%);border:1px solid rgba(251,113,133,.4);box-shadow:0 4px 24px -2px #fb71852e,0 4px 16px #0000004d,inset 0 1px 1px #ffffff1f;color:var(--text-main)}[data-theme=dark] .settings-guest-icon{box-shadow:0 2px 10px #fb718566}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-form label,.settings-date-field{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:14px;font-weight:600}.settings-form label:has([aria-invalid=true]),.settings-date-field:has([aria-invalid=true]){color:var(--color-danger)}.settings-select-wrap{position:relative;display:block;width:100%}.settings-select-wrap select{width:100%;min-height:54px;padding-right:48px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.settings-select-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.settings-select-wrap:focus-within .settings-select-icon{color:var(--accent-primary)}.settings-form [aria-invalid=true]{border-color:color-mix(in srgb,var(--color-danger) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-danger) 12%,transparent)}.settings-form [aria-invalid=true]:focus-visible{outline-color:var(--color-danger)}.settings-form{--autofill-bg: #fff}[data-theme=dark] .settings-form{--autofill-bg: #181b23}.settings-form input:-webkit-autofill,.settings-form input:-webkit-autofill:hover,.settings-form input:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--autofill-bg) inset;-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main)}.settings-form input[aria-invalid=true]:-webkit-autofill,.settings-form input[aria-invalid=true]:-webkit-autofill:hover,.settings-form input[aria-invalid=true]:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--autofill-bg) inset,0 0 0 2px color-mix(in srgb,var(--color-danger) 12%,transparent)}.auth-submit{min-height:44px;padding:10px 16px;border-radius:var(--radius);background:var(--grad-primary);color:#fff;font-weight:700}.settings-logout{align-self:flex-start;color:var(--color-danger);font-weight:600}.settings-feedback{padding:12px 16px;font-size:14px}.settings-error{color:var(--color-danger)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}@media(max-width:420px){.settings-row{align-items:stretch;flex-direction:column;gap:8px}.settings-row>.segmented-control{width:100%}.settings-row>.segmented-control .segmented-control__option{flex:1 1 0}}.notification{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translate3d(-50%,0,0);z-index:100000;width:min(460px,calc(100vw - 32px));min-height:56px;padding:13px 16px 13px 18px;display:flex;align-items:center;gap:14px;border-radius:var(--radius);box-sizing:border-box;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);animation:notificationDropIn .42s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto}.notification-closing{animation:notificationDropOut .24s cubic-bezier(.4,0,1,1) forwards}@keyframes notificationDropIn{0%{opacity:0;transform:translate3d(-50%,-120%,0) scale(.92)}65%{opacity:1;transform:translate3d(-50%,8px,0) scale(1.01)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}@keyframes notificationDropOut{0%{opacity:1;transform:translate3d(-50%,0,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-120%,0) scale(.92)}}.notification-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-badge svg{display:block}.notification-text{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.4;word-break:break-word}.notification-close{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;margin:0;cursor:pointer;opacity:.65;color:inherit;transition:background-color .18s ease,opacity .18s ease,transform .18s ease}.notification-close svg{display:block}.notification-close:hover{opacity:1;background:#00000014}.notification-close:active{transform:scale(.92)}.notification-error{background:linear-gradient(135deg,#fff1f2eb,#fffffff5);border:1px solid rgba(244,63,94,.32);box-shadow:0 14px 34px -4px #f43f5e29,0 4px 16px #0f172a14,inset 0 1px 1px #fffffff2;color:#881337}.notification-error .notification-badge{background:var(--color-danger);box-shadow:0 2px 8px #f43f5e59;color:#fff}.notification-success{background:linear-gradient(135deg,#ecfdf5eb,#fffffff5);border:1px solid rgba(16,185,129,.32);box-shadow:0 14px 34px -4px #10b98129,0 4px 16px #0f172a14,inset 0 1px 1px #fffffff2;color:#064e3b}.notification-success .notification-badge{background:var(--color-green);box-shadow:0 2px 8px #10b98159;color:#fff}[data-theme=dark] .notification-error{background:linear-gradient(135deg,#3a0e18e0,#1a0e14eb);border:1px solid rgba(251,113,133,.38);box-shadow:0 16px 40px -4px #000000a6,0 0 24px #fb718529,inset 0 1px 1px #ffffff26;color:#ffe4e6}[data-theme=dark] .notification-error .notification-badge{background:var(--color-danger);box-shadow:0 2px 10px #fb718566;color:#fff}[data-theme=dark] .notification-success{background:linear-gradient(135deg,#062e1ee0,#0c1c16eb);border:1px solid rgba(52,211,153,.38);box-shadow:0 16px 40px -4px #000000a6,0 0 24px #34d39929,inset 0 1px 1px #ffffff26;color:#d1fae5}[data-theme=dark] .notification-success .notification-badge{background:var(--color-green);box-shadow:0 2px 10px #34d39966;color:#fff}[data-theme=dark] .notification-close:hover{background:#ffffff1f}.date-picker-trigger{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text-main);text-align:left}.date-picker-trigger:hover{border-color:var(--border-accent);background:var(--glass-bg-hover)}.date-picker-placeholder{color:var(--text-secondary)}.date-picker-icon{flex:none;color:var(--accent-primary)}.date-picker-digits{gap:10px}.date-picker-unit input,.date-picker-unit .time-picker-step{width:72px}.date-picker-unit:last-child input,.date-picker-unit:last-child .time-picker-step{width:88px}.date-picker-unit input{font-size:26px}.date-picker-unit input::placeholder{color:var(--text-secondary);font-size:15px}.date-picker-error{margin:-8px 0 16px;color:var(--color-danger);font-size:13px;text-align:center}:root{--color-brand: #6366f1;--color-blue: #3b82f6;--color-teal: #0891b2;--color-green: #10b981;--color-amber: #f59e0b;--color-coral: #f43f5e;--color-violet: #8b5cf6;--color-slate: #64748b;--accent-primary: var(--color-brand);--state-before: #d97706;--state-after: var(--color-teal);--indicator-dot: var(--color-green);--color-weekend: var(--color-coral);--color-danger: var(--color-coral);--text-main: #0f172a;--text-secondary: #475569;--border: rgba(226, 232, 240, .85);--border-accent: rgba(99, 102, 241, .25);--shadow: 0 4px 16px rgba(15, 23, 42, .08), inset 0 1px 1px rgba(255, 255, 255, .5);--grad-primary: linear-gradient(135deg, var(--color-brand) 0%, #7c3aed 100%);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-hover: rgba(255, 255, 255, .88);--dock-active-bg: rgba(99, 102, 241, .08);--input-bg: rgba(255, 255, 255, .85);--segmented-bg: rgba(241, 245, 249, .85);--state-box-bg: rgba(255, 255, 255, .5);--card-pill-bg: rgba(241, 245, 249, .75);--progress-track-bg: rgba(226, 232, 240, .8);--radius: 18px;--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px);--header-height: calc(64px + var(--sat));color-scheme:light}[data-theme=dark]{--color-brand: #818cf8;--color-blue: #60a5fa;--color-teal: #22d3ee;--color-green: #34d399;--color-amber: #fbbf24;--color-coral: #fb7185;--color-violet: #a78bfa;--color-slate: #94a3b8;--accent-primary: var(--color-brand);--state-before: var(--color-amber);--state-after: var(--color-teal);--indicator-dot: var(--color-green);--color-weekend: var(--color-coral);--color-danger: var(--color-coral);--text-main: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .12);--border-accent: rgba(129, 140, 248, .35);--shadow: 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .15);--grad-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--glass-bg: rgba(255, 255, 255, .06);--glass-bg-hover: rgba(255, 255, 255, .1);--dock-active-bg: rgba(129, 140, 248, .15);--input-bg: rgba(255, 255, 255, .04);--segmented-bg: rgba(0, 0, 0, .25);--state-box-bg: rgba(0, 0, 0, .2);--card-pill-bg: rgba(255, 255, 255, .06);--progress-track-bg: rgba(255, 255, 255, .08);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f8fafc;color:var(--text-main);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}[data-theme=dark],[data-theme=dark] body{background:#090d16}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.25}p{color:var(--text-secondary)}input,textarea,select{width:100%;padding:14px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);outline:none}textarea{min-height:80px;resize:vertical}select{width:auto;cursor:pointer}select option{background:#fff;color:#0f172a}[data-theme=dark] select option{background:#0f172a;color:#fff}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:not([class]){padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--glass-bg)}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:not-allowed;opacity:.4}#app{min-height:100dvh;position:relative;z-index:1;display:flex;flex-direction:column}.app-shell{width:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative}.content-wrap{width:100%;max-width:680px;margin:0 auto;padding:0 16px;flex:1;display:flex;flex-direction:column}#main{padding-top:var(--header-height)}.scroll-content{width:100%;flex:1;display:flex;flex-direction:column;padding-bottom:calc(110px + var(--sab))}.bottom-spacer{height:20px}.mini-color-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}@media(min-width:768px){.content-wrap{padding-inline:20px}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.glass-card-interactive:hover{background:var(--glass-bg-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow)}.glass-pill{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--border);border-radius:9999px}.empty-state{padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.empty-icon-wrap{width:64px;height:64px;border-radius:var(--radius);background:var(--dock-active-bg);border:1px solid var(--border-accent);display:grid;place-items:center;color:var(--accent-primary);box-shadow:var(--shadow)}.empty-title{font-size:18px;font-weight:700;color:var(--text-main)}.empty-desc{font-size:14px;color:var(--text-secondary);max-width:320px}@media(max-width:600px){:root{--header-height: calc(56px + var(--sat))}.content-wrap{padding-inline:12px}.scroll-content{padding-bottom:calc(80px + var(--sab))}.bottom-spacer{display:none}}