:root{--primary: #1b263b;--primary-2: #415a77;--primary-3: #778da9;--primary-05: rgba(65, 90, 119, .08);--primary-10: rgba(65, 90, 119, .12);--primary-20: rgba(65, 90, 119, .22);--primary-5: rgba(65, 90, 119, .08);--font-family-sans: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Public Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-brand: "Avenir Next", Avenir, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Public Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-display: 30px;--font-size-h1: 28px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-title: 18px;--font-size-body-lg: 16px;--font-size-body: 14px;--font-size-body-sm: 13px;--font-size-caption: 12px;--line-height-tight: 1.18;--line-height-body: 1.55;--line-height-caption: 1.35;--text-wrap-heading: balance;--text-wrap-body: pretty;--font-feature-numeric: "tnum" 1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--focus-ring: #778da9;--focus-ring-width: 3px;--focus-ring-offset: 3px;--target-size: 44px;--target-size-min: 24px;--surface: #ffffff;--surface-soft: #f3f4f1;--bg: #ffffff;--modal-backdrop: rgb(13 27 42 / 52%);--modal-max-width: 420px;--text: #0d1b2a;--text-2: #1b263b;--muted: #415a77;--muted-2: #778da9;--line: rgba(13, 27, 42, .1);--line-soft: rgba(13, 27, 42, .05);--line-strong: rgba(13, 27, 42, .16);--border: rgba(13, 27, 42, .1);--ok: var(--status-success-text);--error: var(--status-error-text);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-card: 16px;--radius-xl: 20px;--radius-full: 9999px;--breakpoint-mobile: 767px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--shell-height: 100dvh;--shell-header-height: 56px;--wide-nav-height: 64px;--shell-max-width-mobile: 420px;--shell-max-width-tablet: 980px;--shell-max-width-tablet-wide: 1120px;--shell-max-width-desktop: 1120px;--shell-max-width-desktop-wide: 1280px;--bottom-nav-height: 64px;--action-bar-height: 64px;--compose-action-rail-height: 72px;--compose-action-rail-height-compact: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--z-base: 0;--z-content: 1;--z-action-bar: 18;--z-nav: 20;--z-header: 24;--z-toast: 30;--z-overlay: 40;--z-splash: 80;--z-modal: 1000;--motion-fast: .15s;--motion-standard: .2s;--motion-emphasis: .3s;--measure-body: 68ch;--measure-display: 24ch;--editorial-content-inset: 18px}:root{--surface-inverse: #0d1b2a;--surface-inverse-strong: #0d1b2a;--surface-inverse-glass: rgba(13, 27, 42, .36);--surface-inverse-glass-soft: rgba(13, 27, 42, .3);--surface-inverse-glass-chip: rgba(13, 27, 42, .28);--surface-glass: rgba(255, 255, 255, .18);--surface-glass-soft: rgba(255, 255, 255, .7);--surface-glass-medium: rgba(255, 255, 255, .22);--surface-glass-bright: rgba(255, 255, 255, .32);--surface-glass-dense: rgba(255, 255, 255, .26);--surface-glass-solid: rgba(255, 255, 255, .88);--header-surface-glass: rgba(255, 255, 255, .96);--inverse-text: #f8fafc;--inverse-text-strong: #ffffff;--inverse-text-muted: #e2e8f0;--inverse-text-muted-strong: rgba(226, 232, 240, .92);--inverse-text-subtle: rgba(203, 213, 225, .88);--inverse-line: rgba(255, 255, 255, .2);--inverse-line-medium: rgba(255, 255, 255, .28);--inverse-line-strong: rgba(255, 255, 255, .3);--surface-glass-line: rgba(255, 255, 255, .34);--surface-glass-line-strong: rgba(255, 255, 255, .36);--surface-glass-line-solid: rgba(255, 255, 255, .74);--shadow-sm: 0 2px 12px -2px rgba(13, 27, 42, .08);--shadow-md: 0 4px 20px -2px rgba(13, 27, 42, .1);--shadow-lg: 0 8px 30px -4px rgba(13, 27, 42, .16);--shadow-primary: 0 8px 24px -4px rgba(27, 38, 59, .24);--shadow-hairline: 0 1px 0 var(--line-soft);--shadow-on-image-text: 0 1px 0 var(--surface-inverse-glass);--shadow-on-image-text-strong: 0 1px 0 var(--surface-inverse-glass), 0 4px 18px var(--surface-inverse-glass-chip)}:root{--auth-form-background: var(--surface-inverse);--auth-hero-overlay: rgba(13, 27, 42, .52);--auth-hero-kicker: rgba(255, 255, 255, .78);--auth-hero-copy: rgba(255, 255, 255, .82);--auth-input-background: rgba(255, 255, 255, .96);--auth-input-line: rgba(255, 255, 255, .7);--auth-panel-background: var(--surface-inverse);--auth-panel-shadow: var(--shadow-lg);--auth-error-copy: #fecaca;--auth-panel-radius: var(--radius-xl);--auth-panel-padding: 28px;--auth-panel-max-width: 520px;--auth-hero-max-width: 23rem;--auth-copy-max-width: 27em;--auth-panel-rail: clamp(32px, 8vw, 144px);--auth-hero-rail: clamp(48px, 8vw, 160px);--auth-brand-side-inset: 96px;--auth-desktop-column-width: min(520px, 38vw);--auth-back-control-size: var(--target-size);--auth-entry-control-height: 56px;--auth-submit-control-height: 58px;--auth-verification-control-height: 62px;--auth-compact-offset: -4px;--auth-compact-inset: 18px;--auth-password-letter-spacing: .05em;--auth-legal-column-gap: var(--space-3);--auth-legal-row-gap: var(--space-1);--auth-weight-medium: 600;--auth-weight-action: 750;--auth-weight-label: 800;--auth-weight-strong: 850;--auth-line-heading: 1.18;--auth-line-copy: 1.55;--auth-line-label: 1.35;--auth-line-action: 1.25;--auth-line-panel-copy: 1.5;--auth-letter-heading: -.02em;--auth-overlay-top-mobile: 104px;--auth-overlay-top-tablet: 124px;--auth-overlay-top-desktop: clamp(140px, 18vh, 220px);--auth-overlay-top-short: 72px;--auth-hero-title-size: clamp(32px, 3.2vw, 52px);--auth-code-letter-spacing: .24em}:root{--home-head-sky-wash: rgba(65, 90, 119, .18);--home-head-teal-wash: rgba(119, 141, 169, .18);--home-info-line: rgba(65, 90, 119, .26);--home-info-surface: rgba(243, 244, 241, .94);--home-hero-glow: rgba(119, 141, 169, .32);--home-template-sky-wash: rgba(65, 90, 119, .14);--home-template-teal-wash: rgba(119, 141, 169, .14);--home-template-sky-orb: rgba(224, 225, 221, .24);--template-story-line: rgba(65, 90, 119, .3);--template-data-line: rgba(27, 38, 59, .3);--template-trend-line: rgba(119, 141, 169, .32);--template-review-line: rgba(65, 90, 119, .24)}:root{--status-info: #415a77;--status-info-bg: #eef0f3;--status-empty-bg: #f3f4f1;--status-warning: #586f8c;--status-warning-bg: #f1f2f4;--status-success-bg: #e8f3ed;--status-success-surface: #f4faf6;--status-success-text: #2f6b53;--status-success-line: rgba(47, 107, 83, .22);--status-error-bg: #fceeee;--status-error-text: #a54343;--status-error-line: rgba(165, 67, 67, .22);--status-error-surface: #fff7f6;--evidence-confirmed: #415a77;--evidence-unconfirmed: #586f8c;--evidence-conflict: #586f8c;--evidence-rejected: #586f8c;--evidence-sensitive: #415a77}:root{--upload-drop-line: rgba(65, 90, 119, .32);--upload-drop-line-hover: rgba(65, 90, 119, .52);--thumb-placeholder: #e0e1dd;--thumb-placeholder-soft: #eef0ee;--thumb-surface: #f9faf8;--thumb-toolbar-surface: rgba(255, 255, 255, .94);--thumb-loading: #778da9}:root{--content-primary: var(--text);--content-secondary: var(--text-2);--content-muted: var(--muted);--content-subtle: var(--muted-2);--content-inverse: var(--inverse-text-strong);--surface-canvas: var(--bg);--surface-raised: var(--surface);--surface-subtle: var(--surface-soft);--surface-overlay: var(--surface-glass-solid);--border-default: var(--line);--border-subtle: var(--line-soft);--border-strong: var(--line-strong);--action-primary-background: var(--primary);--action-primary-content: var(--inverse-text-strong);--action-primary-border: var(--primary);--action-secondary-background: var(--surface);--action-secondary-content: var(--primary);--action-secondary-border: var(--line);--action-hover-background: var(--primary-05);--action-pressed-scale: .98;--interaction-focus: var(--focus-ring);--interaction-focus-width: var(--focus-ring-width);--interaction-focus-offset: var(--focus-ring-offset);--interaction-disabled-opacity: .5;--interaction-target-min: var(--target-size);--feedback-info-background: var(--status-info-bg);--feedback-info-content: var(--status-info);--feedback-info-border: var(--primary-20);--feedback-warning-background: var(--status-warning-bg);--feedback-warning-content: var(--status-warning);--feedback-warning-border: var(--line-strong);--feedback-success-background: var(--status-success-bg);--feedback-success-content: var(--status-success-text);--feedback-success-border: var(--status-success-line);--feedback-error-background: var(--status-error-bg);--feedback-error-content: var(--status-error-text);--feedback-error-border: var(--status-error-line);--control-height-default: 56px;--control-radius-default: var(--radius);--control-motion: var(--motion-fast);--surface-radius-default: var(--radius-card);--surface-shadow-default: var(--shadow-sm)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.icon{width:1em;height:1em;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-family:Material Symbols Outlined;font-weight:400;font-style:normal;letter-spacing:0;line-height:1;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only[data-screen-heading]:focus{width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;top:8px;left:8px;z-index:40;padding:6px 10px;border-radius:8px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}[data-screen-heading]:focus{outline:none}::selection{background:var(--primary-10);color:var(--primary)}input,textarea{caret-color:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--primary-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-3);border-radius:var(--radius-full);border:2px solid var(--surface)}.app-root{min-height:100dvh;height:var(--shell-height, 100dvh);overflow:hidden}.app-shell{width:100%;max-width:var(--shell-max-width-mobile, 420px);min-height:100%;height:100%;margin:0 auto;padding-top:env(safe-area-inset-top,0px);position:relative;display:flex;flex-direction:column}.app-shell.tablet-regular{max-width:var(--shell-max-width-tablet, 980px)}.app-shell.tablet-wide{max-width:var(--shell-max-width-tablet-wide, 1120px)}.app-shell.desktop-regular{max-width:var(--shell-max-width-desktop, 1120px)}.app-shell.desktop-wide{max-width:var(--shell-max-width-desktop-wide, 1280px)}@media(min-width:375px)and (max-width:767px){.app-shell.mobile{max-width:none}}.app-shell.auth-shell{width:100%;max-width:none;padding-top:0;background:var(--surface-inverse)}.screen{flex:1;min-height:0;overflow-y:auto;scroll-padding-bottom:calc(var(--bottom-nav-height, 72px) + env(safe-area-inset-bottom));display:grid;align-content:start;gap:16px;padding:0 16px 16px;background:var(--surface-canvas)}.screen.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.screen-result.split>.flow-screen-header,.screen-edit.split>.flow-screen-header{grid-column:1 / -1}.screen-result.split .result-left,.screen-edit.split .result-left{grid-column:1}.screen-result.split .result-right,.screen-edit.split .result-right{grid-column:2}.screen-home{padding-top:0;padding-bottom:24px;overflow-x:hidden}.screen-onboarding{padding-top:0}.screen-compose{display:flex;flex-direction:column;align-content:initial;padding-bottom:calc(12px + env(safe-area-inset-bottom))}@media(min-width:320px){.app-root{--sg-viewport-320: 320}}@media(min-width:375px){.app-root{--sg-viewport-375: 375}}@media(min-width:768px){.app-root{--sg-viewport-768: 768}}@media(min-width:1024px){.app-root{--sg-viewport-1024: 1024}}@media(min-width:1440px){.app-root{--sg-viewport-1440: 1440}}.screen-header{height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:24;isolation:isolate;background:var(--header-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);margin:0 -16px;padding:0 16px;transition:transform .2s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;will-change:transform}html.mobile-chrome-scrolled .screen-header{box-shadow:var(--shadow-sm)}@media(max-width:767px){html.mobile-chrome-hidden .screen-header{transform:translateY(calc(-100% - 8px));pointer-events:none}.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen.screen-compose,.screen.screen-keywords,.screen.screen-upload,.screen.screen-result,.screen.screen-edit,.screen.screen-share{padding-bottom:var(--space-4)}}@media(prefers-reduced-motion:reduce){.screen-header{transition:none}}.home-header{border-bottom:none;padding:0 4px;margin:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;column-gap:4px}.home-header>.icon-btn:first-of-type{grid-column:1;justify-self:start}.home-header>.icon-btn:last-of-type{grid-column:3;justify-self:end}.home-header .home-header-title{font-size:var(--font-size-h3);font-weight:700;letter-spacing:-.02em;color:var(--primary)}.screen-header .app-brand-title{flex:1;min-width:0;text-align:center;font-size:var(--font-size-title);font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-purpose-heading{margin:0;color:var(--content-primary);font-size:var(--font-size-h1);font-weight:800;line-height:var(--line-height-tight);letter-spacing:-.02em;overflow-wrap:anywhere}.screen-header .app-brand-title,.home-header .app-brand-title,.flow-screen-title .app-brand-title{flex:1;min-width:0;margin:0;color:var(--text);font-family:var(--font-family-brand);font-size:var(--font-size-title);font-weight:700;line-height:1.2;letter-spacing:-.03em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-header>.app-brand-title{position:absolute;top:50%;left:50%;width:min(180px,48%);transform:translate(-50%,-50%);pointer-events:none}@media(max-width:360px){.screen-header>.app-brand-title{width:min(200px,64%);font-size:var(--font-size-body-lg)}}.header-spacer{width:var(--target-size);height:var(--target-size)}@media(max-width:200px){.home-header{grid-template-columns:40px minmax(0,1fr) 40px;column-gap:0}.home-header .app-brand-title{font-size:var(--font-size-body-lg)}}.flow-screen-header{min-height:56px;height:auto;padding:4px 12px;position:sticky;top:0;z-index:var(--z-header);background:var(--header-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;grid-template-columns:var(--target-size) minmax(0,1fr) auto;align-items:center;gap:8px}.flow-screen-title{position:absolute;top:50%;left:50%;width:min(180px,48%);min-width:0;max-width:100%;overflow:hidden;transform:translate(-50%,-50%);pointer-events:none;text-align:center}.flow-screen-title .app-brand-title{display:block;width:100%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-screen-header .flow-header-actions{justify-self:end}.flow-screen-header.span-split{justify-self:stretch;width:auto}.flow-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.flow-header-save-btn{min-height:var(--target-size);padding:0 10px;border:1px solid var(--primary-20);border-radius:var(--radius-full);background:var(--surface);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-caption);font-weight:850;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .15s,border-color .15s,color .15s,transform .15s}.flow-header-save-btn.icon-only{width:var(--target-size);min-width:var(--target-size);height:var(--target-size);min-height:var(--target-size);padding:0}.flow-header-save-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-05);transform:translateY(-1px)}.flow-header-save-btn:active:not(:disabled){transform:translateY(1px)}.flow-header-save-btn.saved{border-color:var(--status-success-line);background:var(--status-success-surface);color:var(--status-success-text)}.flow-header-save-btn.error{border-color:var(--status-error-line);background:var(--status-error-surface);color:var(--status-error-text)}.flow-header-save-btn:disabled{opacity:.7;cursor:progress}.flow-header-save-label-compact{display:none}@media(max-width:360px){.flow-screen-title{width:90px}.flow-screen-title .app-brand-title{font-size:var(--font-size-body)}.flow-header-save-btn{gap:0;padding-inline:2px}.flow-header-save-label{display:none}.flow-header-save-label-compact{display:inline}}@media(min-width:361px)and (max-width:767px){.flow-screen-title{width:min(100px,calc(100% - (var(--target-size) * 2) - 16px))}.flow-header-save-label{display:none}.flow-header-save-label-compact{display:inline}}.dirty-exit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-5);background:transparent}.dirty-exit-backdrop-button{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--modal-backdrop);cursor:default}.dirty-exit-dialog{position:relative;z-index:1;width:min(100%,var(--modal-max-width));display:grid;gap:var(--space-3);margin:0;box-shadow:var(--shadow-lg)}.dirty-exit-dialog h2,.dirty-exit-dialog p{margin:0}.dirty-exit-dialog h2{font-size:var(--font-size-title)}.dirty-exit-dialog p{color:var(--muted);line-height:1.6}#dirty-exit-description,#generation-cancel-description{word-break:keep-all;overflow-wrap:normal}.dirty-exit-boundary{padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--text-2)!important}.dirty-exit-error{color:var(--status-error-text)!important;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}.dirty-exit-actions{display:grid;gap:8px}.dirty-exit-actions .btn{min-height:var(--target-size)}@media(min-width:768px){.screen.split .flow-screen-header{grid-column:1 / -1}}.flow-step-action-bar{position:static;z-index:var(--z-action-bar, 18);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:4px 0 0;padding:10px 2px;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-canvas) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.flow-step-action-bar.single-action{grid-template-columns:minmax(0,1fr)}.flow-step-action-bar .btn{min-height:48px;min-width:0;white-space:nowrap}.screen-upload .guide-link,.screen-keywords .guide-link{position:relative;z-index:calc(var(--z-action-bar, 18) + 1);margin:0}.screen-upload .upload{gap:var(--space-2, 8px)}.app-shell:has(>.toast) .screen-upload .upload-drop{min-height:128px;padding:12px;gap:4px}.app-shell:has(>.toast) .screen-upload .upload-icon{width:48px;height:48px}.app-shell:has(>.toast) .screen-upload .upload-drop-help{display:none}@media(min-width:768px){.flow-step-action-bar{position:static;margin-inline:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:10px;background:var(--surface-raised);box-shadow:var(--shadow-sm)}}@media(max-width:360px){.flow-step-action-bar{grid-template-columns:1fr 1fr}.flow-step-action-bar .btn{padding-inline:8px;font-size:var(--font-size-caption)}}@media(max-width:767px){.screen-upload .upload{gap:var(--space-1, 4px)}.flow-step-action-bar{position:static;bottom:auto;margin:var(--space-2, 8px) 0 0;padding:var(--space-3, 12px) 0 0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.screen-keywords,.screen-upload{padding-bottom:var(--space-4, 16px);scroll-padding-bottom:var(--space-4, 16px)}.screen-keywords .keyword-ready-card{padding-bottom:calc(var(--target-size) + var(--space-6))}.screen-upload .flow-step-action-bar,.screen-keywords .flow-step-action-bar{position:static;left:auto;right:auto;bottom:auto;margin:var(--space-2, 8px) 0 0;padding:var(--space-3, 12px) 0 0;border:0;border-top:1px solid var(--border-subtle);border-radius:0;box-shadow:none;background:transparent}}@media(prefers-reduced-motion:reduce){.flow-step-action-bar{transition:none}}.icon-btn{width:var(--target-size);height:var(--target-size);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--content-secondary);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background var(--control-motion),color var(--control-motion)}.icon-btn:hover{background:var(--action-hover-background)}.icon-btn.ghost{border:0;background:transparent;color:var(--content-muted);box-shadow:none}.icon-btn.ghost:hover{background:var(--action-hover-background);color:var(--action-secondary-content)}.mini-btn{min-height:var(--interaction-target-min);min-width:var(--interaction-target-min);border-radius:var(--radius-sm);border:1px solid var(--action-secondary-border);background:var(--action-secondary-background);color:var(--action-secondary-content);padding:0 8px;display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-caption);font-weight:700}.quick-btn{min-height:var(--interaction-target-min);border-radius:var(--radius-full);background:var(--action-hover-background);color:var(--action-secondary-content);font-size:var(--font-size-caption);font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--border-subtle);transition:background var(--control-motion),color var(--control-motion)}.quick-btn span{display:grid;gap:1px;text-align:left;line-height:1.2}.quick-btn b{font-size:var(--font-size-caption);font-weight:800}.quick-btn small{color:var(--content-muted);font-size:var(--font-size-caption);font-weight:700}.quick-btn:hover{background:var(--action-secondary-background)}.btn{min-height:var(--control-height-default);border-radius:var(--control-radius-default);border:1px solid transparent;background:var(--action-secondary-background);color:var(--action-secondary-content);font-size:var(--font-size-body-lg);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;transition:background var(--control-motion),border-color var(--control-motion),transform var(--control-motion)}.btn.primary{background:var(--action-primary-background);border-color:var(--action-primary-border);color:var(--action-primary-content);box-shadow:var(--shadow-primary)}.btn.primary:hover{opacity:.9}.btn.primary:active{transform:scale(var(--action-pressed-scale))}.btn.ghost{background:var(--action-secondary-background);border-color:var(--action-secondary-border);color:var(--action-secondary-content)}.btn.ghost:hover{background:var(--action-hover-background)}.btn:focus-visible,.icon-btn:focus-visible,.mini-btn:focus-visible,.quick-btn:focus-visible{outline:var(--interaction-focus-width) solid var(--interaction-focus);outline-offset:var(--interaction-focus-offset)}.btn:is([aria-busy=true],[data-state=loading]){opacity:.78;cursor:progress;pointer-events:none}.btn:disabled,.icon-btn:disabled,.mini-btn:disabled,.quick-btn:disabled,.btn[data-state=disabled]{opacity:var(--interaction-disabled-opacity);cursor:not-allowed;filter:grayscale(.35)}.next-btn{min-height:var(--control-height-default);font-size:var(--font-size-title);white-space:nowrap}.studio-save-btn{min-width:0;min-height:var(--target-size);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:var(--font-size-body-sm);font-weight:850;line-height:1;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.studio-save-btn:hover{border-color:var(--primary-20);background:var(--primary-05);transform:translateY(-1px)}.studio-save-btn:disabled{opacity:.62;cursor:progress;transform:none}.studio-save-btn.saved{border-color:var(--status-success-line);background:var(--status-success-surface);color:var(--status-success-text)}.studio-save-btn.dirty{border-color:var(--primary-20);background:var(--surface);color:var(--primary)}.studio-save-btn.compact{max-width:132px;min-height:var(--target-size);padding:0 10px}.studio-save-btn.compact span{overflow:hidden;text-overflow:ellipsis}.studio-save-btn.large{width:100%;min-height:52px;border-radius:var(--radius)}.btn.primary.studio-save-btn.large{border-color:var(--primary);background:var(--primary);color:var(--inverse-text)}.btn.primary.studio-save-btn.large:hover{opacity:1;transform:translateY(-1px)}.form-card{gap:16px}label{display:grid;gap:8px}label>span{font-size:var(--font-size-body);font-weight:600;color:var(--content-secondary);padding-left:2px}input,textarea{width:100%;border:1px solid var(--border-default);border-radius:var(--control-radius-default);background:var(--surface-raised);color:var(--content-primary);padding:0 16px;transition:border-color var(--control-motion),box-shadow var(--control-motion)}input{height:var(--control-height-default);font-size:var(--font-size-body-lg)}textarea{min-height:120px;resize:none;padding:14px 16px;font-size:var(--font-size-body-lg)}:where(.thumb-control){min-width:var(--interaction-target-min);min-height:var(--interaction-target-min)}input::placeholder,textarea::placeholder{color:var(--content-subtle)}input:focus,textarea:focus{outline:none}input:focus-visible,textarea:focus-visible{border-color:var(--interaction-focus);box-shadow:0 0 0 var(--interaction-focus-width) color-mix(in srgb,var(--interaction-focus) 28%,transparent)}input:disabled,textarea:disabled{opacity:var(--interaction-disabled-opacity);cursor:not-allowed}:where(input,textarea,select)[aria-invalid=true]{border-color:var(--status-error-text);box-shadow:0 0 0 1px var(--status-error-line)}.restaurant-menu-editor{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);box-shadow:var(--shadow-sm)}.restaurant-menu-editor-head,.restaurant-menu-item-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.restaurant-menu-editor-head p{margin:4px 0 0;color:var(--muted);font-size:var(--font-size-caption);font-weight:600;line-height:1.45;text-wrap:pretty}.restaurant-menu-editor-head .btn{min-height:44px;min-width:96px;flex-shrink:0;padding:0 14px;white-space:nowrap}.restaurant-menu-item{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.restaurant-menu-item-title{color:var(--text);font-size:var(--font-size-body);line-height:1.35}.restaurant-menu-item-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(96px,.8fr);gap:8px}.restaurant-menu-editor .form-error{display:block;margin:0;color:var(--status-error-text, var(--error));font-family:var(--font-family-sans);font-size:var(--font-size-caption, 12px);font-weight:700;line-height:var(--line-height-caption, 1.35);word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.restaurant-menu-editor textarea{min-height:84px}.restaurant-menu-review-target{display:flex;align-items:center;min-height:var(--target-size);gap:8px;color:var(--text);font-size:var(--font-size-body-sm);font-weight:750}.restaurant-menu-review-target input{width:18px;min-width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0}.restaurant-menu-detail-disclosure{display:grid;gap:8px;padding-top:2px}.restaurant-menu-detail-heading{display:flex;align-items:center;min-height:var(--target-size);color:var(--primary);font-size:var(--font-size-caption);font-weight:800}.restaurant-menu-addons{display:grid;gap:7px;padding-top:4px}.restaurant-menu-addon-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-2);font-size:var(--font-size-caption);font-weight:800}.restaurant-menu-addon-head .compact-btn,.restaurant-menu-addon-row .compact-btn{min-height:var(--target-size);padding:0 9px;font-size:var(--font-size-caption)}.restaurant-menu-addon-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.55fr) auto;gap:6px;align-items:center}.restaurant-menu-addon-row input{min-height:var(--target-size);height:var(--target-size);padding:0 9px;font-size:var(--font-size-caption)}@media(max-width:360px){.restaurant-menu-item-fields{grid-template-columns:1fr}}.restaurant-writing-mode{display:grid;gap:12px;padding:14px;border:1px solid var(--primary-10);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.restaurant-writing-mode-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.restaurant-writing-mode-head>div{display:grid;gap:4px}.restaurant-writing-mode-head strong{color:var(--text);font-size:var(--font-size-body-lg);line-height:1.35}.restaurant-writing-mode-current{flex:0 0 auto;padding:6px 9px;border:1px solid var(--primary-10);border-radius:var(--radius-full);background:var(--surface);color:var(--primary);font-size:var(--font-size-caption);font-weight:850}.restaurant-writing-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.restaurant-writing-mode-option{display:grid;align-content:start;gap:4px;min-height:64px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left}.restaurant-writing-mode-option.selected{border-color:var(--primary-20);background:var(--surface);box-shadow:var(--shadow-sm)}.restaurant-writing-mode-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.restaurant-writing-mode-label b{font-size:var(--font-size-body);font-weight:900}.restaurant-writing-mode-label em{padding:3px 6px;border-radius:var(--radius-full);background:var(--surface-soft);color:var(--muted);font-size:var(--font-size-caption);font-style:normal;font-weight:900;letter-spacing:.06em}.restaurant-writing-mode-option.selected .restaurant-writing-mode-label em{background:var(--primary);color:var(--inverse-text-strong)}.restaurant-writing-mode-option small,.restaurant-writing-mode-note{color:var(--muted);font-size:var(--font-size-body-sm);line-height:1.5}.restaurant-writing-mode-note{margin:0;padding-top:10px;border-top:1px dashed var(--line)}@media(max-width:520px){.restaurant-writing-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-writing-mode-option{min-height:60px;padding:9px 8px}.restaurant-writing-mode-label{justify-content:center}.restaurant-writing-mode-option small{font-size:var(--font-size-caption);text-align:center}}.restaurant-writing-mode-option:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}.bottom-nav{position:relative;flex:0 0 auto;min-height:var(--bottom-nav-height);z-index:var(--z-nav, 20);padding:0;background:var(--surface);border-top:1px solid var(--line);transition:transform .2s ease,opacity .15s ease,box-shadow .15s ease,border-color .15s ease}.app-shell:has(>.screen-compose)>.bottom-nav,.app-shell:has(>.screen-upload)>.bottom-nav,.app-shell:has(>.screen-keywords)>.bottom-nav,.app-shell:has(>.screen-result)>.bottom-nav,.app-shell:has(>.screen-edit)>.bottom-nav,.app-shell:has(>.screen-share)>.bottom-nav{display:none}.bottom-nav.wide-nav{order:1;width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none;overflow:visible}.wide-nav .bottom-pill{width:100%;min-height:56px;max-width:var(--shell-max-width-tablet, 980px);margin:0 auto;padding:6px 8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wide-nav .bottom-pill a{min-height:44px;flex-direction:row;gap:8px;border-radius:0;font-size:var(--font-size-body-sm);padding-inline:12px}.wide-nav .bottom-pill a.active{background:transparent;box-shadow:none}.bottom-pill{height:auto;border-radius:0;border:none;background:transparent;padding:4px 24px max(4px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.bottom-pill a{position:relative;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:12px;line-height:1.25;font-weight:700;padding:6px 4px;text-decoration:none;transition:color .15s}.bottom-pill a:hover,.bottom-pill a.active{color:var(--primary)}.bottom-pill a.active{background:transparent;box-shadow:none;font-weight:850}.bottom-pill a.active:before{content:"";position:absolute;top:0;left:50%;width:24px;height:2px;background:var(--primary);transform:translate(-50%)}@media(max-width:767px){.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav, 32);box-shadow:var(--shadow-sm)}.bottom-pill{padding-block:2px max(4px,env(safe-area-inset-bottom,0px))}html.mobile-chrome-hidden .bottom-nav.compact-nav{transform:translateY(100%);pointer-events:none}}@media(min-width:900px){.bottom-nav{width:100%;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;overflow:visible}.bottom-pill{padding:6px 8px}}@media(max-width:420px){.bottom-pill{padding:2px 10px max(4px,env(safe-area-inset-bottom,0px));gap:2px}.bottom-pill a{padding:6px 2px}}@media(max-height:480px)and (orientation:landscape){.app-shell:has(>.screen-compose) .bottom-nav{display:none}}@media(prefers-reduced-motion:reduce){.bottom-nav{transition:none}}.toast{position:relative;inset:auto;align-self:stretch;margin:8px 12px 0;z-index:var(--z-toast, 30);border-radius:var(--radius);border:1px solid var(--status-warning-bg);background:var(--status-warning-bg);color:var(--status-warning);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--font-size-body);font-weight:600;word-break:keep-all;line-break:strict;overflow-wrap:break-word;white-space:pre-line}.toast-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.toast-action{pointer-events:auto;white-space:nowrap}.toast.success{border-color:var(--status-success-line);background:var(--status-success-surface);color:var(--status-success-text)}.toast.error{border-color:var(--status-error-line);background:var(--status-error-surface);color:var(--status-error-text)}.toast-close{border:1px solid var(--line);width:44px;height:44px;border-radius:var(--radius-sm);background:var(--surface);color:inherit;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}#root:has(>.app-update-banner){height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}#root:has(>.app-update-banner) .app-root{min-height:0;height:100%}.app-update-banner{position:relative;z-index:var(--z-toast);justify-self:center;width:min(calc(100% - var(--space-6)),560px);min-width:0;margin:calc(var(--safe-area-top) + var(--space-3)) auto var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--primary-3);border-radius:var(--radius-lg);background:var(--primary);color:var(--content-inverse);box-shadow:var(--shadow-lg)}.app-update-banner>div{min-width:0;display:grid;gap:var(--space-1)}.app-update-banner strong{font-size:var(--font-size-body)}.app-update-banner p{color:var(--inverse-text-muted-strong);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.app-update-banner .btn{flex:0 0 auto;min-width:var(--target-size);min-height:var(--target-size);border-color:var(--surface);background:var(--surface);color:var(--primary)}@media(max-width:480px){.app-update-banner{align-items:stretch;flex-direction:column}.app-update-banner .btn{width:100%}}.toast[data-presence]{opacity:1;transform:translateY(0);animation:none;pointer-events:none;transition:transform var(--motion-standard) ease-in-out,opacity var(--motion-standard) ease-in-out}.toast[data-presence=opening],.toast[data-presence=closing]{opacity:0;transform:translateY(8px)}.toast[data-presence=opening][data-presence-ready],.toast[data-presence=open]{opacity:1;transform:translateY(0)}.toast[data-presence=closing]{transition:transform var(--motion-fast) ease-out,opacity var(--motion-fast) ease-out}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence]>:where(.guide-backdrop,.dirty-exit-backdrop-button){opacity:1;transition:opacity var(--motion-standard) ease-in-out}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=opening]>:where(.guide-backdrop,.dirty-exit-backdrop-button),:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=closing]>:where(.guide-backdrop,.dirty-exit-backdrop-button){opacity:0}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=opening][data-presence-ready]>:where(.guide-backdrop,.dirty-exit-backdrop-button),:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=open]>:where(.guide-backdrop,.dirty-exit-backdrop-button){opacity:1}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=closing]>:where(.guide-backdrop,.dirty-exit-backdrop-button){transition:opacity var(--motion-fast) ease-out}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence]>:where(.guide-modal,.side-drawer,.dirty-exit-dialog){opacity:1;transform:translateY(0);transition:transform var(--motion-emphasis) cubic-bezier(.16,1,.3,1),opacity var(--motion-emphasis) cubic-bezier(.16,1,.3,1)}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=opening]>:where(.guide-modal,.dirty-exit-dialog),:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=closing]>:where(.guide-modal,.dirty-exit-dialog){opacity:0;transform:translateY(16px)}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=opening][data-presence-ready]>:where(.guide-modal,.dirty-exit-dialog),:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=open]>:where(.guide-modal,.dirty-exit-dialog){opacity:1;transform:translateY(0)}:where(.guide-overlay,.dirty-exit-backdrop)[data-presence=closing]>:where(.guide-modal,.side-drawer,.dirty-exit-dialog){transition:transform var(--motion-standard) ease-in-out,opacity var(--motion-standard) ease-in-out}.side-drawer-overlay[data-presence]>.side-drawer,.side-drawer-overlay[data-presence=open]>.side-drawer{opacity:1;transform:translate(0)}.side-drawer-overlay[data-presence=opening]>.side-drawer,.side-drawer-overlay[data-presence=closing]>.side-drawer{opacity:0;transform:translate(-18px)}.side-drawer-overlay[data-presence=opening][data-presence-ready]>.side-drawer{opacity:1;transform:translate(0)}.status-note{color:var(--content-muted);font-size:var(--font-size-caption)}.status-note.ok{color:var(--feedback-success-content);font-weight:700}.status-note.error{color:var(--feedback-error-content)}.action-status-text{display:grid;gap:8px}.flow-state-badge{justify-self:start;display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;border-radius:var(--radius-full);padding:4px 10px;background:var(--surface-subtle);color:var(--content-secondary);font-weight:700}.flow-state-badge>span,.flow-state-badge>strong{flex-shrink:0;white-space:nowrap}.flow-state-badge-label{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.04em;opacity:.8}.flow-state-badge[data-state=loading]{background:var(--feedback-info-background);color:var(--feedback-info-content)}.flow-state-badge[data-state=empty]{background:var(--surface-subtle);color:var(--content-secondary)}.flow-state-badge[data-state=success]{background:var(--feedback-success-background);color:var(--feedback-success-content)}.flow-state-badge[data-state=warning]{background:var(--feedback-warning-background);color:var(--feedback-warning-content)}.flow-state-badge[data-state=error]{background:var(--feedback-error-background);color:var(--feedback-error-content)}.action-status-item{display:grid;gap:3px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle)}.flow-status-card{gap:12px}.flow-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.flow-status-controls{display:grid;justify-items:end;gap:6px}.flow-status-toggle{border:0;background:transparent;color:var(--action-secondary-content);font-size:var(--font-size-caption);font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:0}.flow-status-toggle:focus-visible{outline:var(--interaction-focus-width) solid var(--interaction-focus);outline-offset:var(--interaction-focus-offset)}.flow-status-toggle-icon{display:inline-flex;align-items:center;transition:transform var(--motion-standard) ease-in-out}.flow-status-toggle-icon.open{transform:rotate(90deg)}.flow-status-summary{margin:0;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--content-primary);font-size:var(--font-size-body-sm);line-height:1.55}.flow-status-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--motion-standard) ease-in-out,opacity var(--motion-standard) ease-in-out}.flow-status-body.open{grid-template-rows:1fr;opacity:1}.flow-status-body.collapsed{pointer-events:none}.flow-status-body-inner{min-block-size:0;overflow:hidden;display:grid;gap:8px}.flow-status-card h3{margin-bottom:2px}.flow-status-card .status-note{display:grid;gap:4px;align-items:start;margin:0;padding:9px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-subtle)}.flow-status-label{color:var(--content-secondary);font-size:var(--font-size-caption);font-weight:700;line-height:1.35}.flow-status-card .status-note>span:last-child{font-size:var(--font-size-body-sm);line-height:1.55;color:var(--content-primary)}.flow-status-copy-token{display:inline-block;max-inline-size:100%;overflow-wrap:anywhere}.flow-status-card-success{border-color:var(--feedback-success-border);background:var(--feedback-success-background)}.flow-status-card-error{border-color:var(--feedback-error-border);background:var(--feedback-error-background)}.flow-status-card-error p{word-break:keep-all;overflow-wrap:break-word}.flow-status-card-error .flow-status-summary{border-color:transparent;background:transparent;padding:0;color:var(--feedback-error-content);font-weight:650}.flow-status-card-error .flow-status-toggle{min-height:var(--target-size);padding:0 2px;color:var(--feedback-error-content)}.edit-flow-status-visible{margin-bottom:12px}.compose-progress-card .progress-bar{background:var(--surface-subtle);border:1px solid var(--border-subtle)}.compose-progress-card .progress-bar span{background:var(--action-primary-background)}.compose-progress-card[data-state=complete] .progress-bar span{background:var(--feedback-success-content)}@media(max-width:480px){.flow-status-card .status-note{grid-template-columns:1fr;gap:2px}.flow-status-head{flex-direction:column;align-items:flex-start}}.compose-progress-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.compose-progress-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:40px;padding:6px 7px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--content-muted)}.compose-progress-steps li>span{color:var(--content-muted);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;font-weight:850}.compose-progress-steps li small{min-width:0;overflow-wrap:anywhere;font-size:var(--font-size-caption);font-weight:750;line-height:1.25}.compose-progress-steps li[data-state=complete]{border-color:var(--feedback-success-content);color:var(--feedback-success-content)}.compose-progress-steps li[data-state=complete]>span,.compose-progress-steps li[data-state=current]>span{color:var(--action-primary-background)}.compose-progress-steps li[data-state=current]{border-color:var(--action-primary-background);background:var(--surface-raised);color:var(--content-primary);box-shadow:var(--shadow-sm)}@media(min-width:768px){.compose-progress-steps{grid-template-columns:repeat(6,minmax(0,1fr))}}.flow-status-card-compact{gap:4px;padding:10px 12px;border-color:var(--line);background:var(--surface);box-shadow:none}.flow-status-card-compact .flow-status-head{flex-direction:row;align-items:center}.flow-status-card-compact h3{margin:0;font-size:var(--font-size-body)}.flow-status-card-compact .flow-status-controls{display:none}.flow-status-card-compact .flow-status-summary{padding:0;border:0;background:transparent;color:var(--text-2);font-size:var(--font-size-caption)}.flow-status-card-compact .flow-state-badge{padding:3px 8px;font-size:var(--font-size-caption)}.action-status-text.compact{gap:4px;color:var(--text-2);font-size:var(--font-size-body-sm);line-height:1.45}.action-status-text.compact .action-status-item{padding:0;border:0;background:transparent}.action-status-text.compact.error .action-status-item{padding:8px 10px;border:1px solid var(--status-error-line);background:var(--surface-glass-soft)}.flow-action-bar{position:static;margin-top:2px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40}.side-drawer-overlay{z-index:1000;background:transparent}.side-drawer-backdrop{background:var(--surface-inverse-glass);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.side-drawer{position:absolute;top:0;left:0;bottom:0;width:min(88vw,340px);background:var(--surface);box-shadow:var(--shadow-lg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.side-drawer-head{position:relative;padding:16px 16px 12px;border-bottom:1px solid var(--line);display:grid;gap:12px}.side-drawer-brand-card{min-height:128px;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px 56px 16px 16px}.side-drawer-brand-mark,.side-drawer-link-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:var(--primary-05);border:1px solid var(--primary-10)}.side-drawer-brand-mark{width:42px;height:42px;border-radius:var(--radius)}.side-drawer-brand-copy{min-width:0;display:grid;gap:5px}.side-drawer-brand-copy small{color:var(--muted);font-size:var(--font-size-body-sm);font-weight:850;line-height:1.2}.side-drawer-title{margin:0;font-family:var(--font-family-brand);font-size:var(--font-size-h2);line-height:1.15;font-weight:700;letter-spacing:-.03em;color:var(--primary)}.side-drawer-brand-copy p{margin:0;color:var(--text-2);font-size:var(--font-size-body-sm);font-weight:650;line-height:1.45;text-wrap:pretty}.side-drawer-close{position:absolute;top:20px;right:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.side-drawer-body{flex:1;overflow-y:auto;padding:16px;display:grid;align-content:start;gap:18px}.side-drawer-section{display:grid;gap:8px}.side-drawer-section-label{padding:0 4px;color:var(--muted);font-size:var(--font-size-caption);font-weight:850;line-height:1.3}.side-drawer-link-list{display:grid;gap:8px}.side-drawer-link{min-height:64px;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;text-align:left;box-shadow:var(--shadow-hairline);transition:background-color var(--motion-fast) ease-out,border-color var(--motion-fast) ease-out,transform var(--motion-fast) ease-out}.side-drawer-link:hover,.side-drawer-link:focus-visible{border-color:var(--primary-20);background:var(--primary-05);box-shadow:var(--shadow-sm)}.side-drawer-link:active{transform:translateY(1px)}.side-drawer-link-icon{width:38px;height:38px;border-radius:var(--radius-sm)}.side-drawer-link-copy{min-width:0;display:grid;gap:3px}.side-drawer-link-copy strong{font-size:var(--font-size-body);font-weight:850;line-height:1.25}.side-drawer-link-copy small{color:var(--muted);font-size:var(--font-size-caption);font-weight:650;line-height:1.35;white-space:normal}.side-drawer-foot{padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.side-drawer-account-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);padding:12px;display:grid;gap:12px}.side-drawer-user-info{display:flex;align-items:flex-start;gap:12px;min-width:0}.side-drawer-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:var(--radius);background-color:var(--surface);background-size:cover;background-position:center;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--primary)}.side-drawer-user-text{flex:1 1 auto;min-width:0;display:grid;gap:2px}.side-drawer-user-text strong{overflow-wrap:anywhere;font-size:var(--font-size-body);line-height:1.25;font-weight:850}.side-drawer-user-text small,.side-drawer-login-copy{color:var(--muted);font-size:var(--font-size-caption);font-weight:650;line-height:1.35}.side-drawer-user-text small{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-drawer-logout{justify-self:stretch;min-height:40px;padding:0 12px;border-radius:var(--radius-sm);background:var(--surface)}.side-drawer-login{width:100%}@media(max-width:360px){.side-drawer{width:min(92vw,320px)}.side-drawer-brand-card{grid-template-columns:1fr;min-height:0}.side-drawer-link{min-height:60px}}@media(max-width:767px)and (orientation:landscape){.side-drawer{height:100dvh}.side-drawer-head{padding:10px 12px;gap:8px}.side-drawer-brand-card{min-height:0;padding:10px 48px 10px 12px;gap:10px}.side-drawer-body{min-height:0;padding:10px 12px;gap:10px}.side-drawer-section,.side-drawer-link-list{gap:6px}.side-drawer-link{min-height:52px;padding-block:8px}.side-drawer-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}}.guide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--surface-inverse-glass)}.guide-modal{position:absolute;inset:auto 0 0;max-height:86%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:grid;gap:14px}.vault-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);overflow:hidden}.vault-delete-overlay .guide-backdrop{position:absolute;z-index:var(--z-base)}.vault-delete-overlay .guide-modal{position:relative;inset:auto;z-index:var(--z-content);min-height:0;max-height:min(calc(100dvh - 32px),70dvh);overflow-y:auto;overscroll-behavior:contain}.profile-modal{padding:24px}.profile-modal-close{width:100%;margin-top:16px}.guide-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.guide-kicker{color:var(--primary);font-size:var(--font-size-caption);font-weight:700;text-transform:uppercase}.guide-header h2{font-size:var(--font-size-h2);font-weight:700;letter-spacing:0}.guide-header h2,.guide-desc,.guide-section h3,.guide-step-list li,.guide-tip-list li{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.guide-desc{color:var(--muted);font-size:var(--font-size-body);line-height:1.5}.guide-close-btn{min-height:44px;min-width:44px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--primary);font-size:var(--font-size-body-sm);font-weight:700;padding:0 12px}.guide-section{border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;gap:8px}.guide-section h3{font-size:var(--font-size-body);font-weight:700}.guide-step-list,.guide-tip-list{margin:0;padding-left:18px;color:var(--muted);font-size:var(--font-size-body-sm);line-height:1.55;display:grid;gap:5px}.app-splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;z-index:var(--z-splash);overflow:hidden;background:var(--surface-inverse-strong);pointer-events:auto}.app-splash-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--surface-inverse-glass)}.app-splash-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;display:block;transform:translateZ(0) scale(1.035);animation:app-splash-zoom-out 1.8s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform}.app-splash-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:54% center}.app-splash-copy-wrap{position:absolute;top:clamp(96px,17vh,176px);left:clamp(24px,10vw,112px);right:var(--space-6);z-index:2;pointer-events:none;animation:app-splash-copy-reveal .3s 40ms cubic-bezier(.22,.61,.36,1) both}.app-splash-brand{margin:0;color:var(--inverse-text-strong);font-family:var(--font-family-brand);font-size:clamp(56px,7vw,88px);font-weight:700;line-height:1;letter-spacing:-.045em;text-align:left;text-shadow:var(--shadow-on-image-text);white-space:nowrap}.app-splash-copy{display:grid;gap:calc(var(--space-1) / 2);max-width:20rem;margin:var(--space-5) 0 0;color:var(--inverse-text);font-family:var(--font-family-sans);font-size:var(--font-size-title);font-weight:500;line-height:var(--line-height-caption);letter-spacing:0;word-break:keep-all;text-shadow:var(--shadow-on-image-text-strong)}.app-splash-copy span{display:block}.app-splash-copy span:last-child{color:var(--inverse-text-subtle);font-weight:400}@keyframes app-splash-zoom-out{0%{transform:translateZ(0) scale(1.035)}to{transform:translateZ(0) scale(1)}}@keyframes app-splash-copy-reveal{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.app-splash-screen,.app-splash-media,.app-splash-copy-wrap{animation:none}.app-splash-media{transform:none}}@media(max-width:767px){.app-splash-copy-wrap{left:max(var(--space-6),env(safe-area-inset-left));right:max(var(--space-6),env(safe-area-inset-right))}.app-splash-brand{max-width:100%;font-size:clamp(40px,12vw,56px);white-space:normal}.app-splash-copy{max-width:min(17rem,100%);margin-top:var(--space-4);font-size:var(--font-size-title)}}@media(min-width:768px){.app-splash-image{object-position:58% center}.app-splash-copy-wrap{top:clamp(120px,18vh,220px);left:clamp(48px,9vw,180px);right:auto;width:min(520px,42vw)}.app-splash-brand{font-size:clamp(56px,7vw,88px)}.app-splash-copy{max-width:26rem;font-size:var(--font-size-h3)}}@media(min-width:1200px){.app-splash-copy-wrap{left:max(9vw,calc((100vw - 1280px)/2 + 72px))}.app-splash-copy{font-size:var(--font-size-h2)}}.fact-review-card,.share-readiness-card,.evidence-summary-card{gap:12px}.fact-chip-list{display:grid;gap:8px}.fact-chip{min-height:44px;display:grid;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised)}.fact-chip.confirmed{border-color:var(--feedback-success-border);background:var(--feedback-success-background)}.fact-chip.unconfirmed{border-color:var(--feedback-info-border);background:var(--feedback-info-background)}.fact-chip.conflicted{border-color:var(--feedback-warning-border);background:var(--feedback-warning-background)}.fact-chip-main{display:grid;gap:2px;min-width:0}.fact-chip-main b{color:var(--text);font-size:var(--font-size-body-sm);line-height:1.45;overflow-wrap:anywhere}.fact-chip-main span{color:var(--muted);font-size:var(--font-size-caption);font-weight:700}.fact-chip-actions{display:flex;flex-wrap:wrap;gap:6px}.fact-readiness-panel{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-soft)}.evidence-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.evidence-brief{margin:0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);font-size:var(--font-size-body-sm);font-weight:800;line-height:1.45;overflow-wrap:anywhere;word-break:keep-all}.evidence-brief.warn{border-color:color-mix(in srgb,var(--status-warning) 20%,transparent);background:var(--status-warning-bg);color:var(--status-warning)}.evidence-summary-grid span{display:grid;gap:2px;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);min-width:0}.evidence-summary-grid small{color:var(--muted);font-size:var(--font-size-caption);font-weight:700}.evidence-summary-grid b{color:var(--primary);font-size:var(--font-size-body-lg)}@media(max-width:560px){.evidence-summary-grid{grid-template-columns:1fr}}.draft-list-item{position:relative;border-bottom:1px solid var(--line);background:transparent}.draft-list-overflow{position:absolute;top:8px;right:8px;width:var(--target-size);height:var(--target-size);z-index:2}.draft-list-menu{position:absolute;top:44px;right:8px;z-index:4;min-width:170px;padding:5px;display:grid;gap:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg)}.draft-list-menu button{min-height:var(--target-size);display:flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-sm);padding:0 9px;background:transparent;color:var(--text);font-size:var(--font-size-caption);font-weight:700;text-align:left}.draft-list-published-url{min-height:var(--target-size);display:inline-flex;align-items:center;padding:0 var(--space-2);color:var(--muted);font-size:var(--font-size-caption);font-weight:700;text-decoration:underline}.draft-list-menu button:hover{background:var(--primary-05)}.draft-list-menu .danger-menu-item{color:var(--error)}@media(max-width:767px){.vault-list .draft-list-item:last-child .draft-list-menu{top:auto;bottom:8px}}.draft-list-item:first-child{border-top:1px solid var(--line)}.draft-list-item.current{border-radius:var(--radius);border:1px solid var(--primary-20);background:var(--surface);box-shadow:var(--shadow-sm)}.draft-list-open{width:100%;min-height:118px;border:0;background:transparent;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:14px 2px;color:var(--text);text-align:left}.draft-list-item.current .draft-list-open{padding:14px}.draft-list-thumb{width:104px;aspect-ratio:4 / 3;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}.draft-list-thumb.has-image{background:var(--surface-soft)}.draft-list-thumb img{width:100%;height:100%;object-fit:cover;display:block}.draft-list-copy{min-width:0;padding-right:28px;display:flex;flex-direction:column;gap:5px}.draft-list-topline,.draft-list-foot{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.draft-status-pill,.draft-type-pill,.draft-list-progress{min-height:24px;display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:0 8px;font-size:var(--font-size-caption);font-weight:800;line-height:1}.draft-status-pill{color:var(--primary);background:var(--primary-10)}.draft-type-pill{color:var(--status-info);background:var(--status-info-bg)}.draft-list-date{min-width:0;color:var(--muted);font-size:var(--font-size-caption);font-weight:600}.draft-list-title{color:var(--text);font-size:var(--font-size-body-lg);font-weight:800;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.draft-list-subtitle{color:var(--text-2);font-size:var(--font-size-caption);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.draft-list-source{min-width:0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--font-size-caption);font-weight:650;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.draft-platform-mark{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--primary);color:var(--inverse-text);font-size:var(--font-size-caption);line-height:1;font-weight:900}.draft-list-foot{color:var(--muted);font-size:var(--font-size-caption);font-weight:700}.draft-list-progress{color:var(--status-success-text);background:var(--status-success-bg)}.draft-list-action{color:var(--primary);display:inline-flex;align-items:center;gap:2px;font-weight:800;line-height:1.3}@media(min-width:768px){.draft-list-open{grid-template-columns:124px minmax(0,1fr);min-height:134px}.draft-list-thumb{width:124px}}@media(max-width:360px){.draft-list-open{grid-template-columns:88px minmax(0,1fr);gap:10px}.draft-list-thumb{width:88px}.draft-list-title{font-size:var(--font-size-body-lg)}}.not-found-hero{display:grid;gap:14px;padding:22px 18px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.not-found-mark{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--primary);background:var(--primary-10);border:1px solid var(--primary-20)}.not-found-hero .screen-purpose-heading{margin:0;color:var(--text);font-size:var(--font-size-h2);font-weight:800;line-height:1.2;letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere}.not-found-hero p{margin:0;max-width:42rem;color:var(--text-2);font-size:var(--font-size-body);font-weight:600;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}.not-found-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:4px}.not-found-actions .btn{width:100%;min-width:0}.not-found-recovery-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.not-found-recovery-card>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}.not-found-recovery-card .icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--primary);background:var(--primary-05)}.not-found-recovery-card span{display:grid;gap:2px;min-width:0}.not-found-recovery-card b{color:var(--text);font-size:var(--font-size-body-sm);font-weight:800}.not-found-recovery-card small{color:var(--muted);font-size:var(--font-size-caption);font-weight:700;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}@media(min-width:640px){.not-found-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}body{line-break:strict}button{touch-action:manipulation}:where(button,a,input,textarea,select,summary,[role=button]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring)!important;outline-offset:var(--focus-ring-offset)!important;box-shadow:0 0 0 calc(var(--focus-ring-width) - 1px) var(--surface),0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-offset)) var(--focus-ring)!important}:where(button,a,input,textarea,select,summary,[role=button]):focus:not(:focus-visible){outline:none}:where(input,textarea,select)[aria-invalid=true]:focus{outline:var(--focus-ring-width) solid var(--focus-ring)!important;outline-offset:var(--focus-ring-offset)!important;box-shadow:0 0 0 calc(var(--focus-ring-width) - 1px) var(--surface),0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-offset)) var(--focus-ring)!important}.ko-display,.text-display-ko{max-inline-size:var(--measure-display);text-wrap:var(--text-wrap-heading);word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.ko-body,.text-body-ko{max-inline-size:var(--measure-body);text-wrap:var(--text-wrap-body);word-break:normal;overflow-wrap:anywhere;line-break:strict}.text-numeric{font-variant-numeric:var(--font-feature-numeric)}:where(.screen,.card,[role=dialog],[role=alert],[role=status]){min-inline-size:0}:where(.screen,.card,[role=dialog],[role=alert],[role=status]) :where(p,h1,h2,h3,h4,strong,small,span){overflow-wrap:anywhere}:where(.btn,.icon-btn,.mini-btn,.quick-btn){max-inline-size:100%;overflow-wrap:anywhere}:where(input,textarea,select){line-break:strict;max-inline-size:100%}:where(input:not([type=hidden])){min-height:var(--target-size);min-block-size:var(--target-size)}textarea{word-break:normal;overflow-wrap:anywhere;white-space:pre-wrap}select{block-size:var(--target-size);min-height:var(--target-size);min-block-size:var(--target-size);font:inherit;font-size:var(--font-size-body);line-height:1.4;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding-inline:12px}@media(max-width:767px){:where(input,textarea,select){font-size:16px}}:where(input[type=checkbox],input[type=radio]){width:var(--target-size-min);min-width:var(--target-size-min);height:var(--target-size-min);min-height:var(--target-size-min);accent-color:var(--primary)}:where(label>span,.form-helper,.field-helper){overflow-wrap:anywhere;line-break:strict}:where(.guide-overlay,.side-drawer){overscroll-behavior:contain}:where(.side-drawer,.guide-modal){min-inline-size:0}.toast{min-block-size:var(--target-size);min-inline-size:0;line-height:1.45;animation:toast-enter var(--motion-standard) ease-out both}@keyframes toast-enter{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast>span{min-inline-size:0;word-break:keep-all;overflow-wrap:break-word;line-break:strict}.toast-close{width:var(--target-size);height:var(--target-size);min-width:var(--target-size);min-height:var(--target-size)}.flow-state-badge{min-block-size:32px;max-inline-size:100%;overflow-wrap:anywhere;line-break:strict}.flow-status-toggle{min-block-size:var(--target-size);min-inline-size:var(--target-size-min);padding:4px 6px;text-align:left;line-height:1.3;overflow-wrap:anywhere;line-break:strict}.flow-status-summary,.flow-status-card .status-note>span:last-child{text-wrap:var(--text-wrap-body);word-break:normal;overflow-wrap:anywhere;line-break:strict}.guide-header h2{max-inline-size:var(--measure-display);text-wrap:var(--text-wrap-heading);word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.guide-desc{text-wrap:var(--text-wrap-body);word-break:normal;overflow-wrap:anywhere;line-break:strict}@media(max-width:360px){.guide-header{grid-template-columns:minmax(0,1fr)}.guide-close-btn{justify-self:start}}:where(.flow-status-toggle,.editor-mobile-tabs button,.toast-close,.guide-close-btn){min-block-size:var(--target-size);min-inline-size:var(--target-size-min)}@media(max-width:360px){.btn:not(.auth-entry-guest-btn){white-space:normal;line-height:1.3;padding-inline:12px}.next-btn{font-size:var(--font-size-body-lg)}}:where([role=status],[role=alert],[aria-live]){min-inline-size:0;overflow-wrap:anywhere;line-break:strict}.live-region,.sr-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.screen-onboarding,.screen-edit) :where(h1,h2,h3,h4,.title-inline,.section-kicker,.editor-field-label,.editor-block span){text-wrap:var(--text-wrap-heading);word-break:keep-all;overflow-wrap:anywhere;line-break:strict}:where(.screen-onboarding,.screen-edit) :where(p,small,.editor-block p,.editor-preview p,.quick-actions-head>p:last-child){text-wrap:var(--text-wrap-body);word-break:normal;overflow-wrap:anywhere;line-break:strict}@media(max-width:420px){:where(.screen-onboarding,.screen-edit) .split-actions,:where(.screen-onboarding,.screen-edit) .rewrite-action-grid,:where(.screen-onboarding,.screen-edit) .editor-section-meta{grid-template-columns:minmax(0,1fr)}:where(.screen-onboarding,.screen-edit) .editor-workspace-head,:where(.screen-onboarding,.screen-edit) .editor-preview-head{align-items:flex-start;flex-wrap:wrap}}@media(min-width:768px){:where(.screen-onboarding,.screen-edit) :where(.onboarding-hero h1,.editor-preview h3){max-inline-size:var(--measure-display);margin-inline:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.top-bar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:10;background:var(--header-surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 12px;transition:transform .2s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;will-change:transform}.top-bar.generating{border-color:var(--primary-20)}html.mobile-chrome-scrolled .top-bar{box-shadow:var(--shadow-sm)}@media(max-width:767px){html.mobile-chrome-hidden .top-bar{transform:translateY(calc(-100% - 8px));pointer-events:none}}@media(prefers-reduced-motion:reduce){.top-bar{transition:none}}.top-brand{border:0;background:transparent;display:inline-flex;align-items:center;gap:8px;padding:0;color:var(--text)}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--primary-10);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.brand-copy strong{font-size:var(--font-size-body-lg);font-weight:700;color:var(--primary);letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:6px}.menu-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.menu-btn:hover{background:var(--primary-05);color:var(--primary)}.menu-btn.open{background:var(--primary-10);color:var(--primary)}.mini-state-btn{min-height:var(--target-size);font-size:var(--font-size-body-sm)}.keyword-ready-card{gap:8px}.form-header{margin:0 -16px;padding-left:16px;padding-right:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:grid;gap:12px;box-shadow:var(--shadow-sm)}.page-head{display:grid;gap:6px}.page-subtitle{color:var(--muted);font-size:var(--font-size-body);font-weight:500;line-height:1.4}.title-inline{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--font-size-title);letter-spacing:-.02em}.home-empty-message{margin:0;padding:8px 2px;color:var(--muted);font-size:var(--font-size-body);line-height:1.5;text-align:center}.vault-list{display:grid;gap:12px}.guide-link{min-height:var(--target-size);justify-self:end;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--primary);display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-size:var(--font-size-body-sm);font-weight:700}.menu-title{font-size:var(--font-size-title);font-weight:700}.menu-items{display:grid;gap:8px}.menu-items span{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--font-size-body);color:var(--text-2);display:flex;align-items:center;gap:10px}.menu-items .menu-empty-hint{color:var(--muted);line-height:1.45}.result-left,.result-right{min-width:0;display:grid;align-content:start;gap:14px}.generating{text-align:center;justify-items:center;gap:12px}.generation-status-content{width:100%;display:grid;justify-items:center;gap:12px}.generation-wait-note{margin:0;color:var(--text-2);font-size:var(--font-size-body-sm);line-height:1.45;word-break:keep-all;text-wrap:balance}.pulse{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-10);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.article h3{font-size:var(--font-size-h2);font-weight:850;letter-spacing:0;line-height:1.28;word-break:keep-all;overflow-wrap:anywhere}.article p{color:var(--text-2);font-size:var(--font-size-body-lg);line-height:1.78;word-break:normal;line-break:strict;overflow-wrap:anywhere}.result-preview-card{min-inline-size:0;max-inline-size:100%;padding:0;overflow:visible;border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.result-cover{position:relative;inline-size:100%;min-inline-size:0;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-soft)}.result-cover.has-image{block-size:clamp(calc(var(--space-12) + var(--space-12)),28vw,calc(var(--space-12) + var(--space-12) + var(--space-12) + var(--space-12)))}.result-cover-image{inline-size:100%;block-size:100%;object-fit:cover;display:block;background:var(--surface-soft)}.result-cover.empty{block-size:calc(var(--space-12) + var(--space-10));background-color:var(--thumb-placeholder);background-image:url(/icons/app-icon.svg);background-size:var(--space-8);background-repeat:no-repeat;background-position:center}.result-cover:not(.empty):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-inverse-glass-chip)}.result-cover-badge{position:absolute;inset-inline-end:var(--space-3);inset-block-start:var(--space-3);z-index:1;border-radius:var(--radius-sm);background:var(--surface-glass-solid);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary);font-size:var(--font-size-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) var(--space-2)}.result-preview-card>h3,.result-preview-card>.result-section-heading,.result-preview-card>p,.result-preview-card>.hash-row{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-inline:var(--editorial-content-inset);overflow-wrap:anywhere}.result-preview-card>h3,.result-preview-card>.result-section-heading{text-wrap:balance;word-break:keep-all;line-break:strict}.result-preview-card>p,.result-preview-card>.hash-row{text-wrap:pretty;word-break:normal;line-break:strict}.result-preview-card>.result-inline-image{box-sizing:border-box;inline-size:calc(100% - var(--editorial-content-inset) - var(--editorial-content-inset));max-inline-size:calc(100% - var(--editorial-content-inset) - var(--editorial-content-inset));min-inline-size:0;aspect-ratio:4/3;object-fit:cover;margin:var(--space-1) var(--editorial-content-inset) var(--space-4);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-soft);display:block}.result-preview-card>h3{padding-top:var(--space-5);padding-bottom:var(--space-1)}.result-preview-card>p{padding-bottom:var(--editorial-content-inset)}.result-preview-card>.hash-row{padding-bottom:var(--space-4)}.hash-row{color:var(--primary);font-weight:700;font-size:var(--font-size-body-sm);padding-bottom:16px;line-height:1.65}.result-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-metadata>div{border-radius:var(--radius-sm);padding:12px;background:var(--surface-soft);border:1px solid var(--line-soft)}.result-metadata small{display:block;color:var(--muted);font-size:var(--font-size-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.result-metadata b{font-size:var(--font-size-body);font-weight:700}.result-evidence-disclosure{gap:10px}.result-evidence-disclosure summary{min-height:var(--target-size);display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style-position:inside;font-size:var(--font-size-body);font-weight:850}.result-evidence-disclosure summary span{display:inline-flex;align-items:center;gap:6px}.result-evidence-disclosure summary small{color:var(--muted);font-size:var(--font-size-caption)}.share-main-btn{min-height:48px;border-radius:var(--radius)}.share-edit-link{width:100%;min-height:44px}.share-helper-copy{margin:0;font-size:var(--font-size-body-sm);color:var(--muted)}.profile{justify-items:center;text-align:center;gap:14px}.avatar{width:112px;height:112px;border-radius:var(--radius-full)}.profile h2{font-size:var(--font-size-h2);font-weight:700;letter-spacing:-.02em}.profile p{color:var(--muted);font-size:var(--font-size-body)}.profile-badge{position:absolute;right:12px;top:24px;border-radius:var(--radius-full);background:var(--primary);color:var(--inverse-text-strong);font-size:var(--font-size-caption);font-weight:700;padding:4px 10px;border:2px solid var(--surface)}.center{text-align:center}.center small{color:var(--muted);font-size:var(--font-size-caption)}.center strong{font-size:var(--font-size-h2);font-weight:800;color:var(--primary)}.profile-menu{display:grid;gap:4px}.menu-row{border:none;border-radius:var(--radius);background:transparent;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--text);gap:12px;transition:background .15s;cursor:pointer}.menu-row:hover{background:var(--action-hover-background)}.menu-row-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-10);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.menu-row-content{flex:1;text-align:left}.menu-row-content strong{font-size:var(--font-size-body);font-weight:600;display:block}.menu-row-content small{font-size:var(--font-size-caption);color:var(--muted)}.profile-logout-btn{color:var(--error);border-top:1px solid var(--line);border-radius:0;font-weight:700;justify-content:center;gap:8px}.progress-bar{width:100%;height:6px;border-radius:var(--radius-full);background:var(--line);overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:var(--radius-full);background:var(--primary)}.progress-bar.indeterminate span{width:35%;animation:progress-indeterminate 1.1s ease-in-out infinite alternate}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(285%)}}.check-line{position:relative;padding-left:16px;color:var(--muted);font-size:var(--font-size-body-sm)}.check-line:before{content:"○";position:absolute;left:0;top:0}.check-line.done{color:var(--text);font-weight:700}.check-line.done:before{content:"●";color:var(--primary)}.actions,.split-actions{display:grid;gap:10px}.split-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.result-primary-actions{margin-top:2px}.generation-failure-recovery{display:grid;gap:12px}.auth-loading-card h3{font-size:var(--font-size-body-lg);font-weight:700}.auth-loading-card p{color:var(--muted);font-size:var(--font-size-body-sm)}@media(min-width:768px){.app-root:not(:has(>.auth-shell)){padding:14px;background:var(--bg)}.app-shell:not(.auth-shell){border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.screen:not(.screen-auth){padding-left:24px;padding-right:24px;gap:18px}.screen:not(.screen-auth) .screen-header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}}@media(min-width:1024px){.app-root:not(:has(>.auth-shell)){padding:22px}.screen:not(.screen-auth){padding-left:30px;padding-right:30px}.screen:not(.screen-auth) .screen-header{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}}@media(max-width:859px){.screen-result.split{grid-template-columns:1fr}.screen-result.split>.flow-screen-header,.screen-result.split .result-left,.screen-result.split .result-right{grid-column:1}}@media(max-width:480px){.screen:not(.screen-auth){gap:14px;padding:0 12px calc(var(--bottom-nav-height, 72px) + env(safe-area-inset-bottom))}.screen:not(.screen-auth) .screen-header{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.btn,.next-btn{min-height:52px;font-size:var(--font-size-body-lg)}.split-actions{grid-template-columns:1fr}}