:root{--color-accent: #10b981;--color-accent-hover: #059669;--color-accent-text: #ffffff;--color-bg: #ffffff;--color-bg-surface: #f9fafb;--color-bg-inset: #f3f4f6;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-error: #dc2626;color-scheme:light;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--app-width: max(320px, min(100vw, 56.25vh ));--app-gutter: 0px}@media (prefers-color-scheme: dark){:root{--color-accent: #34d399;--color-accent-hover: #6ee7b7;--color-accent-text: #111827;--color-bg: #111827;--color-bg-surface: #1f2937;--color-bg-inset: #374151;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-border: #374151;--color-error: #f87171;color-scheme:dark}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-inset);color:var(--color-text)}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;width:var(--app-width);margin-inline:auto;background-color:var(--color-bg-surface)}.app-header{padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.app-header h1{margin:0;font-size:var(--text-xl)}.app-main{flex:1;padding:var(--space-xl)}.status-card{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.error{color:var(--color-error);margin-top:var(--space-sm)}.app-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.app-header__home{color:inherit;text-decoration:none}.app-header__right{display:flex;align-items:center;gap:var(--space-md)}.app-header__nav{display:flex;gap:var(--space-sm)}.user-info{font-size:var(--text-xs);color:var(--color-text-muted);max-width:10rem}.user-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-verify-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);background-color:var(--color-bg-inset);color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text);cursor:pointer}.user-menu__trigger:hover{background-color:var(--color-bg-inset)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-xs));inset-inline-end:0;z-index:10;display:flex;flex-direction:column;min-width:14rem;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-md)}.user-menu__dropdown a,.user-menu__dropdown button{display:block;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--text-sm);text-align:start;text-decoration:none;cursor:pointer}.user-menu__dropdown a:hover,.user-menu__dropdown button:hover{background-color:var(--color-bg-inset)}.user-menu__email{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs)}.user-menu__section{display:flex;flex-direction:column;margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.user-menu__section-label{padding:var(--space-xs) var(--space-md);color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em}.user-menu__lang-item--active{background-color:var(--color-bg-inset);font-weight:600}.lang-selector__trigger{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--text-sm);text-align:start;cursor:pointer}.lang-selector__trigger:hover{background-color:var(--color-bg-inset)}.lang-selector__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background-color:#0000004d}.lang-selector__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;width:min(20rem,90vw);max-height:70vh;overflow-y:auto;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-md)}.lang-selector__list{list-style:none;margin:0;padding:0}.lang-selector__item{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--text-sm);text-align:start;cursor:pointer}.lang-selector__item:hover{background-color:var(--color-bg-inset)}.lang-selector__item--active{background-color:var(--color-bg-inset);font-weight:600}.email-verify-banner .auth-button{padding:var(--space-xs) var(--space-sm)}.auth-tabs{display:flex;gap:var(--space-xs);margin:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.auth-tab{flex:1;background:none;border:none;padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm);border-bottom:2px solid transparent}.auth-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.auth-panel{margin-top:var(--space-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form__lead{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.auth-form__forgot{margin:0;text-align:center;font-size:var(--text-sm)}.auth-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm)}.auth-label input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base)}.auth-label input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.auth-label input:read-only{background-color:var(--color-bg-inset);color:var(--color-text-muted);cursor:not-allowed}.auth-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-accent-text);cursor:pointer;font-size:var(--text-sm);text-decoration:none}.auth-form>button,.auth-form form>button{margin-top:var(--space-sm)}.auth-button:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button--secondary{background-color:var(--color-bg);color:var(--color-accent)}.auth-button--secondary:hover:not(:disabled){background-color:var(--color-bg-inset);color:var(--color-accent)}.auth-button--ghost{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.auth-button--ghost:hover:not(:disabled){background-color:var(--color-bg-inset);color:var(--color-text);border-color:var(--color-border)}.auth-button--google{background-color:#fff;color:#1f2937;border-color:var(--color-border)}.auth-button--google:hover:not(:disabled){background-color:#f3f4f6;border-color:var(--color-border);color:#1f2937}.auth-divider{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);position:relative}.auth-divider:before,.auth-divider:after{content:"";display:inline-block;width:30%;height:1px;background-color:var(--color-border);vertical-align:middle;margin:0 var(--space-sm)}.auth-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.auth-info{color:var(--color-text);background-color:var(--color-bg-inset);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.auth-notice{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.character-upload__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background-color:#0006}.character-upload__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;width:min(28rem,90vw);max-height:85vh;overflow-y:auto;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md)}.character-upload__title{margin:0;font-size:var(--text-lg)}.character-upload__notice{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.character-upload__input{font-size:var(--text-sm)}.character-upload__preview-wrapper{display:flex;justify-content:center;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-inset)}.character-upload__preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm)}.character-upload__error{margin:0;color:var(--color-error);font-size:var(--text-sm)}.character-upload__actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.character-create{max-width:28rem;margin:0 auto}.character-create__title{margin:0 0 var(--space-xs);font-size:var(--text-xl)}.character-create__description{margin:0 0 var(--space-lg);color:var(--color-text-muted);font-size:var(--text-sm)}.character-create__form{display:flex;flex-direction:column;gap:var(--space-md)}.character-create__image-area{display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-inset);cursor:pointer;transition:border-color .2s}.character-create__image-area:hover{border-color:var(--color-accent)}.character-create__image-placeholder{color:var(--color-text-muted);font-size:var(--text-sm)}.character-create__file-input{display:none}.character-create__preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm)}.character-create__textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-family:inherit;resize:vertical}.character-create__textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.character-create__error{margin:0;color:var(--color-error);font-size:var(--text-sm)}.character-create__actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.no-character{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) 0;gap:var(--space-md)}.no-character__title{margin:0;font-size:var(--text-lg)}.no-character__description{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.status-card--clickable{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;transition:background-color .15s,box-shadow .15s}.status-card--clickable:hover{background-color:var(--color-bg-inset);box-shadow:var(--shadow-md)}.status-card--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app{position:relative;z-index:1}.character-chat{position:relative;height:100dvh;width:var(--app-width);margin-inline:auto;display:flex;flex-direction:column}.character-chat__bg{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:var(--app-width);z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}.character-chat__header{position:relative;z-index:1;padding:var(--space-md) var(--space-xl)}.character-chat__back{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:var(--radius-full);background-color:#0006;color:#fff;font-size:var(--text-lg);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.character-chat__back:hover{background-color:#0009}.character-chat__error{position:relative;z-index:1;padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.home__add-character-button{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);width:100%;background-color:var(--color-accent);color:var(--color-accent-text);cursor:pointer;text-align:center;font-size:var(--text-base)}.home__add-character-button:hover{background-color:var(--color-accent-hover)}.character-chat__messages{position:relative;z-index:1;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.character-chat__messages::-webkit-scrollbar{display:none}.character-chat__messages.is-at-bottom{mask-image:linear-gradient(to bottom,transparent 0%,transparent 65%,black 75%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 65%,black 75%,black 100%)}.sticky-date-header{position:sticky;top:0;z-index:20;width:fit-content;margin:0 auto;padding:var(--space-xs) var(--space-md);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);text-align:center;color:#fff;font-size:var(--text-sm)}.character-chat__input-area{position:relative;z-index:1;padding:var(--space-md) var(--space-xl);background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.character-chat__input-form{display:flex;gap:var(--space-sm);align-items:flex-end}.character-chat__input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);font-family:inherit;min-height:2.5em;max-height:10em;overflow-y:auto;resize:none;line-height:1.5;overflow-x:hidden;word-break:break-word}.character-chat__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.character-chat__send-button{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;font-size:var(--text-sm)}.character-chat__send-button:hover{background:var(--color-accent-hover)}.chat-message{display:flex;margin-bottom:var(--space-md)}.chat-message--user{justify-content:flex-end}.chat-message--character{justify-content:flex-start}.chat-message__bubble{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap}.chat-message--user .chat-message__bubble{background:var(--color-accent);color:var(--color-accent-text)}.chat-message--character .chat-message__bubble{background:#ffffffe6;color:var(--color-text)}.chat-message__time{align-self:flex-end;color:#ffffffe6;font-size:var(--text-xs);white-space:nowrap;margin-inline:var(--space-xs);text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4)}.chat-message--user .chat-message__time{order:-1}.date-separator{width:fit-content;margin:0 auto;padding:var(--space-xs) var(--space-md);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);text-align:center;color:#fff;font-size:var(--text-sm)}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.character-chat__messages-loading{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.chat-loading-older{text-align:center;padding:12px;font-size:12px;opacity:.7;color:#fff}.character-chat__send-error{position:relative;z-index:1;margin:0;padding:var(--space-xs) var(--space-lg);color:var(--color-error);font-size:var(--text-xs);text-align:center}.character-chat__send{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-text);cursor:pointer;flex-shrink:0}.character-chat__send:hover:not(:disabled){background-color:var(--color-accent-hover)}.character-chat__send:disabled{opacity:.5;cursor:not-allowed}.character-card-wrapper{position:relative}.character-card__content{flex:1;min-width:0}.character-card__content strong{display:block}.character-card__content p{margin:var(--space-xs) 0 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.character-card__menu-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-full);background-color:transparent;color:var(--color-text);cursor:pointer;flex-shrink:0}.character-card__menu-button:hover{background-color:var(--color-bg-inset)}.character-card__dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;z-index:10;display:flex;flex-direction:column;min-width:10rem;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-md)}.character-card__dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--text-sm);text-align:start;cursor:pointer}.character-card__dropdown-item:hover{background-color:var(--color-bg-inset)}.character-card__dropdown-item--danger{color:var(--color-error)}.character-card__dropdown-item--danger:hover{background-color:var(--color-error);color:#fff}.character-delete__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background-color:#0006}.character-delete__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;width:min(28rem,90vw);max-height:85vh;overflow-y:auto;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md)}.character-delete__title{margin:0;font-size:var(--text-lg)}.character-delete__message{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.character-delete__actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.auth-button--danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.auth-button--danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.auth-button--danger:disabled{opacity:.6;cursor:not-allowed}