:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#050505;--color-canvas-soft:#0b0b0b;--color-surface:#101010;--color-surface-raised:#171717;--color-border:#343434;--color-border-strong:#555;--color-text:#f7f5ef;--color-text-muted:#c4c0b8;--color-text-subtle:#8f8b84;--color-brand-orange:#ff5100;--color-brand-gold:#d3a640;--color-brand-gold-hover:#e1ba61;--color-accent:var(--color-brand-gold);--color-accent-hover:var(--color-brand-gold-hover);--color-accent-ink:#090806;--color-focus:var(--color-brand-orange);--color-danger:#e9887b;--color-warning:#e8bd72;--color-success:#82c99a;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-display:clamp(4rem, 19vw, 7rem);--line-height-tight:1.05;--line-height-body:1.6;--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;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--radius-pill:999px;--shadow-raised:0 2rem 5rem #0000004d;--content-narrow:30rem;--tap-target:3.25rem}
*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background:radial-gradient(circle at 50% 8%, #ff51001a, transparent 25rem), linear-gradient(180deg, var(--color-canvas-soft), var(--color-canvas));min-height:100%;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.button{min-height:var(--tap-target);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:750;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.button--primary{background:var(--color-accent);color:var(--color-accent-ink)}.button--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.button--quiet{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--full{width:100%}.button:disabled{cursor:not-allowed;opacity:.62}.welcome-shell{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.welcome-card{width:min(100%, var(--content-narrow));padding:clamp(var(--space-8), 9vw, var(--space-16));text-align:center;background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);overflow:hidden}.eyebrow,.status{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase}.error-shell{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.error-card{width:min(100%, var(--content-narrow));padding:clamp(var(--space-8), 9vw, var(--space-16));text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.error-card h1{margin:var(--space-4) 0;font-size:clamp(var(--font-size-xl), 7vw, 2.5rem);line-height:var(--line-height-tight)}.error-card>p:not(.eyebrow){margin:0 0 var(--space-8);color:var(--color-text-muted)}.wordmark{margin:var(--space-4) 0 var(--space-6);border:1px solid var(--color-brand-gold);letter-spacing:-.055em;grid-template-columns:1fr auto;font-size:clamp(2.5rem,12vw,4.25rem);font-weight:330;line-height:1;display:grid}.wordmark span,.wordmark strong{min-height:5.25rem;padding:var(--space-3) var(--space-4);justify-content:center;align-items:center;display:flex}.wordmark span{color:var(--color-text)}.wordmark strong{background:var(--color-brand-gold);min-width:5.5rem;color:var(--color-accent-ink);font-weight:340}.description{max-width:24rem;margin:0 auto var(--space-8);color:var(--color-text-muted);font-size:clamp(var(--font-size-md), 4vw, var(--font-size-lg))}.status{margin:var(--space-4) 0 0;color:var(--color-text-subtle);letter-spacing:.06em}@media (max-width:30rem){.welcome-shell{align-items:stretch;padding:0}.welcome-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}.error-shell{align-items:stretch;padding:0}.error-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}.wordmark{font-size:clamp(2.25rem,14vw,3.5rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.auth-shell{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.auth-brand{margin-bottom:var(--space-6);text-align:center}.auth-isotype{width:4rem;height:auto;margin:0 auto var(--space-3);display:block}.auth-brand .auth-title{margin-bottom:0}.auth-card{width:min(100%, var(--content-narrow));padding:clamp(var(--space-6), 7vw, var(--space-10));text-align:left;background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.auth-title{margin:var(--space-2) 0 var(--space-3);color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.auth-card .description{margin-bottom:var(--space-6)}.auth-form{gap:var(--space-5);display:grid}.field{gap:var(--space-2);display:grid}.field__label{color:var(--color-text);font-size:var(--font-size-sm)}.field__input{min-height:var(--tap-target);padding:0 var(--space-4);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);background:var(--color-canvas-soft);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.field__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.field__input[aria-invalid=true]{border-color:var(--color-danger)}.field__hint{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.field__error{color:var(--color-danger);font-size:var(--font-size-sm)}.form-alert{padding:var(--space-3) var(--space-4);color:var(--color-text);font-size:var(--font-size-sm);background:color-mix(in srgb, var(--color-danger) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 45%, transparent);border-radius:var(--radius-md)}.auth-alt{margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.auth-alt a{color:var(--color-accent)}a.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (max-width:30rem){.auth-shell{padding:var(--space-4)}.auth-card{padding:var(--space-6) var(--space-5)}}.dog-list{gap:var(--space-3);margin-bottom:var(--space-6);list-style:none;display:grid}.dog-card{padding:var(--space-4);background:var(--color-canvas-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dog-card__head{gap:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dog-card__name{color:var(--color-text);font-size:var(--font-size-lg)}.dog-card__badge{padding:2px var(--space-2);color:var(--color-accent-ink);font-size:var(--font-size-xs);text-transform:uppercase;background:var(--color-accent);border-radius:var(--radius-pill)}.dog-card__detail{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.dog-card__actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.chat-shell{flex-direction:column;width:min(42rem,100%);height:100dvh;margin-inline:auto;display:flex}.chat-bar{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-canvas-soft);border-bottom:1px solid var(--color-border);flex:none;align-items:center;display:flex}.chat-bar__mark{border-radius:var(--radius-pill);background:#1a0d05;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.chat-bar__mark img{width:1.6rem;height:auto}.chat-bar__text{flex-direction:column;min-width:0;display:flex}.chat-bar__name{font-size:var(--font-size-sm);font-weight:600}.chat-bar__state{color:var(--color-text-subtle);font-size:var(--font-size-xs);line-height:1.3}.chat-bar__state[data-live=true]{color:var(--color-warning)}.chat-bar__link{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-inline-start:auto}.chat-disclaimer{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body);background:#0f0c06;border-bottom:1px solid #3b3118;flex:none;margin:0}.chat-disclaimer strong{color:var(--color-warning)}.chat-thread{gap:var(--space-3);padding:var(--space-4);flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.chat-welcome{padding:var(--space-6) var(--space-4);text-align:center;margin:auto 0}.chat-welcome__hello{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:600}.chat-welcome__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body);margin:0}.chat-day{gap:var(--space-3);padding:var(--space-1) 0;align-items:center;display:flex}.chat-day:before,.chat-day:after{background:var(--color-border);content:"";flex:1;height:1px}.chat-day button{color:var(--color-text-subtle);font-family:inherit;font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.chat-message{max-width:88%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-end-start-radius:var(--radius-sm)}.chat-message--tutor{background:var(--color-surface-raised);border-color:var(--color-border-strong);border-end-end-radius:var(--radius-sm);border-end-start-radius:var(--radius-md);align-self:flex-end}.chat-message--pending{opacity:.55}.chat-message--safety{background:#14110a;border-color:#4a3d1d;max-width:100%}.chat-message__meta{gap:var(--space-2);margin:0 0 var(--space-2);color:var(--color-text-subtle);font-size:var(--font-size-xs);flex-wrap:wrap;align-items:baseline;display:flex}.chat-message__author{color:var(--color-text-muted);font-weight:600}.chat-badge{padding:.05rem var(--space-2);color:var(--color-accent-ink);background:var(--color-text-subtle);border-radius:var(--radius-pill);font-size:.7rem;font-weight:600}.chat-badge--safety{background:var(--color-warning)}.chat-message__body{color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-body);white-space:pre-line;margin:0}.chat-message__actions{margin:var(--space-3) 0 0}.chat-action{padding:var(--space-2) var(--space-4);color:var(--color-accent-ink);font-size:var(--font-size-xs);background:var(--color-warning);border-radius:var(--radius-pill);font-weight:600;text-decoration:none;display:inline-block}.chat-action:hover{background:#f0cd8c}.chat-typing{gap:var(--space-3);align-items:center;width:fit-content;display:flex}.chat-typing__label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.chat-typing__dots{gap:var(--space-1);display:inline-flex}.chat-typing__dots span{background:var(--color-text-subtle);border-radius:var(--radius-pill);width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite chat-typing-pulse}.chat-typing__dots span:nth-child(2){animation-delay:.18s}.chat-typing__dots span:nth-child(3){animation-delay:.36s}@keyframes chat-typing-pulse{0%,60%,to{opacity:.28}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.chat-typing__dots span{opacity:.6;animation:none}}.chat-form{gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--color-canvas-soft);border-top:1px solid var(--color-border);flex-direction:column;flex:none;display:flex}.chat-form__notice{color:var(--color-warning);font-size:var(--font-size-sm);margin:0}.chat-form__pro{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body);border-radius:var(--radius-md);background:#0f0c06;border:1px solid #3b3118;margin:0}.chat-composer{gap:var(--space-2);align-items:flex-end;display:flex}.chat-composer__input{min-height:var(--tap-target);max-height:8rem;padding:var(--space-3) var(--space-4);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-body);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);resize:none;flex:1}.chat-composer__input::placeholder{color:var(--color-text-subtle)}.chat-icon{width:var(--tap-target);height:var(--tap-target);color:var(--color-text-subtle);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.chat-icon:hover{color:var(--color-text-muted);background:var(--color-surface)}.chat-icon svg{fill:none;stroke-linejoin:round;width:1.3rem;height:1.3rem}.chat-icon--send{color:var(--color-accent-ink);background:var(--color-brand-orange)}.chat-icon--send:hover{color:var(--color-accent-ink);background:#ff6b26}.chat-icon--send:disabled{opacity:.45;cursor:not-allowed}.chat-hint{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--font-size-xs);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-self:flex-start}.chat-hint:hover{color:var(--color-brand-orange);border-color:var(--color-brand-orange)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}