*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit}.app{height:100dvh;height:var(--app-height,100dvh);transform:translateY(var(--app-offset-top,0px));background:var(--color-bg) var(--background-image) center / cover no-repeat;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:fixed;inset:0 0 auto}.header{height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;border-bottom:1px solid var(--color-border);flex:none;align-items:center;gap:10px;display:flex}.header__title{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.portrait{width:var(--portrait-size);height:var(--portrait-size);background:var(--portrait-image) center / cover no-repeat;border-radius:50%;flex:none;position:relative}.portrait--thinking:after{content:"";border:2px solid var(--color-thinking);border-top-color:#0000;border-radius:50%;animation:1s linear infinite portrait-spin;position:absolute;inset:-4px}.portrait--thinking{animation:1.6s ease-in-out infinite portrait-pulse}@keyframes portrait-spin{to{transform:rotate(360deg)}}@keyframes portrait-pulse{50%{opacity:.6}}.messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;position:relative;overflow-y:auto}.messages__inner{max-width:var(--content-max-width);flex-direction:column;gap:20px;margin:0 auto;padding:20px 16px 8px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:16px;display:flex}.empty .portrait{--portrait-size:56px}.empty__title{margin:0;font-size:26px;font-weight:600}.msg{overflow-wrap:anywhere;white-space:pre-wrap}.msg--user{background:var(--user-bubble-bg);max-width:85%;color:var(--user-bubble-text);border-radius:var(--user-bubble-radius);padding:var(--user-bubble-padding);align-self:flex-end}.msg--assistant{background:var(--assistant-bubble-bg);color:var(--assistant-bubble-text);border-radius:var(--assistant-bubble-radius);padding:var(--assistant-bubble-padding);align-self:stretch}.msg--error{color:var(--color-error)}.msg__actions{margin-top:6px}.link-button{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:14px}.link-button:hover{background:var(--color-surface-hover)}.cursor{background:var(--color-thinking);vertical-align:middle;border-radius:50%;width:.7em;height:.7em;margin-left:2px;animation:1s ease-in-out infinite portrait-pulse;display:inline-block}.scroll-down{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;display:flex;position:sticky;bottom:12px;box-shadow:0 2px 8px #0006}.composer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex:none}.composer__box{max-width:var(--content-max-width);background:var(--color-surface);border-radius:var(--composer-radius);align-items:flex-end;gap:8px;margin:0 auto;padding:8px 8px 8px 18px;display:flex}.composer__input{resize:none;min-width:0;color:var(--color-text);font:inherit;font-size:max(16px, var(--font-size-base));background:0 0;border:0;outline:0;flex:1;max-height:9em;padding:6px 0;line-height:1.5}.composer__input::placeholder{color:var(--color-text-muted)}.composer__send{background:var(--color-accent);width:36px;height:36px;color:var(--color-accent-text);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.composer__send:disabled{background:var(--color-disabled);cursor:default}.composer__meta{max-width:var(--content-max-width);font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center;justify-content:center;gap:8px;margin:6px auto 0;display:flex}.composer__count--over{color:var(--color-error)}@media (prefers-reduced-motion:reduce){.portrait--thinking,.portrait--thinking:after,.cursor{animation:none}}.header__user{text-overflow:ellipsis;white-space:nowrap;max-width:40%;color:var(--color-text-muted);margin-left:auto;font-size:14px;overflow:hidden}.name-picker__box{width:100%;max-width:22rem}.name-picker__notice{max-width:22rem;color:var(--color-claim-text);margin:0}.name-picker__error{color:var(--color-error);margin:0}.chat-closed{max-width:var(--content-max-width);background:var(--color-claim-bg);width:calc(100% - 24px);color:var(--color-claim-text);text-align:center;border-radius:12px;flex:none;margin:0 auto 4px;padding:10px 14px;font-size:14px;line-height:1.4}.composer__input:disabled{cursor:not-allowed}.claim-banner{border:0;border-bottom:1px solid var(--color-border);background:var(--color-claim-bg);width:100%;color:var(--color-claim-text);text-align:left;cursor:pointer;flex:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.claim-banner__text{flex:1;font-size:14px;line-height:1.35}.claim-banner__code{letter-spacing:.06em;font-variant-numeric:tabular-nums;flex:none;font-size:22px;font-weight:700}.claim-overlay{z-index:10;background:var(--color-claim-bg);color:var(--color-claim-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.claim-overlay__label,.claim-overlay__hint{margin:0;font-size:18px}.claim-overlay__hint{opacity:.8;font-size:14px}.claim-overlay__code{letter-spacing:.06em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(48px,18vw,120px);font-weight:800;line-height:1.1}.gate{flex:none;padding:8px 12px 0}.gate__box{max-width:var(--content-max-width);border:1px solid var(--color-gate-border);background:var(--color-gate-bg);border-radius:18px;flex-direction:column;gap:10px;margin:0 auto;padding:14px 16px;display:flex}.gate__head{align-items:flex-start;gap:10px;display:flex}.gate__portrait{flex:none}.gate__prompt{margin:0;line-height:1.45}.gate__deadline{color:var(--color-claim-text);font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:600}.gate__consent{color:var(--color-text-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.gate__consent input{width:20px;height:20px;accent-color:var(--color-accent);flex:none;margin:0}.gate__button{background:var(--color-accent);min-height:44px;color:var(--color-accent-text);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:600}.gate__button:disabled{background:var(--color-disabled);cursor:default}.gate__feedback{font-size:14px;line-height:1.45}.gate__feedback p{margin:0}.gate__feedback--failed,.gate__feedback--error{color:var(--color-error)}.gate__feedback .gate__reason{color:var(--color-text-muted);margin-top:4px;font-style:italic}