:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Segoe UI,Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-bg: #fffaf0;--color-card: rgba(255, 253, 248, .86);--color-elevated: #fffdf8;--color-border: rgba(0, 0, 0, .1);--color-accent: #0a0a0a;--color-accent-strong: #000000;--color-accent-light: #1a3a3a;--color-wine: #8b3a42;--color-wine-deep: #5c2028;--color-success: #0f6b35;--color-danger: #aa251f;--color-text: #0a0a0a;--color-text-secondary: #5f5a52;--color-text-muted: #6a655e;--color-clay-pink: #ff4d8b;--color-clay-teal: #1a3a3a;--color-clay-lavender: #b8a4ed;--color-clay-peach: #ffb084;--color-clay-ochre: #e8b94a;--color-clay-mint: #a4d4c5;--color-clay-coral: #ff6b5a;--color-clay-surface-soft: #faf5e8;--color-clay-surface-card: #f5f0e0;--color-clay-surface-strong: #ebe6d6;--color-clay-hairline: #e5e5e5;--color-tint-wine: rgba(139, 58, 66, .1);--color-tint-pink: rgba(255, 77, 139, .12);--color-tint-lavender: rgba(184, 164, 237, .2);--color-tint-peach: rgba(255, 176, 132, .16);--color-tint-mint: rgba(164, 212, 197, .18);--color-tint-gold: rgba(232, 185, 74, .16);--color-surface-soft: rgba(250, 245, 232, .72);--gradient-clay-border: linear-gradient( 135deg, rgba(255, 77, 139, .46), rgba(184, 164, 237, .54) 28%, rgba(255, 176, 132, .5) 56%, rgba(164, 212, 197, .58) 80%, rgba(232, 185, 74, .46) );--color-danger-soft: #fde8e3;--color-success-soft: #e4f1e9;--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;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-bg)}button,input,select,textarea,code{font:inherit}button,a,label{-webkit-tap-highlight-color:rgba(0,0,0,.08)}a:not(.button,.primary-nav__link):active{opacity:.68}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:has(input:focus-visible),main:focus-visible{outline:3px solid var(--color-accent-light);outline-offset:3px}h1,h2,p{margin-top:0}h1{margin-bottom:var(--space-3);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Segoe UI,sans-serif;font-size:clamp(2rem,6vw,3.25rem);font-weight:650;line-height:1.08;letter-spacing:-.035em}h2{margin-bottom:var(--space-2);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Segoe UI,sans-serif;font-size:1.375rem;font-weight:600;line-height:1.3;letter-spacing:-.02em}p{line-height:1.55}.app-shell{min-height:100vh}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-bg);font-weight:700;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.top-bar{position:sticky;z-index:10;top:0;display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) var(--space-4) 0;border-bottom:0;background:#fffaf0bd;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px #0000000f}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.0625rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.brand-mark svg{width:2rem;height:2rem;fill:none;stroke:var(--color-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.brand-mark .brand-mark__wine{fill:var(--color-wine);stroke:none}.beta-badge,.status-pill{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-text);font-size:.75rem;font-weight:600}.primary-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:flex;min-height:calc(4rem + env(safe-area-inset-bottom));align-items:flex-start;justify-content:space-around;padding:var(--space-1) var(--space-2) env(safe-area-inset-bottom);border-top:0;background:#fffdf8d6;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 -1px #00000014}.primary-nav__brand,.primary-nav__footnote{display:none}.primary-nav__items{display:contents}.primary-nav__link{position:relative;display:flex;min-width:4.75rem;min-height:3.5rem;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;text-decoration:none;transform:scale(1);transition:transform .1s ease-out,background .12s ease-out,color .12s ease-out}.primary-nav__link--active{color:var(--color-text)}.primary-nav__link--active:after{position:absolute;width:.25rem;height:.25rem;margin-top:3.25rem;border-radius:50%;background:var(--color-wine);content:""}.nav-icon{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.app-content{width:min(100%,70rem);margin:0 auto;padding:var(--space-8) var(--space-4) calc(5.5rem + env(safe-area-inset-bottom))}.page{display:grid;gap:var(--space-8)}.journey-steps{display:grid;margin:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none}.journey-steps__item{position:relative;display:grid;min-width:0;gap:var(--space-2);color:var(--color-text-muted);grid-template-columns:1.75rem minmax(0,1fr)}.journey-steps__item:not(:last-child):after{position:absolute;z-index:0;top:.85rem;right:.25rem;left:2rem;height:1px;background:var(--color-border);content:""}.journey-steps__item[data-active=true],.journey-steps__item[data-complete=true]{color:var(--color-text)}.journey-steps__number{position:relative;z-index:1;display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-card);color:var(--color-text-secondary);font-size:.75rem;font-weight:800}.journey-steps__item[data-active=true] .journey-steps__number{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.journey-steps__item[data-complete=true] .journey-steps__number{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.journey-steps strong,.journey-steps small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-steps strong{font-size:.8125rem}.journey-steps small{margin-top:.15rem;color:var(--color-text-muted);font-size:.75rem}.page-header{max-width:48rem}.page-header__description,.auth-card__description,.feature-card p,.capture-card p,.not-found>p,.fatal-error>p{margin-bottom:0;color:var(--color-text-secondary)}.eyebrow{margin-bottom:var(--space-2);color:var(--color-wine-deep);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.feature-card,.capture-card,.editor-card,.filter-panel,.state-panel,.tasting-card,.trash-card,.danger-card,.settings-card,.identity-card,.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}.feature-card{display:grid;gap:var(--space-5);overflow:hidden;padding:var(--space-6);background:var(--color-card)}.feature-card__motif{position:relative;display:grid;width:4.5rem;height:4.5rem;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--color-tint-pink),var(--color-tint-lavender) 36%,var(--color-tint-peach) 68%,var(--color-tint-mint))}.feature-card__motif:before{width:1.9rem;height:2.8rem;border:2px solid var(--color-wine-deep);border-radius:45% 45% 22% 22%;content:"";transform:rotate(8deg)}.feature-card__motif span{position:absolute;width:.6rem;height:1.6rem;border:2px solid var(--color-wine-deep);border-top:0;transform:translate(1.05rem,-1.55rem) rotate(8deg)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;transform:scale(1);transition:transform .1s ease-out,background .12s ease-out,border-color .12s ease-out,color .12s ease-out}.button:active:not(:disabled),.primary-nav__link:active,.library-state-switch__button:active,.auth-method:active{transform:scale(.97)}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-accent-strong)}.button--secondary{border-color:var(--color-border);background:var(--color-bg);color:var(--color-text)}.button--ghost{background:transparent;color:var(--color-text-secondary)}.button--compact{min-height:2.75rem;padding:0 var(--space-4)}.button--full{width:100%}.button:disabled,.button[aria-disabled=true]{border-color:var(--color-border);background:var(--color-elevated);color:var(--color-text-muted);cursor:not-allowed}.privacy-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:3px solid var(--color-success);background:var(--color-card)}.privacy-note__dot{width:.65rem;height:.65rem;flex:none;margin-top:.4rem;border:2px solid var(--color-success);border-radius:50%}.privacy-note strong{display:block;margin-bottom:var(--space-1);font-size:.875rem}.privacy-note p{margin-bottom:0;color:var(--color-text-secondary);font-size:.8125rem}.capture-card{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--color-card)}.page-actions,.filter-panel__actions,.trash-card__actions,.confirmation-row>div{display:flex;flex-wrap:wrap;gap:var(--space-3)}.filter-panel,.editor-card,.state-panel,.danger-card{padding:var(--space-6)}.filter-panel,.editor-card,.danger-card{display:grid;gap:var(--space-5)}.library-state-switch{display:grid;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ebe6d6a3;grid-template-columns:repeat(3,minmax(0,1fr))}.library-state-switch__button{min-height:2.75rem;padding:0 var(--space-3);border:0;border-radius:calc(var(--radius-md) - .25rem);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:600;transform:scale(1);transition:transform .1s ease-out,background .12s ease-out,color .12s ease-out}.library-state-switch__button[aria-pressed=true]{background:var(--color-clay-teal);color:#fff;box-shadow:none}.library-search-field input{min-height:3.25rem;font-size:1rem}.advanced-filters{border-top:1px solid var(--color-border)}.advanced-filters summary{min-height:2.75rem;padding-top:var(--space-3);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:700}.advanced-filters[open] summary{margin-bottom:var(--space-4)}.filter-panel>h2,.editor-card>h2,.danger-card>h2{margin-bottom:0}.editor-card>p,.danger-card>p,.state-panel>p,.trash-card p,.tasting-card p{margin-bottom:0;color:var(--color-text-secondary)}.editor-card__lead{margin:calc(var(--space-3) * -1) 0 0;color:var(--color-wine-deep);font-size:1rem}.filter-grid,.form-grid{display:grid;gap:var(--space-4)}.form-field{display:grid;min-width:0;gap:var(--space-2);color:var(--color-text-secondary);font-size:.8125rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;min-height:3rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.form-field textarea{min-height:8rem;resize:vertical}.form-field small{color:var(--color-text-secondary);font-size:.75rem;font-weight:400}.tasting-form{display:grid;gap:var(--space-6)}.tasting-form fieldset{min-width:0;margin:0;padding:0;border:0}.tasting-form legend{margin-bottom:var(--space-4);color:var(--color-text);font-size:.875rem;font-weight:700}.tasting-form>.button{justify-self:start}.form-message{margin-bottom:0;color:var(--color-danger);font-size:.8125rem}.form-message--success{color:var(--color-success)}.state-panel{display:grid;justify-items:start;gap:var(--space-4)}.state-panel--error{border-color:var(--color-border);border-left:3px solid var(--color-danger);background:var(--color-card)}.tasting-list{display:grid;gap:var(--space-4)}.tasting-card,.trash-card{display:grid;align-items:center;gap:var(--space-4);padding:var(--space-6)}.tasting-list .tasting-card:nth-child(n){background:var(--color-card)}.tasting-card__body{min-width:0}.tasting-card__body h2,.trash-card h2{margin:var(--space-3) 0 var(--space-1);overflow-wrap:anywhere}.tasting-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tasting-card__rating{margin-top:var(--space-3);color:var(--color-wine-deep)!important;font-size:.8125rem;font-weight:700}.status-pill--danger{border-color:#c53a356b;background:var(--color-danger-soft);color:var(--color-danger)}.button--danger{border-color:var(--color-danger);background:var(--color-danger);color:#fff}.button--danger:hover:not(:disabled){background:#9f2f2b}.danger-card{border-color:var(--color-border);border-left:3px solid var(--color-danger);background:var(--color-card)}.confirmation-row,.conflict-notice{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-card)}.confirmation-row p,.conflict-notice p{margin-bottom:0}.detail-capability-grid{display:grid;gap:var(--space-5)}.assistant-card{display:grid;min-width:0;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}.assistant-card>.button{justify-self:start}.assistant-card__heading,.ai-draft-panel__heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.assistant-card__heading h2,.assistant-card__heading .eyebrow,.ai-draft-panel__heading h3,.assistant-card__description,.assistant-gate,.assistant-feedback,.assistant-revision-note,.ai-job-status p,.ai-inline-error p{margin-bottom:0}.assistant-card__description,.assistant-gate,.assistant-feedback,.assistant-revision-note,.ai-job-status,.flavor-artifact figcaption,.share-preview figcaption{color:var(--color-text-secondary);font-size:.8125rem}.assistant-style-field{max-width:20rem}.assistant-gate{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.ai-job-status,.ai-inline-error,.ai-draft-panel{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#ebe6d66b}.ai-job-status{border:1px solid var(--color-border)}.ai-inline-error{justify-items:start;border:1px solid var(--color-border);border-left:3px solid var(--color-danger);background:var(--color-card)}.ai-action-row,.share-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ai-draft-panel{border:1px solid rgba(92,32,40,.22);background:var(--color-surface-soft)}.ai-draft-panel__heading h3{color:var(--color-wine-deep);font-size:1rem}.ai-draft-panel__heading span{min-width:0;color:var(--color-text-secondary);font-size:.75rem;overflow-wrap:anywhere}.ai-draft-panel__content{margin-bottom:0;overflow-wrap:anywhere;white-space:pre-wrap}.assistant-feedback{min-height:1.25rem}.flavor-artifact,.share-preview{display:grid;min-width:0;gap:var(--space-3);margin:0}.flavor-artifact figcaption{min-width:0;overflow-wrap:anywhere}.flavor-artifact img,.share-preview img{display:block;width:100%;max-height:34rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);object-fit:contain}.share-preview img{max-width:23.5rem;aspect-ratio:750 / 1334}.conflict-notice{border-color:var(--color-border);border-left-color:#8a6200;background:var(--color-card)}.load-more{justify-self:center}.capture-card__frame{position:relative;display:none;min-height:10rem;place-items:center;border:1px dashed rgba(10,10,10,.38);border-radius:var(--radius-md);background:#f5f0e0a8}.capture-card__frame:before,.capture-card__frame:after{position:absolute;width:2rem;height:2rem;border-color:var(--color-accent);border-style:solid;content:""}.capture-card__frame:before{top:var(--space-4);left:var(--space-4);border-width:2px 0 0 2px}.capture-card__frame:after{right:var(--space-4);bottom:var(--space-4);border-width:0 2px 2px 0}.capture-card__bottle{width:3.5rem;height:9rem;border:2px solid var(--color-text-secondary);border-radius:.5rem .5rem 1rem 1rem;opacity:.52}.capture-card__bottle:before{display:block;width:1.5rem;height:3rem;margin:-3.1rem auto 0;border:2px solid var(--color-text-secondary);border-bottom:0;border-radius:.25rem .25rem 0 0;content:""}.capture-card__button{cursor:pointer}.capture-card__actions{display:grid;gap:var(--space-3)}.capture-card__status{min-height:2.6rem;margin-bottom:0;color:var(--color-text-secondary);font-size:.8125rem}.capture-card__preview{display:grid;gap:var(--space-3);margin:0}.capture-card__preview img{width:100%;max-height:24rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffdf8c7;object-fit:contain}.capture-card__preview figcaption{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5}.capture-card__actions--photo{grid-template-columns:minmax(0,1fr)}.upload-consent{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffdf8b8;color:var(--color-text-secondary);cursor:pointer;font-size:.8125rem;line-height:1.55}.upload-consent input{width:1.25rem;height:1.25rem;flex:none;margin:.1rem 0 0;accent-color:var(--color-accent)}.settings-card{overflow:hidden}.settings-row{display:flex;min-height:5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4)}.settings-row>*{min-width:0}.settings-row+.settings-row{border-top:1px solid var(--color-border)}.settings-row__label{display:block;margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:.75rem}.settings-row__meta{color:var(--color-text-secondary);font-size:.875rem}.settings-row--stacked{align-items:flex-start}.identity-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.identity-pill{display:inline-flex;min-height:1.75rem;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success);font-size:.75rem;font-weight:700}.identity-card{display:grid;gap:var(--space-5);padding:var(--space-5)}.identity-card>div>p:last-child{margin-bottom:0;color:var(--color-text-secondary);font-size:.875rem}.auth-page,.not-found,.fatal-error{display:grid;min-height:100vh;place-items:center;padding:var(--space-6) var(--space-4)}.auth-page{min-height:100dvh;padding-top:calc(var(--space-6) + env(safe-area-inset-top));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--color-bg)}.auth-card{display:grid;width:min(100%,30rem);gap:var(--space-8);padding:var(--space-6);border-color:#0a0a0a14;background:#fffdf8db;box-shadow:0 1.25rem 4rem #0000000f}.auth-card h1{font-size:clamp(2rem,6vw,3rem)}.auth-card:not(.auth-card--login){width:min(100%,48rem)}.auth-form{display:grid;gap:var(--space-3)}.auth-form--verification{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.auth-verification-group{display:grid;min-width:0;gap:var(--space-3);margin:0;padding:0;border:0}.auth-verification-group+.auth-verification-group{margin-top:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.auth-verification-group__legend{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0;padding:0;color:var(--color-text);font-size:.8125rem;font-weight:700}.auth-verification-group__legend label{font-weight:700}.auth-verification-group__legend span{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;text-align:right}.auth-form label{font-size:.8125rem;font-weight:600}.auth-form input{min-height:3rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.auth-form input.auth-code-input{border-color:#5c202880;color:var(--color-wine-deep);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.18em}.auth-form input.auth-code-input::placeholder{color:var(--color-text-secondary);font-weight:500;letter-spacing:normal}.auth-form input,.auth-form__message{scroll-margin-block:var(--space-6)}.auth-form input:disabled{color:var(--color-text-muted);opacity:1}.auth-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.auth-method{min-height:2.75rem;border:0;border-radius:calc(var(--radius-md) - var(--space-1));background:transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:700;transform:scale(1);transition:transform .1s ease-out,background .12s ease-out,color .12s ease-out}.auth-method--active{background:var(--color-clay-teal);color:#fff}.field-hint,.auth-form__message{min-height:1.25rem;margin-bottom:0;color:var(--color-text-secondary);font-size:.75rem}.auth-form__message[role=alert]{min-height:auto;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-danger);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-danger-soft);color:var(--color-danger);line-height:1.5}.auth-challenge-status,.auth-notice{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ebe6d675}.auth-challenge-status strong{display:block;margin-bottom:var(--space-1)}.auth-challenge-status p,.auth-notice p,.auth-state p{margin-bottom:0;color:var(--color-text-secondary);font-size:.8125rem}.auth-challenge-status code{padding:.1rem var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-wine-deep);font-weight:700;letter-spacing:.12em}.auth-test-code{display:grid;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.auth-test-code__value{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0}.auth-test-code__action{display:flex}.auth-test-code__action .button{border-color:#5c20284d;background:var(--color-bg);color:var(--color-wine-deep)}.auth-test-code__action .button:hover:not(:disabled){border-color:#5c202880;background:var(--color-card)}.auth-notice{display:grid;gap:var(--space-2);border-color:#c53a3561;border-left:3px solid var(--color-danger);background:var(--color-card)}.auth-notice .button{justify-self:start}.auth-state{justify-items:start}.text-link{color:var(--color-text);font-weight:600;text-align:center;text-underline-offset:.25rem}.not-found,.fatal-error{align-content:center;justify-items:start;max-width:34rem;margin:0 auto}.not-found .button,.fatal-error .button{margin-top:var(--space-5)}.update-toast{position:fixed;z-index:50;right:var(--space-4);bottom:calc(5rem + env(safe-area-inset-bottom));left:var(--space-4);display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fffdf8e6;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 1rem 3rem #00000024}.update-toast strong{display:block;margin-bottom:var(--space-1)}.update-toast p{margin-bottom:0;color:var(--color-text-secondary);font-size:.8125rem}.update-toast__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.feature-card,.capture-card,.assistant-card,.auth-card{border:1px solid transparent;outline:1px solid rgba(10,10,10,.035);outline-offset:-1px;background:linear-gradient(var(--color-card),var(--color-card)) padding-box,var(--gradient-clay-border) border-box}.beta-badge{border:1px solid transparent;background:linear-gradient(var(--color-card),var(--color-card)) padding-box,var(--gradient-clay-border) border-box}@media(max-width:30rem){.journey-steps small{display:none}.settings-row{align-items:flex-start;flex-direction:column}.update-toast__actions .button{width:100%}.auth-page{padding-right:var(--space-4);padding-left:var(--space-4)}.auth-card--login{gap:var(--space-5)}.auth-card--login:has(.auth-form--verification){gap:var(--space-3);padding-top:var(--space-5);padding-bottom:var(--space-5)}.auth-card--login:has(.auth-form--verification)>.auth-form:not(.auth-form--verification){gap:var(--space-2)}.auth-form--verification{gap:var(--space-3);padding-top:var(--space-3)}.auth-card--login .auth-challenge-status{padding:var(--space-3)}.auth-card--login .auth-challenge-status:has(.auth-test-code) strong{margin-bottom:0}.auth-verification-group{gap:var(--space-2)}.auth-verification-group+.auth-verification-group{padding-top:var(--space-3)}.auth-test-code{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2)}.auth-test-code__action .button{width:100%}}@media(min-width:48rem){.detail-capability-grid,.filter-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field--wide{grid-column:1 / -1}.tasting-card,.trash-card{grid-template-columns:minmax(0,1fr) auto}.app-shell{display:block}.top-bar{display:none}.primary-nav{position:sticky;top:0;display:grid;width:100%;min-height:4rem;align-items:center;padding:0 clamp(1.5rem,5vw,4rem);border-top:0;border-bottom:0;background:#fffaf0cc;box-shadow:0 1px #0000000f;grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr)}.primary-nav__brand{display:flex;align-items:center;gap:var(--space-4);padding:0}.primary-nav__brand p{margin:0;color:var(--color-text-secondary);font-size:.75rem}.primary-nav__items{display:flex;align-items:center;gap:var(--space-1)}.primary-nav__link{min-width:auto;min-height:2.75rem;align-items:center;justify-content:center;flex-direction:row;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-full);font-size:.875rem}.primary-nav__link:hover,.primary-nav__link--active{background:var(--color-card)}.primary-nav__link--active:after{display:none}.primary-nav__footnote{display:block;justify-self:end;margin:0;color:var(--color-text-secondary);font-size:.75rem;text-align:right}.app-content{width:min(100%,80rem);padding:clamp(3rem,7vw,6rem) clamp(2rem,6vw,5rem)}.update-toast{right:var(--space-6);bottom:var(--space-6);left:auto;width:min(24rem,calc(100vw - 2rem))}}@media(min-width:60rem){.page--library .feature-card{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;padding:var(--space-6)}.page--library .feature-card .button{grid-column:2;justify-self:start}.capture-card{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;padding:var(--space-6)}.capture-card__frame,.capture-card__preview{grid-row:1 / span 7}.capture-card__frame{display:grid;min-height:15rem}}@media(min-width:48rem)and (max-width:64rem){.primary-nav{grid-template-columns:auto 1fr}.primary-nav__brand p,.primary-nav__footnote{display:none}.primary-nav__items{justify-self:end}}@media(prefers-reduced-transparency:reduce){:root{--color-card: #ffffff;--color-surface-soft: #ffffff}.top-bar,.primary-nav,.auth-card,.update-toast{background:var(--color-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--color-card: #ffffff;--color-border: #1d1d1f;--color-text-secondary: #3a3a3c;--color-text-muted: #3a3a3c;--color-surface-soft: #ffffff}.top-bar,.primary-nav,.feature-card,.capture-card,.editor-card,.filter-panel,.state-panel,.tasting-card,.trash-card,.settings-card,.identity-card,.auth-card,.danger-card,.assistant-card,.privacy-note,.update-toast{border-color:var(--color-text);background:var(--color-elevated)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.button:active,.primary-nav__link:active,.library-state-switch__button:active,.auth-method:active{transform:none}}