:root{--mettle-page-gutter:24px;--mettle-page-max-width:760px;--mettle-form-max-width:460px;--mettle-page-width:min(var(--mettle-page-max-width),calc(100vw - (var(--mettle-page-gutter) * 2)));--mettle-form-width:min(var(--mettle-form-max-width),calc(100vw - (var(--mettle-page-gutter) * 2)))}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--mettle-color-ink);color:var(--mettle-color-primary-text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.video-backdrop{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.auth-shell,.chat-shell,.landing-shell,.public-video-shell{position:relative;min-height:100vh}.auth-shell,.chat-shell{height:100vh;height:100dvh;overflow:hidden}.chat-video-scrim,.landing-scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 47% 46%,rgba(5,8,6,.08),rgba(5,8,6,.36) 42%,rgba(5,8,6,.62) 100%),linear-gradient(90deg,rgba(5,8,6,.58),rgba(5,8,6,.12) 54%,rgba(5,8,6,.42)),linear-gradient(180deg,rgba(5,8,6,.12),rgba(5,8,6,.44))}.highlight-label,.landing-kicker,.menu-label{margin:0;color:var(--mettle-color-secondary-text);font-size:var(--mettle-typography-caption-size);line-height:var(--mettle-typography-caption-line-height);letter-spacing:0}.auth-card h1,.landing-content h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.8vw,78px);line-height:1.02;font-weight:500;letter-spacing:0}.menu-logout,.new-chat-button,.primary-action,.secondary-action,.text-action{border:1px solid var(--theme-border,var(--mettle-color-stroke));border-radius:var(--mettle-radius-control);color:var(--mettle-color-primary-text);background:rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:var(--mettle-spacing-small);padding:0 var(--mettle-spacing-medium);font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-button-size);font-weight:var(--mettle-typography-button-weight)}.primary-action{background:color-mix(in srgb,var(--theme-user,var(--mettle-color-moss)) 68%,transparent)}.secondary-action{background:rgba(0,0,0,.24)}.text-action{min-height:auto;border:0;padding:0;background:transparent;color:rgba(245,247,240,.74);backdrop-filter:none;-webkit-backdrop-filter:none}.full-width{width:100%}@media (max-width:760px){:root{--mettle-page-gutter:16px}}.landing-shell{overflow-x:hidden}.landing-scroll{position:relative;z-index:2;min-height:100vh}.landing-content{min-height:100vh;width:var(--mettle-page-width);display:flex;align-items:center;justify-content:flex-start;padding:72px 0 118px;margin:0 auto}.landing-hero-copy{width:100%}.landing-top-actions{position:fixed;top:28px;right:32px;z-index:3}.route-loading{position:relative;z-index:2;min-height:100vh}.public-media-controls{position:fixed;top:28px;left:32px;z-index:4;display:flex;align-items:center;gap:var(--mettle-spacing-medium)}.public-theme-selector{display:flex;align-items:center;gap:var(--mettle-spacing-small);padding:0}.public-theme-square{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);overflow:hidden;padding:0;background:rgba(0,0,0,.22);box-shadow:0 10px 24px rgba(0,0,0,.2)}.public-theme-square img{display:block;width:100%;height:100%;object-fit:cover}.public-theme-square.selected{outline:2px solid rgba(245,247,240,.66);outline-offset:2px}.landing-copy{max-width:620px;margin:30px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,1.75vw,28px);line-height:1.28;color:rgba(245,247,240,.86)}.landing-actions{display:flex;flex-wrap:wrap;gap:var(--mettle-spacing-regular);margin-top:42px}@media (max-width:760px){.public-media-controls{top:var(--mettle-spacing-medium);left:var(--mettle-spacing-medium);max-width:calc(100vw - 140px);overflow-x:auto;padding:2px}.landing-top-actions{top:var(--mettle-spacing-medium);right:var(--mettle-spacing-medium)}.landing-content{min-height:100vh;padding:112px 0 80px;flex-direction:column;align-items:stretch;justify-content:center}.landing-content h1{font-size:clamp(38px,12vw,54px)}}.auth-card{position:relative;z-index:2;width:var(--mettle-form-width);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--mettle-spacing-medium);padding:64px 0}.auth-card h1{font-size:clamp(34px,5vw,54px);line-height:1}.auth-copy{margin:0 0 var(--mettle-spacing-small);color:rgba(245,247,240,.86);font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-section-title-size);line-height:var(--mettle-typography-section-title-line-height)}.auth-card label{display:grid;gap:var(--mettle-spacing-small);color:var(--mettle-color-secondary-text);font-size:var(--mettle-typography-caption-size)}.auth-card input,.composer-form input{width:100%;height:54px;border:1px solid var(--theme-border,var(--mettle-color-stroke));border-radius:var(--mettle-radius-control);color:var(--mettle-color-primary-text);background:color-mix(in srgb,var(--theme-input,#1c2b33) 66%,transparent);padding:0 var(--mettle-spacing-medium);outline:none}.auth-card input{background:rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chat-error,.form-error{margin:0;color:var(--mettle-color-error-text);font-size:var(--mettle-typography-caption-size)}.back-button{align-self:flex-start}.chat-shell{color:var(--mettle-color-primary-text)}.chat-video-scrim{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.42)),radial-gradient(circle at 50% 40%,rgba(255,255,255,.1),rgba(0,0,0,.24) 68%)}.top-controls{position:fixed;top:28px;left:28px;z-index:4;display:flex;gap:var(--mettle-spacing-small)}.icon-button{width:44px;height:44px;border-radius:999px;border:1px solid var(--theme-border,var(--mettle-color-stroke));background:rgba(0,0,0,.24);color:var(--mettle-color-primary-text);display:grid;place-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.media-button-muted{color:rgba(245,247,240,.56)}.chat-stage{z-index:2;height:100vh;height:100dvh;width:100vw;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;padding-top:28px}.chat-stage,.transcript-frame{position:relative;min-height:0;overflow:hidden}.transcript-frame{mask-image:linear-gradient(180deg,transparent 0,black 20%,black);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 20%,black)}.transcript{height:100%;min-height:0;overflow-y:auto;padding:92px var(--mettle-page-gutter) 16px}.transcript-inner{display:flex;flex-direction:column;gap:var(--mettle-spacing-small);width:var(--mettle-page-width);margin:0 auto}.message-row{display:flex;width:100%}.message-row-user{justify-content:flex-end;padding-left:28%}.message-row-assistant{justify-content:flex-start;padding-right:0}.message-bubble{position:relative;max-width:min(100%,640px);border-radius:var(--mettle-radius-bubble);border:1px solid var(--theme-border,var(--mettle-color-stroke));padding:13px var(--mettle-spacing-medium);font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-chat-message-size);line-height:var(--mettle-typography-chat-message-line-height)}.assistant-bubble{width:100%;max-width:none;background:transparent}.assistant-bubble-typing{width:auto;max-width:max-content}.assistant-bubble:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--theme-assistant) 68%,transparent)}.assistant-bubble-highlight-only{border:1px solid var(--theme-border,var(--mettle-color-stroke));padding:13px var(--mettle-spacing-medium);overflow:hidden}.assistant-bubble-highlight-only:before{display:block;--highlight-window-inset-x:var(--mettle-spacing-medium);--highlight-window-inset-y:13px;inset:var(--highlight-window-inset-y) var(--highlight-window-inset-x);border-radius:calc(var(--mettle-radius-control) - 2px);background:transparent;box-shadow:0 0 0 999px color-mix(in srgb,var(--theme-assistant) 68%,transparent)}.assistant-bubble-with-adornment:before{-webkit-mask-image:linear-gradient(#000 0 0),url(/favicon.svg);-webkit-mask-position:0 0,calc(100% - 10px) calc(100% - 10px);-webkit-mask-size:100% 100%,28px 28px;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:source-over,xor;mask-image:linear-gradient(#000 0 0),url(/favicon.svg);mask-position:0 0,calc(100% - 10px) calc(100% - 10px);mask-size:100% 100%,28px 28px;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.message-bubble>*{position:relative;z-index:1}.assistant-bubble-adornment{position:absolute;right:10px;bottom:10px;z-index:2;width:28px;height:28px;pointer-events:none;background:rgba(245,247,240,.22);mask:url(/favicon.svg) center/contain no-repeat;-webkit-mask:url(/favicon.svg) center/contain no-repeat;mix-blend-mode:soft-light}.user-bubble{max-width:min(100%,520px);background:color-mix(in srgb,var(--theme-user) 68%,transparent)}.message-text{margin:0}.message-text,.streaming-message-text{white-space:pre-wrap}.highlight-window+.highlight-window,.highlight-window+.message-text,.message-text+.highlight-window,.message-text+.message-text{margin-top:var(--mettle-spacing-small)}.typing-indicator{display:flex;align-items:center;gap:6px;width:42px;height:20px}.typing-indicator span{width:6px;height:6px;border-radius:999px;background:var(--theme-accent,rgba(245,247,240,.84));animation:typing-pulse .72s ease-in-out infinite alternate}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes typing-pulse{0%{opacity:.42;transform:scale(.58)}to{opacity:.95;transform:scale(1)}}.bottom-input{flex:none;padding:var(--mettle-spacing-medium) 0 var(--mettle-spacing-large)}.bottom-input,.chat-error{width:var(--mettle-page-width);margin:0 auto}.composer-form{display:grid;grid-template-columns:1fr 54px;gap:var(--mettle-spacing-regular);align-items:end}.composer-form input{font-size:var(--mettle-typography-chat-input-size)}.composer-form button{height:54px;border-radius:var(--mettle-radius-control);border:1px solid var(--theme-border);background:rgba(0,0,0,.24);color:var(--mettle-color-primary-text);display:grid;place-items:center}.empty-state{min-height:calc(100vh - 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--mettle-spacing-regular)}.empty-state p{max-width:480px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-section-title-size);line-height:var(--mettle-typography-section-title-line-height)}.mettle-mark{width:34px;height:34px;position:relative}.mettle-mark:after,.mettle-mark:before{content:"";position:absolute;inset:14px 5px;border-radius:999px;background:rgba(245,247,240,.78)}.mettle-mark:after{transform:rotate(90deg)}.choice-composer{display:grid;gap:var(--mettle-spacing-regular)}.choice-composer p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-choice-prompt-size);line-height:var(--mettle-typography-choice-prompt-line-height)}.choice-options{display:flex;flex-wrap:wrap;gap:var(--mettle-spacing-regular)}.choice-options button{min-height:54px;border-radius:var(--mettle-radius-control);border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-user) 68%,transparent);color:var(--mettle-color-primary-text);padding:0 var(--mettle-spacing-large);font-size:var(--mettle-typography-choice-option-size);font-weight:var(--mettle-typography-choice-option-weight)}.other-composer{margin-top:var(--mettle-spacing-small)}@media (max-width:760px){.message-row-assistant,.message-row-user{padding-left:0;padding-right:0}}.highlight-window{width:100%;border-radius:calc(var(--mettle-radius-bubble) - 2px);padding:10px;border:0;background:transparent;font-family:Georgia,Times New Roman,serif}.highlight-window-content{display:grid;gap:var(--mettle-spacing-small);overflow:visible;border-radius:calc(var(--mettle-radius-control) - 2px);background:transparent;box-shadow:none}.highlight-row{width:100%;text-align:left;display:grid;gap:var(--mettle-spacing-extra-small);border:1px solid color-mix(in srgb,var(--theme-border) 44%,transparent);border-radius:calc(var(--mettle-radius-control) - 4px);background:color-mix(in srgb,var(--theme-input) 92%,black 8%);color:var(--mettle-color-primary-text);padding:var(--mettle-spacing-regular) var(--mettle-spacing-medium);font:inherit}.highlight-row:focus-visible,.highlight-row:hover{background:color-mix(in srgb,var(--theme-input) 96%,white 4%)}.highlight-title{font-size:var(--mettle-typography-highlight-resource-title-size);line-height:var(--mettle-typography-highlight-resource-title-line-height);font-weight:var(--mettle-typography-highlight-resource-title-weight)}.highlight-body{font-size:var(--mettle-typography-highlight-resource-body-size);line-height:var(--mettle-typography-highlight-resource-body-line-height);color:rgba(245,247,240,.88)}.highlight-label{color:rgba(245,247,240,.64);font-weight:var(--mettle-typography-highlight-label-weight)}.menu-layer,.menu-scrim,.modal-backdrop{position:fixed;inset:0}.modal-backdrop{z-index:8;display:grid;place-items:center;background:rgba(0,0,0,.44)}.highlight-modal,.modal-backdrop{padding:var(--mettle-spacing-large)}.highlight-modal{width:min(460px,100%);border-radius:var(--mettle-radius-panel);border:1px solid var(--theme-border);background:rgba(15,18,16,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.highlight-modal h2{margin:var(--mettle-spacing-small) 0 var(--mettle-spacing-regular);font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-title-size)}.highlight-modal p{color:rgba(245,247,240,.84);line-height:1.45}.menu-layer{z-index:6}.menu-scrim{background:rgba(0,0,0,.28)}.chat-menu{position:relative;z-index:7;width:min(420px,100vw);height:100%;overflow-y:auto;background:rgba(18,20,18,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.12);padding:var(--mettle-spacing-large)}.menu-header{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--mettle-spacing-regular)}.menu-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-section-title-size)}.menu-header p,.menu-muted{margin:0;color:var(--mettle-color-secondary-text);font-size:var(--mettle-typography-caption-size)}.menu-section{margin-top:var(--mettle-spacing-large)}.menu-modality-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--mettle-spacing-small);margin-top:var(--mettle-spacing-regular)}.history-row,.history-search,.menu-modality-grid button{min-height:44px;border-radius:var(--mettle-radius-control);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:var(--mettle-color-primary-text);display:flex;align-items:center;gap:var(--mettle-spacing-small);padding:0 var(--mettle-spacing-medium);font-family:Georgia,Times New Roman,serif}.theme-strip{display:flex;gap:var(--mettle-spacing-regular);overflow-x:auto;padding:var(--mettle-spacing-regular) 0 var(--mettle-spacing-small)}.theme-tile{flex:0 0 134px;border:1px solid transparent;background:transparent;color:var(--mettle-color-primary-text);padding:0;text-align:left}.theme-tile,.theme-tile img{border-radius:var(--mettle-radius-control)}.theme-tile img{display:block;width:134px;height:84px;object-fit:cover;border:1px solid rgba(255,255,255,.16)}.theme-tile span{display:block;margin-top:var(--mettle-spacing-small);font-family:Georgia,Times New Roman,serif;font-size:var(--mettle-typography-button-size)}.theme-tile.selected img{outline:2px solid var(--theme-accent);outline-offset:2px}.history-actions{display:grid;grid-template-columns:1fr auto;gap:var(--mettle-spacing-small);margin:var(--mettle-spacing-regular) 0}.history-search{color:var(--mettle-color-secondary-text);font-size:var(--mettle-typography-body-size)}.history-list{display:grid;gap:var(--mettle-spacing-small)}.history-row{width:100%;min-height:56px;justify-content:space-between}.history-row.selected{border-color:var(--theme-accent)}.history-row small{color:var(--mettle-color-secondary-text)}