:root{--cream: #fdf8f3;--sand: #f5ebe0;--amber: #e8934a;--amber-deep: #c4692a;--ink: #2b2622;--ink-muted: #8a7f76;--sage: #7a9471;--night: #14110f;--night-surface: #1d1a16;--night-border: #322c26;--cream-border: #e9ddcd;--focus-ring: color-mix(in srgb, var(--amber) 60%, transparent);--font-display: "Plus Jakarta Sans", "Inter", -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", "Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.875rem;--text-2xl: 2.5rem;--text-timer: 4.5rem;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 10px;--radius-md: 16px;--radius-pill: 999px;--content-width: 720px;--ease-standard: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft: cubic-bezier(.22, 1.12, .4, 1);--duration-fast: .15s;--duration-base: .28s;--duration-slow: .48s;--duration-breath: 4.2s;--shadow-card: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--ink) 8%, transparent);--shadow-card-night: 0 8px 24px color-mix(in srgb, black 40%, transparent);--shadow-button: 0 1px 2px color-mix(in srgb, var(--amber-deep) 20%, transparent), 0 6px 16px color-mix(in srgb, var(--amber-deep) 22%, transparent);--glow-amber: color-mix(in srgb, var(--amber) 26%, transparent);--glow-amber-soft: color-mix(in srgb, var(--amber) 10%, transparent)}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Variable.woff2) format("woff2-variations");font-weight:400 800;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:400 700;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font-family:inherit;color:inherit}img,svg{display:block;max-width:100%}#app{min-height:100dvh}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse 900px 500px at 50% -10%,var(--glow-amber-soft),transparent 60%),var(--cream);padding:var(--space-8) var(--space-4)}.screen--night{background:radial-gradient(ellipse 700px 500px at 50% 20%,color-mix(in srgb,var(--amber) 8%,transparent),transparent 65%),var(--night);color:var(--cream)}.screen__content{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);animation:content-enter var(--duration-slow) var(--ease-standard)}@keyframes content-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);color:var(--ink);text-wrap:balance}.screen--night .screen__title{color:var(--cream)}.screen__body{font-size:var(--text-base);color:var(--ink-muted);line-height:var(--leading-relaxed);max-width:60ch;text-wrap:pretty}.screen--night .screen__body{color:color-mix(in srgb,var(--cream) 70%,transparent)}.screen__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);white-space:nowrap}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.button--primary{background:var(--amber);color:var(--night);box-shadow:var(--shadow-button)}.button--primary:hover:not(:disabled){background:var(--amber-deep);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:scale(.98)}.button--secondary{background:transparent;color:var(--ink);border:1px solid var(--cream-border)}.screen--night .button--secondary{color:var(--cream);border-color:var(--night-border)}.button--secondary:hover:not(:disabled){background:var(--sand)}.screen--night .button--secondary:hover:not(:disabled){background:var(--night-surface)}.button:focus-visible,.chip:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--cream-border);background:var(--cream);color:var(--ink);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.chip:hover{border-color:var(--amber)}.chip:active{transform:scale(.98)}.chip[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:var(--night);box-shadow:0 3px 10px color-mix(in srgb,var(--amber-deep) 25%,transparent)}.card{position:relative;background:var(--sand);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--amber),var(--amber-deep))}.screen--night .card{background:var(--night-surface);box-shadow:var(--shadow-card-night);border:1px solid var(--night-border)}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--ink)}.consent-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--cream-border)}.consent-item:first-of-type{border-top:none}.consent-item input[type=checkbox]{width:22px;height:22px;min-width:22px;accent-color:var(--amber-deep);margin-top:2px}.consent-item label{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--ink)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600;color:var(--ink)}.field input[type=text]{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--cream-border);background:var(--cream);color:var(--ink)}.field input[type=text]::placeholder{color:var(--ink-muted)}.field__error{font-size:var(--text-xs);color:var(--amber-deep)}.note{font-size:var(--text-xs);color:var(--ink-muted);line-height:var(--leading-relaxed)}.screen--night .note{color:color-mix(in srgb,var(--cream) 60%,transparent)}.camera-preview{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--ink)}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.camera-preview__target{--corner: 28px;--bracket: 3px;--bracket-color: color-mix(in srgb, var(--amber) 90%, transparent);position:absolute;top:14%;right:30%;bottom:14%;left:30%;pointer-events:none;background:linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--corner) var(--bracket) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top left / var(--bracket) var(--corner) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--corner) var(--bracket) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) top right / var(--bracket) var(--corner) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--corner) var(--bracket) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom left / var(--bracket) var(--corner) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--corner) var(--bracket) no-repeat,linear-gradient(var(--bracket-color),var(--bracket-color)) bottom right / var(--bracket) var(--corner) no-repeat}.camera-dot{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted)}.screen--night .camera-dot{color:color-mix(in srgb,var(--cream) 60%,transparent)}.camera-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 25%,transparent);animation:dot-live 2.4s var(--ease-standard) infinite}@keyframes dot-live{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 25%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--sage) 12%,transparent)}}.session{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center;padding-top:var(--space-12)}.session__timer{font-family:var(--font-display);font-size:var(--text-timer);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--cream)}.session__progress{width:100%;max-width:320px;height:6px;align-self:center;border-radius:var(--radius-pill);background:var(--night-border);overflow:hidden}.session__progress-fill{width:0%;height:100%;border-radius:var(--radius-pill);background:var(--amber);transition:width var(--duration-fast) linear}.session__state{font-size:var(--text-lg);font-weight:600;color:color-mix(in srgb,var(--cream) 82%,transparent);min-height:1.5em}.session__hachiko{position:relative;width:220px;height:220px}.session__hachiko:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(circle,var(--glow-amber),transparent 70%);border-radius:50%}.session__controls{display:flex;gap:var(--space-3)}.session__nudge{width:100%;max-width:380px}.mentor-panel{position:fixed;top:var(--space-6);right:var(--space-6);z-index:2;width:260px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--night-surface);border:1px solid var(--night-border);box-shadow:var(--shadow-card-night)}.mentor-panel__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;color:color-mix(in srgb,var(--cream) 60%,transparent)}.mentor-panel__video{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:var(--ink)}.mentor-panel__video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mentor-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.mentor-panel__state{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-align:center;color:var(--amber);min-height:1.4em}.mentor-panel__meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:color-mix(in srgb,var(--cream) 55%,transparent);text-align:center;min-height:1em}@media (max-width: 720px){.mentor-panel{top:auto;bottom:var(--space-4);right:var(--space-4);width:min(240px,calc(100vw - var(--space-8)))}}.hachiko-sleep{animation:breathe var(--duration-breath) var(--ease-spring-soft) infinite;transform-origin:50% 65%}.hachiko-pose{transition:transform var(--duration-slow) var(--ease-spring),opacity var(--duration-base) var(--ease-standard)}.hachiko-pose--enter{opacity:0;transform:scale(.86)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.mascot-peek{width:96px;height:96px;align-self:center}.progress-ring{position:relative;width:96px;height:96px;align-self:center}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:6}.progress-ring__track{stroke:var(--cream-border)}.progress-ring__fill{stroke:var(--amber);stroke-linecap:round;transition:stroke-dashoffset var(--duration-fast) linear}.progress-ring__value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.metric{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-3);border-left:3px solid color-mix(in srgb,var(--amber) 45%,transparent)}.metric__label{font-size:var(--text-xs);color:var(--ink-muted)}.metric__value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.observation{font-size:var(--text-base);font-style:normal;color:var(--ink);padding:var(--space-4);background:var(--cream);border-radius:var(--radius-md);border:1px solid var(--cream-border)}.threshold-note{font-size:var(--text-sm);color:var(--amber-deep)}.session-history{text-align:left}.session-history__title{font-size:var(--text-base);font-weight:700;color:var(--ink-muted);margin-bottom:var(--space-3)}.session-history__list{display:flex;flex-direction:column;gap:var(--space-3);max-height:40vh;overflow-y:auto;padding-right:var(--space-2)}.history-card__time{font-size:var(--text-xs);color:var(--ink-muted)}.history-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.history-card__confirm{font-size:var(--text-sm);color:var(--ink-muted)}.session-history__delete-all{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.streak-chip{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--sand);border:1px solid var(--cream-border);font-size:var(--text-sm);font-weight:600;color:var(--ink)}.streak-chip__flame{display:inline-flex;width:18px;height:18px;flex-shrink:0}.celebration{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.celebration__mascot-wrap{position:relative;width:96px;height:96px;align-self:center}.celebration__glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,var(--glow-amber),transparent 70%);animation:celebration-glow-in var(--duration-slow) var(--ease-spring);pointer-events:none}@keyframes celebration-glow-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.milestone-badge{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--amber-deep);background:var(--sand);border:1px solid var(--cream-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);text-align:center}.celebration__confetti{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.confetti-piece{position:absolute;top:0;left:0;width:7px;height:11px;border-radius:2px;opacity:0;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-standard);animation-fill-mode:forwards}.confetti-piece--1{background:var(--amber);animation-name:confetti-1}.confetti-piece--2{background:var(--sage);animation-name:confetti-2}.confetti-piece--3{background:var(--amber-deep);animation-name:confetti-3}.confetti-piece--4{background:var(--amber);animation-name:confetti-4}.confetti-piece--5{background:var(--sage);animation-name:confetti-5}.confetti-piece--6{background:var(--amber-deep);animation-name:confetti-6}.confetti-piece--7{background:var(--amber);animation-name:confetti-7}.confetti-piece--8{background:var(--sage);animation-name:confetti-8}@keyframes confetti-1{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translate(-70px,-50px) rotate(140deg)}}@keyframes confetti-2{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translate(-40px,-75px) rotate(-120deg)}}@keyframes confetti-3{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translateY(-85px) rotate(200deg)}}@keyframes confetti-4{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translate(40px,-75px) rotate(-160deg)}}@keyframes confetti-5{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translate(70px,-50px) rotate(100deg)}}@keyframes confetti-6{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translate(60px,-10px) rotate(-90deg)}}@keyframes confetti-7{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translate(-60px,-10px) rotate(180deg)}}@keyframes confetti-8{0%{opacity:1;transform:translate(-3px,-3px) rotate(0)}to{opacity:0;transform:translateY(-20px) rotate(60deg)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:1;background:var(--night);color:var(--cream);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:top var(--duration-fast) var(--ease-standard)}.skip-link:focus-visible{top:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hachiko-sleep{animation:none}}