*,: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{text-wrap:balance;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}.score-button{background:var(--color-brand);min-height:36px;color:var(--color-brand-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:18px;flex:none;align-items:center;gap:6px;margin-left:4px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.sheet-backdrop{z-index:20;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--content-max-width);box-sizing:border-box;max-height:85dvh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:var(--color-surface);border-radius:20px 20px 0 0;overflow-y:auto}.sheet__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet__head h2{margin:0;font-size:20px}.sheet__close{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.sheet__muted,.sheet__me{color:var(--color-text-muted)}.sheet__h3{margin:20px 0 8px;font-size:16px}.board,.rewards{margin:0;padding:0;list-style:none}.board__row{border-radius:12px;grid-template-columns:2em 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.board__row--me{background:var(--color-brand-soft);font-weight:600}.board__rank,.board__points{font-variant-numeric:tabular-nums}.board__rank{color:var(--color-text-muted)}.board__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rewards__row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;display:grid}.rewards__goal{font-weight:600}.rewards__prize{text-align:right}.rewards__winner{color:var(--color-text-muted);grid-column:1/-1;font-size:14px}.toast{z-index:30;left:50%;top:calc(var(--header-height) + env(safe-area-inset-top) + 8px);background:var(--color-brand);width:max-content;max-width:calc(100% - 32px);color:var(--color-brand-text);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:14px;padding:12px 18px;font-size:15px;line-height:1.4;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0006}