:root{--blue-50:#eef5fe;--blue-100:#dcebfd;--blue-200:#bcd8fa;--blue-300:#93bff4;--blue-400:#6ba6ec;--blue-500:#4a90e2;--blue-600:#3a78c6;--blue-700:#2f61a0;--aqua-50:#e7f8f3;--aqua-100:#cdf1e8;--aqua-300:#7ddcc6;--aqua-400:#4fcdb0;--aqua-500:#2fbd9e;--aqua-600:#229e83;--sun-300:#ffdd8a;--sun-400:#ffc94d;--sun-500:#f7b52e;--ink-900:#1b2a37;--ink-700:#33475a;--ink-500:#5c7085;--ink-400:#8598a9;--gray-50:#f5f8fb;--gray-100:#eef2f7;--gray-200:#e3eaf1;--gray-300:#d3dde7;--color-bg:var(--gray-50);--color-bg-soft:#eef4fb;--color-surface:#fff;--color-surface-2:#fbfdff;--color-text:var(--ink-900);--color-text-muted:var(--ink-500);--color-text-subtle:var(--ink-400);--color-border:var(--gray-200);--color-primary:var(--blue-500);--color-primary-strong:var(--blue-600);--color-primary-soft:var(--blue-50);--color-accent:var(--aqua-500);--color-accent-soft:var(--aqua-50);--color-sun:var(--sun-400);--color-success:#37b98f;--color-warning:#f0a93c;--color-danger:#e8846b;--color-info:var(--blue-400);--grad-primary:linear-gradient(135deg, #57a0ec 0%, #3fbfa6 100%);--grad-header:linear-gradient(180deg, #fff 0%, #f5f8fb 100%);--grad-sun:linear-gradient(135deg, #ffd66e 0%, #ffb84d 100%);--cat-sleep:#6c7be0;--cat-sleep-bg:#eceefb;--cat-meal:#35bd93;--cat-meal-bg:#e4f6ef;--cat-crisis:#ee8a6f;--cat-crisis-bg:#fcece6;--cat-mood:#f6b73c;--cat-mood-bg:#fdf1da;--cat-medication:#4ca6e8;--cat-medication-bg:#e6f2fc;--cat-therapy:#a279e2;--cat-therapy-bg:#f1eafb;--cat-school:#33b6ce;--cat-school-bg:#e2f5f8;--cat-consult:#2fb3a3;--cat-consult-bg:#e2f5f2;--cat-play:#ef79a6;--cat-play-bg:#fceaf1;--cat-neutral:#7d90a3;--cat-neutral-bg:#eef2f6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--e-1:0 1px 2px #1b2a370a, 0 1px 3px #1b2a370f;--e-2:0 2px 6px #1b2a370d, 0 6px 16px #1b2a370f;--e-3:0 6px 16px #1b2a3714, 0 12px 32px #1b2a3714;--e-4:0 12px 28px #1b2a371f, 0 24px 60px #1b2a371f;--e-primary:0 8px 20px #4a90e252;--font-sans:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display:28px;--lh-display:34px;--fs-h1:23px;--lh-h1:30px;--fs-h2:19px;--lh-h2:26px;--fs-title:16px;--lh-title:22px;--fs-body:15px;--lh-body:23px;--fs-sm:13px;--lh-sm:19px;--fs-xs:11.5px;--lh-xs:16px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--app-max:640px;--nav-h:76px}@media (prefers-color-scheme:dark){:root{--color-bg:#0f171e;--color-bg-soft:#131e28;--color-surface:#18242e;--color-surface-2:#1c2a35;--color-text:#eaf1f7;--color-text-muted:#9fb2c1;--color-text-subtle:#738797;--color-border:#253440;--color-primary-soft:#17293a;--color-accent-soft:#12312b;--grad-header:linear-gradient(180deg, #18242e 0%, #0f171e 100%)}}.page-title{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-extra);color:var(--color-text);margin-bottom:var(--sp-6);letter-spacing:-.02em}.page-sub{color:var(--color-text-muted);margin-top:-18px;margin-bottom:var(--sp-6);font-size:var(--fs-sm)}.section-title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--sp-4)}.muted{color:var(--color-text-muted);margin:0}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack-sm{gap:var(--sp-2);flex-direction:column;display:flex}.row-wrap{gap:var(--sp-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.link-more{margin-top:var(--sp-3);color:var(--color-primary-strong);font-size:var(--fs-sm);font-weight:var(--fw-bold);align-items:center;gap:4px;display:inline-flex}.link-more:hover{transition:gap var(--dur-fast);gap:7px;text-decoration:none}.auth-shell{justify-content:center;align-items:center;gap:var(--sp-6);min-height:100vh;padding:var(--sp-6);background:radial-gradient(120% 80% at 50% -10%, var(--blue-50) 0%, var(--color-bg) 60%);flex-direction:column;display:flex}.auth-brand{align-items:center;gap:var(--sp-3);font-size:26px;font-weight:var(--fw-extra);color:var(--color-text);display:flex}.auth-brand__mark{border-radius:var(--r-md);color:#fff;background:var(--grad-primary);width:46px;height:46px;box-shadow:var(--e-primary);justify-content:center;align-items:center;display:inline-flex}.auth-card{width:100%;max-width:420px;padding:var(--sp-8);animation:nd-rise var(--dur-slow) var(--ease-out)}.auth-alt{margin-top:var(--sp-4);font-size:var(--fs-sm);text-align:center;color:var(--color-text-muted)}.auth-card .btn{width:100%;margin-top:var(--sp-2)}.checkbox{align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-sm);margin-bottom:var(--sp-4);cursor:pointer;display:flex}.checkbox input{width:22px;height:22px;accent-color:var(--color-primary);flex-shrink:0;margin-top:1px}.record-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=520px){.record-grid{grid-template-columns:repeat(3,1fr)}}.record-tile{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--e-1);color:var(--color-text);font-weight:var(--fw-bold);font-size:var(--fs-sm);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base);flex-direction:column;text-decoration:none;display:flex}.record-tile:hover{box-shadow:var(--e-3);text-decoration:none;transform:translateY(-3px)}.record-tile__icon{border-radius:var(--r-lg);justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.record-note{gap:var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-text-muted);background:var(--color-bg-soft);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin:var(--sp-2) 0 var(--sp-4);display:flex}.record-form-title{align-items:center;gap:var(--sp-3);display:flex}.record-form-title__icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.tl-day{margin-bottom:var(--sp-8)}.tl-day__label{z-index:5;font-size:var(--fs-sm);font-weight:var(--fw-extra);color:var(--color-text-muted);text-transform:capitalize;margin-bottom:var(--sp-4);background:var(--color-bg-soft);border-radius:var(--r-full);padding:4px 12px;display:inline-block;position:sticky;top:92px}.tl-track{padding-left:var(--sp-6);position:relative}.tl-track:before{content:"";background:var(--color-border);border-radius:var(--r-full);width:2px;position:absolute;top:6px;bottom:6px;left:7px}.tl-row{margin-bottom:var(--sp-3);animation:nd-rise var(--dur-slow) var(--ease-out) both;position:relative}.tl-marker{left:calc(-1 * var(--sp-6));justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:22px}.tl-marker__dot{width:12px;height:12px;box-shadow:0 0 0 4px var(--color-bg), 0 0 0 5px color-mix(in srgb, currentColor 30%, transparent);background:currentColor;border-radius:50%}.tl-card{align-items:center;gap:var(--sp-3);padding:var(--sp-4);display:flex}.tl-card:hover{box-shadow:var(--e-2);transform:none}.tl-card__icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.tl-card__body{flex:1;min-width:0}.tl-card__head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.tl-card__title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--color-text)}.tl-card__time{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-subtle);flex-shrink:0}.tl-card__summary{font-size:var(--fs-sm);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.tl-card__actions{flex-shrink:0;gap:2px;display:flex}.mini-btn{border-radius:var(--r-sm);width:34px;height:34px;color:var(--color-text-subtle);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.mini-btn:hover{background:var(--color-bg-soft);color:var(--color-primary)}.mini-btn--danger:hover{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, white)}.home-hero{margin-bottom:var(--sp-6)}.home-hero__title{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-extra);letter-spacing:-.02em;color:var(--color-text)}.summary-row{gap:var(--sp-3);padding-bottom:var(--sp-2);margin:0 calc(-1 * var(--sp-1));scrollbar-width:none;display:flex;overflow-x:auto}.summary-row::-webkit-scrollbar{display:none}.summary-chip{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-full);box-shadow:var(--e-1);font-weight:var(--fw-bold);font-size:var(--fs-sm);flex-shrink:0;display:flex}.summary-chip__icon{display:inline-flex}.quick-row{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.quick-tile{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-1);border-radius:var(--r-md);color:var(--color-text);font-size:var(--fs-xs);font-weight:var(--fw-bold);transition:background var(--dur-fast);flex-direction:column;text-decoration:none;display:flex}.quick-tile:hover{background:var(--color-bg-soft);text-decoration:none}.quick-tile__icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.mini-tl{gap:var(--sp-3);flex-direction:column;display:flex}.mini-tl__item{align-items:center;gap:var(--sp-3);display:flex}.mini-tl__icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.mini-tl__body{flex:1;min-width:0}.mini-tl__title{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.mini-tl__summary{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-tl__time{font-size:var(--fs-xs);color:var(--color-text-subtle);font-weight:var(--fw-bold)}.insight-card{gap:var(--sp-4);display:flex}.insight-card__icon{border-radius:var(--r-md);width:44px;height:44px;color:var(--color-sun);background:#fff5df;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.insight__title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:4px}.insight__desc{margin:0 0 var(--sp-2);line-height:var(--lh-body)}.insight__basis{margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.insight__take{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-accent);margin:0}.ai-status{align-items:center;gap:var(--sp-2);color:var(--color-text-muted);font-size:var(--fs-sm);margin:var(--sp-2) 0;display:flex}.ai-result{white-space:pre-wrap;font-size:var(--fs-sm);background:var(--color-bg-soft);border-radius:var(--r-md);padding:var(--sp-4);color:var(--color-text);line-height:1.65}@media (width>=900px){.record-grid{grid-template-columns:repeat(3,1fr)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-regular);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,p,figure{margin:0}button{font-family:inherit}a{color:var(--color-primary-strong);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--blue-100)}@keyframes nd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nd-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes nd-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes nd-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes nd-shimmer{to{transform:translate(100%)}}@keyframes nd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-6);border-radius:var(--r-full);font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-base), filter var(--dur-base);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:var(--grad-primary);box-shadow:var(--e-primary)}.btn--primary:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 10px 26px #4a90e266}.btn--soft{color:var(--color-primary-strong);background:var(--color-primary-soft)}.btn--soft:hover:not(:disabled){background:var(--blue-100)}.btn--ghost{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--e-1)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-soft)}.btn--danger{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, white)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 16%, white)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--e-1);position:relative}.card--interactive{cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.card--interactive:hover{box-shadow:var(--e-3);transform:translateY(-2px)}.card--accent{overflow:hidden}.card--accent:before{content:"";background:var(--card-accent);border-radius:var(--r-full);width:5px;position:absolute;top:0;bottom:0;left:0}.field{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text)}.field__hint{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-text-subtle)}.field__error{font-size:var(--fs-xs);color:var(--color-danger);font-weight:var(--fw-semibold)}.input{width:100%;min-height:48px;font:inherit;color:var(--color-text);background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--r-md);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);padding:12px 14px}.input::placeholder{color:var(--color-text-subtle)}.input:hover{border-color:var(--gray-300)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);background:var(--color-surface);outline:none}.input--area{resize:vertical;min-height:104px;line-height:1.5}.input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235c7085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.segmented{gap:var(--sp-2);flex-wrap:wrap;display:flex}.segmented__item{min-width:max-content;min-height:46px;font:inherit;font-weight:var(--fw-semibold);color:var(--color-text-muted);background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--r-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);flex:auto;padding:0 14px}.segmented__item:hover{border-color:var(--gray-300)}.segmented__item.is-active{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:0 2px 8px #4a90e224}.chip{min-height:42px;font:inherit;font-weight:var(--fw-semibold);color:var(--color-text-muted);background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--r-full);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);padding:0 16px}.chip:hover{border-color:var(--gray-300)}.chip.is-active{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:var(--color-primary)}.badge{border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);align-items:center;gap:4px;padding:3px 10px;line-height:1.4;display:inline-flex}.badge--neutral{color:var(--ink-500);background:var(--gray-100)}.badge--primary{color:var(--color-primary-strong);background:var(--color-primary-soft)}.badge--accent{color:var(--aqua-600);background:var(--color-accent-soft)}.badge--sun{color:var(--sun-500);background:#fff5df}.disclaimer{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:var(--color-accent-soft);border:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent);align-items:flex-start;display:flex}.disclaimer__icon{color:var(--aqua-600);flex-shrink:0;margin-top:1px}.disclaimer p{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--aqua-600);margin:0}.stat-tile{padding:var(--sp-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);min-width:130px;box-shadow:var(--e-1);flex-direction:column;flex:1;gap:3px;display:flex}.stat-tile__icon{border-radius:var(--r-md);width:38px;height:38px;color:var(--color-primary);background:var(--color-primary-soft);justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.stat-tile__value{font-size:var(--fs-h2);line-height:1.15;font-weight:var(--fw-extra);color:var(--color-text)}.stat-tile__label{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:var(--fw-semibold)}.spinner{align-items:center;gap:var(--sp-3);padding:var(--sp-8);color:var(--color-text-muted);font-size:var(--fs-sm);flex-direction:column;display:flex}.spinner__ring{border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite nd-spin}.skeleton{background:var(--gray-100);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.3s infinite nd-shimmer;position:absolute;inset:0;transform:translate(-100%)}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);flex-direction:column;align-items:center;display:flex}.empty-state__art{border-radius:var(--r-xl);width:68px;height:68px;margin-bottom:var(--sp-4);color:var(--color-primary);background:var(--grad-header);box-shadow:inset 0 0 0 1px var(--color-border), var(--e-1);justify-content:center;align-items:center;display:inline-flex}.empty-state__title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--color-text)}.empty-state__desc{margin-top:var(--sp-2);max-width:34ch;color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-sm)}.empty-state__action{margin-top:var(--sp-6)}.avatar{font-weight:var(--fw-extra);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 2px #fff9}.sheet-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:nd-fade-in var(--dur-base) var(--ease-out);background:#1b2a3761;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--app-max);background:var(--color-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-3) var(--sp-6) calc(var(--sp-8) + env(safe-area-inset-bottom));box-shadow:var(--e-4);animation:nd-sheet-up var(--dur-slow) var(--ease-out)}@media (width>=640px){.sheet-overlay{align-items:center}.sheet{border-radius:var(--r-xl);margin:var(--sp-6);padding-bottom:var(--sp-8)}}.sheet__grab{border-radius:var(--r-full);background:var(--gray-200);width:42px;height:5px;margin:0 auto var(--sp-4);display:block}.sheet__title{font-size:var(--fs-h2);font-weight:var(--fw-extra);color:var(--color-text);margin-bottom:var(--sp-4)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;padding:max(var(--sp-4), env(safe-area-inset-top)) var(--sp-4) var(--sp-3);background:var(--grad-header);border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);position:sticky;top:0}.app-header__top{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.brand{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.brand__mark{border-radius:var(--r-md);color:#fff;background:var(--grad-primary);width:42px;height:42px;box-shadow:var(--e-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand__text{flex-direction:column;min-width:0;display:flex}.brand__greet{font-size:var(--fs-title);font-weight:var(--fw-extra);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.brand__date{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:capitalize;font-weight:var(--fw-semibold)}.icon-button{border-radius:var(--r-full);width:44px;height:44px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--e-1);cursor:pointer;transition:color var(--dur-fast), transform var(--dur-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--color-primary)}.icon-button:active{transform:scale(.94)}.child-pill{align-items:center;gap:var(--sp-3);width:100%;margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-full);box-shadow:var(--e-1);cursor:pointer;transition:box-shadow var(--dur-base), transform var(--dur-fast);display:flex}.child-pill:hover{box-shadow:var(--e-2)}.child-pill:active{transform:scale(.99)}.child-pill__info{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.child-pill__name{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--color-text)}.child-pill__hint{font-size:var(--fs-xs);color:var(--color-accent);font-weight:var(--fw-semibold)}.child-pill>svg{color:var(--color-text-subtle)}.app-main{width:100%;max-width:var(--app-max);padding:var(--sp-6) var(--sp-4) calc(var(--nav-h) + var(--sp-8));animation:nd-fade-in var(--dur-base) var(--ease-out);flex:1;margin:0 auto}@media (width>=900px){.app-main{padding-left:var(--sp-8);padding-right:var(--sp-8)}}.bottom-nav{z-index:30;height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=640px){.bottom-nav{max-width:460px;left:50%;bottom:var(--sp-4);border-radius:var(--r-full);border:1px solid var(--color-border);box-shadow:var(--e-3);height:68px;transform:translate(-50%)}}.nav-item{max-width:84px;padding:var(--sp-2) 0;color:var(--color-text-subtle);font-size:var(--fs-xs);font-weight:var(--fw-bold);transition:color var(--dur-base) var(--ease-out);flex-direction:column;flex:1;align-items:center;gap:3px;text-decoration:none;display:flex}.nav-item:hover{text-decoration:none}.nav-item__icon{transition:transform var(--dur-base) var(--ease-spring);position:relative}.nav-item.is-active{color:var(--color-primary)}.nav-item.is-active .nav-item__icon{transform:translateY(-2px)}.nav-item.is-active .nav-item__icon:after{content:"";background:var(--color-primary);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.fab{color:#fff;background:var(--grad-primary);border:4px solid var(--color-bg);width:62px;height:62px;box-shadow:var(--e-primary);cursor:pointer;transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-26px;display:inline-flex}.fab:hover{box-shadow:0 12px 30px #4a90e273}.fab:active{transform:scale(.9)}@media (width>=640px){.fab{border-width:0;width:54px;height:54px;margin-top:0}}.add-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.add-tile{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);border-radius:var(--r-lg);background:var(--color-surface-2);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast);border:none;flex-direction:column;display:flex}.add-tile:hover{background:var(--color-bg-soft);transform:translateY(-2px)}.add-tile:active{transform:scale(.96)}.add-tile__icon{border-radius:var(--r-lg);justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.child-list{gap:var(--sp-2);flex-direction:column;display:flex}.child-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--color-surface-2);cursor:pointer;font:inherit;text-align:left;color:var(--color-text);transition:background var(--dur-fast), border-color var(--dur-fast);border:1px solid #0000;display:flex}.child-row:hover{background:var(--color-bg-soft)}.child-row.is-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.child-row__name{font-weight:var(--fw-bold);flex:1}.child-row>svg{color:var(--color-primary)}.child-row--add{color:var(--color-primary-strong);font-weight:var(--fw-bold)}.child-row__addicon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.notif-empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--color-text-muted);flex-direction:column;align-items:center;display:flex}.notif-empty__icon{border-radius:var(--r-xl);width:60px;height:60px;margin-bottom:var(--sp-4);color:var(--color-accent);background:var(--color-accent-soft);justify-content:center;align-items:center;display:inline-flex}.notif-empty p{max-width:30ch;font-size:var(--fs-sm)}.lp{--lp-max:1080px;background:var(--color-bg)}.lp h1,.lp h2,.lp h3,.lp p{margin:0}.lp-nav{z-index:20;background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);position:sticky;top:0}.lp-nav__inner{max-width:var(--lp-max);padding:var(--sp-3) var(--sp-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.lp-brand{align-items:center;gap:var(--sp-2);font-size:var(--fs-h2);font-weight:var(--fw-extra);color:var(--color-text);display:inline-flex}.lp-brand--sm{font-size:var(--fs-title)}.lp-brand__mark{border-radius:var(--r-sm);color:#fff;background:var(--grad-primary);width:36px;height:36px;box-shadow:var(--e-primary);justify-content:center;align-items:center;display:inline-flex}.lp-nav__actions{align-items:center;gap:var(--sp-4);display:flex}.lp-link{font-weight:var(--fw-bold);color:var(--color-text)}.lp-link:hover{color:var(--color-primary);text-decoration:none}.lp-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:46px;padding:0 var(--sp-6);border-radius:var(--r-full);font-weight:var(--fw-bold);font-size:var(--fs-body);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base), filter var(--dur-base);display:inline-flex}.lp-btn:hover{text-decoration:none}.lp-btn:active{transform:scale(.97)}.lp-btn--lg{min-height:54px;padding:0 var(--sp-8);font-size:var(--fs-title)}.lp-btn--primary{color:#fff;background:var(--grad-primary);box-shadow:var(--e-primary)}.lp-btn--primary:hover{filter:brightness(1.05)}.lp-btn--ghost{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--e-1)}.lp-btn--white{color:var(--color-primary-strong);box-shadow:var(--e-2);background:#fff}.lp-hero{text-align:center;padding:var(--sp-16) var(--sp-4) var(--sp-12);position:relative;overflow:hidden}.lp-hero__inner{z-index:1;max-width:720px;animation:nd-rise var(--dur-slow) var(--ease-out);margin:0 auto;position:relative}.lp-hero__glow{background:radial-gradient(closest-side, var(--blue-100), transparent 70%);opacity:.8;width:780px;height:560px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.lp-eyebrow{border-radius:var(--r-full);background:var(--color-accent-soft);color:var(--aqua-600);font-weight:var(--fw-bold);font-size:var(--fs-sm);margin-bottom:var(--sp-6);align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.lp-hero__title{letter-spacing:-.03em;font-size:clamp(34px,6vw,54px);line-height:1.08;font-weight:var(--fw-extra);color:var(--color-text)}.lp-hero__sub{margin:var(--sp-6) auto 0;max-width:44ch;color:var(--color-text-muted);font-size:clamp(16px,2.4vw,19px);line-height:1.55}.lp-hero__cta{gap:var(--sp-3);margin-top:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.lp-note{margin-top:var(--sp-6);color:var(--color-text-subtle);font-size:var(--fs-sm);font-weight:var(--fw-semibold);align-items:center;gap:6px;display:inline-flex}.lp-note svg{color:var(--color-success)}.lp-section{max-width:var(--lp-max);padding:var(--sp-16) var(--sp-4);text-align:center;margin:0 auto}.lp-section--soft{background:var(--color-bg-soft);max-width:none}.lp-section--soft>*{max-width:var(--lp-max);margin-left:auto;margin-right:auto}.lp-h2{font-size:clamp(24px,4vw,34px);font-weight:var(--fw-extra);letter-spacing:-.02em;color:var(--color-text)}.lp-lead{margin:var(--sp-3) auto 0;max-width:46ch;color:var(--color-text-muted);font-size:var(--fs-title);line-height:1.5}.lp-cats{gap:var(--sp-4);margin-top:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}@media (width>=640px){.lp-cats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.lp-cat{align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--e-1);font-weight:var(--fw-bold);font-size:var(--fs-sm);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base);flex-direction:column;display:flex}.lp-cat:hover{box-shadow:var(--e-3);transform:translateY(-3px)}.lp-cat__icon{border-radius:var(--r-lg);justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.lp-steps{gap:var(--sp-6);margin-top:var(--sp-8);text-align:left;grid-template-columns:1fr;display:grid}@media (width>=760px){.lp-steps{grid-template-columns:repeat(3,1fr)}}.lp-step{padding:var(--sp-8) var(--sp-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);box-shadow:var(--e-1);position:relative}.lp-step__num{top:var(--sp-6);right:var(--sp-6);font-size:40px;font-weight:var(--fw-extra);color:var(--color-primary-soft);line-height:1;position:absolute}.lp-step__icon{border-radius:var(--r-lg);color:#fff;background:var(--grad-primary);width:52px;height:52px;box-shadow:var(--e-primary);margin-bottom:var(--sp-4);justify-content:center;align-items:center;display:inline-flex}.lp-step__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--color-text)}.lp-step__text{margin-top:var(--sp-2);color:var(--color-text-muted);line-height:1.55}.lp-features{gap:var(--sp-4);margin-top:var(--sp-8);text-align:left;grid-template-columns:1fr;display:grid}@media (width>=700px){.lp-features{grid-template-columns:1fr 1fr}}.lp-feature{gap:var(--sp-4);padding:var(--sp-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--e-1);display:flex}.lp-feature__icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.lp-feature__title{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--color-text)}.lp-feature__text{color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:4px;line-height:1.55}.lp-privacy{text-align:center}.lp-privacy__icon{border-radius:var(--r-xl);width:68px;height:68px;color:var(--aqua-600);background:var(--color-accent-soft);margin-bottom:var(--sp-4);justify-content:center;align-items:center;display:inline-flex}.lp-cta{max-width:var(--lp-max);padding:var(--sp-16) var(--sp-4);margin:0 auto}.lp-cta__card{text-align:center;padding:var(--sp-16) var(--sp-6);border-radius:var(--r-xl);color:#fff;background:var(--grad-primary);box-shadow:var(--e-4);position:relative;overflow:hidden}.lp-cta__title{font-size:clamp(24px,4vw,34px);font-weight:var(--fw-extra)}.lp-cta__sub{margin:var(--sp-3) 0 var(--sp-8);opacity:.92;font-size:var(--fs-title)}.lp-footer{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--color-text-muted)}.lp-footer .lp-brand{margin-bottom:var(--sp-3);justify-content:center}.lp-footer__fine{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-subtle)}