:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--phone-screen-width:390px;--phone-screen-height:844px;--phone-screen-radius:48px;--phone-frame-size:4px;--phone-frame-radius:calc(var(--phone-screen-radius) + var(--phone-frame-size));--phone-case-border-size:0px;--phone-case-padding:6px;--phone-case-radius:calc(var(--phone-frame-radius) + var(--phone-case-padding));--app-font-family:Arial, Helvetica, sans-serif;--app-safe-top:0px;--app-safe-right:0px;--app-safe-bottom:0px;--app-safe-left:0px;--app-header-height:52px;--home-grid-top-offset:18px;--home-row-gap-y:12px;--home-grid-bottom-trim:50px;--home-slot-gap-x:12px;--home-slot-inset-x:20px;--home-dock-lift:6px;font-family:var(--app-font-family);color:#171717;background:#e9e9ec}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;min-height:100%;margin:0}body{background:#e9e9ec}.app-root{place-items:center;min-height:100dvh;padding:24px;display:grid;overflow-x:hidden}.phone-shell-wrap{--phone-total-width:calc(var(--phone-screen-width) + (2 * (var(--phone-frame-size) + var(--phone-case-padding) + var(--phone-case-border-size))));width:calc(var(--phone-total-width) + 8px);font-family:var(--app-font-family);margin-inline:auto}.phone-case{width:var(--phone-total-width);padding:var(--phone-case-padding);border-radius:var(--phone-case-radius);background:linear-gradient(175deg,#a8adb2 0%,#8a9096 6%,#6a7078 16%,#565c64 30%,#7a8088 42%,#9aa0a6 48%,#6e747c 56%,#585e66 68%,#788088 80%,#969ca4 90%,#a0a6ac 100%);border:.5px solid #00000059;margin-inline:auto;position:relative;box-shadow:0 30px 60px #3c3c3c66,0 10px 24px #50505040,inset 0 1.5px #ffffffa6,inset 0 -1px #0000004d,inset 1.5px 0 #fff6,inset -1px 0 #0000002e}.phone-frame{padding:var(--phone-frame-size);border-radius:var(--phone-frame-radius);background:#0c0c0c;position:relative;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #ffffff05}.phone-case:before,.phone-case:after,.phone-frame:before,.phone-frame:after{content:"";background:linear-gradient(90deg,#6e747a,#8e949a,#6e747a);width:3px;position:absolute;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000026}.phone-case:before{border-radius:2px 0 0 2px;height:22px;top:155px;left:-2.5px}.phone-case:after{border-radius:0 2px 2px 0;height:56px;top:218px;right:-2.5px}.phone-frame:before,.phone-frame:after{border-radius:2px 0 0 2px;height:32px;left:-5.5px}.phone-frame:before{top:200px}.phone-frame:after{top:244px}.phone-shell{width:var(--phone-screen-width);height:var(--phone-screen-height);isolation:isolate;border-radius:var(--phone-screen-radius);background:#fafafa;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-content{flex:1;min-height:0;padding:0;overflow:hidden}h1{letter-spacing:-.7px;margin:24px 0 32px;font-size:28px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}:where(button,input,select,textarea,[tabindex]):focus{outline:none}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.veil-switch{vertical-align:middle;flex:none;width:48px;height:29px;display:inline-flex;position:relative}.veil-switch-input{z-index:1;opacity:0;cursor:pointer;position:absolute;inset:-7px -4px;width:calc(100% + 8px)!important;height:calc(100% + 14px)!important;min-height:0!important;margin:0!important;padding:0!important}.veil-switch-track{background:color-mix(in srgb, var(--theme-text) 17%, var(--theme-surface));border-radius:999px;width:100%;height:100%;padding:3px;transition:background-color .15s;display:block}.veil-switch-thumb{background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0000002e}.veil-switch-input:checked+.veil-switch-track{background:var(--theme-accent)}.veil-switch-input:checked+.veil-switch-track .veil-switch-thumb{transform:translate(19px)}.veil-switch-input:disabled{cursor:default}.veil-switch-input:disabled+.veil-switch-track{opacity:.45}.veil-switch-input:focus-visible+.veil-switch-track{outline:2px solid var(--theme-accent);outline-offset:3px}.veil-switch-input:focus-visible{outline:none!important}@media (prefers-reduced-motion:reduce){.veil-switch-track,.veil-switch-thumb{transition:none}}.empty-state{color:#666}.product-bootstrap-error{z-index:10000;top:max(8px, env(safe-area-inset-top));color:#542b2b;background:#fff;border:1px solid #e1c3c3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:min(440px,100vw - 24px);padding:12px 14px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000001f}.product-bootstrap-error button{min-height:40px;color:inherit;font:inherit;background:#f3e7e7;border:0;border-radius:10px;flex:none;padding:0 14px;font-weight:600}@media (hover:none) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=color]):not([hidden]),textarea,select,[contenteditable=true]{font-size:16px!important}}.chat-info-group{background:var(--theme-surface);border:0;border-radius:20px;overflow:hidden}.chat-info-group .chat-session-setting{width:100%;min-height:64px;color:inherit;text-align:left;padding:15px 20px;font-size:16px;font-weight:500;line-height:1.35;position:relative;background:0 0!important;border:0!important;border-radius:0!important}.chat-info-group .chat-session-setting+.chat-session-setting:before{background:color-mix(in srgb, var(--theme-text) 7%, transparent);content:"";height:1px;position:absolute;top:0;left:20px;right:20px}.chat-info-row>svg{opacity:.45;width:20px;height:20px}.chat-info-group .chat-session-setting small{opacity:.62;margin-top:6px;font-size:12px;font-weight:400;line-height:1.4;display:block}.chat-info-toggle{cursor:pointer}
.theme-surface{isolation:isolate;background:var(--theme-background);height:100%;min-height:0;color:var(--theme-text);font-family:var(--theme-font-family);font-size:var(--theme-font-size);font-weight:var(--theme-font-weight);flex-direction:column;display:flex;position:relative}.theme-page{padding:20px max(20px, var(--app-safe-right)) 24px max(20px, var(--app-safe-left))}.theme-surface h1{font-size:1.75em}.theme-surface h2{margin:24px 0 12px;font-size:1.2em}.theme-surface a:focus-visible{outline-color:var(--theme-accent)}.theme-home-wallpaper{z-index:-1;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.theme-surface:not(:has(.home-screen)) .theme-home-wallpaper{display:none}.home-screen{isolation:isolate;z-index:1;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.home-app{flex-direction:column;align-items:center;gap:8px;min-width:80px;font-size:.8em;display:flex}.home-icon{border-radius:var(--theme-icon-radius);background:var(--theme-surface);width:62px;height:62px;color:var(--theme-accent);place-items:center;font-size:28px;font-weight:600;display:grid;position:relative;overflow:hidden}.home-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-dock{background-color:var(--theme-dock-background);background-position:50%;background-size:cover;justify-content:center;gap:16px;min-height:100px;margin-top:auto;padding:16px 12px;display:flex}.appearance-controls{border:0;min-width:0;margin:0;padding:0}.appearance-controls section{border-top:1px solid var(--theme-accent);margin-top:24px}.appearance-controls details{background:var(--theme-surface);border-radius:12px;margin:12px 0;padding:12px}.appearance-controls summary{cursor:pointer;min-height:32px;font-weight:600}.appearance-controls label{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.appearance-controls input:not([type=checkbox]):not([type=color]),.appearance-controls select,.appearance-controls textarea{width:100%;min-width:0}.appearance-controls input,.appearance-controls select,.appearance-controls textarea,.appearance-controls button{font:inherit;color:var(--theme-text);max-width:100%}.appearance-controls input:not([type=range]):not([type=checkbox]),.appearance-controls select,.appearance-controls textarea{background:var(--theme-background);border:1px solid #999;border-radius:6px;min-height:44px;padding:8px}.appearance-controls textarea{resize:vertical}.appearance-controls button{cursor:pointer;border:1px solid var(--theme-accent);background:var(--theme-surface);border-radius:8px;min-height:44px;margin:4px 0;padding:8px 12px}.appearance-controls button:disabled{opacity:.5;cursor:default}.appearance-controls :focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.image-editor{border:1px solid #999;border-radius:8px;min-width:0;margin:16px 0;padding:10px}.image-preview{object-fit:contain;width:100%;height:120px;display:block}.button-row{flex-wrap:wrap;gap:8px;display:flex}.preset-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.preset-row span{overflow-wrap:anywhere;flex:1}.appearance-controls p,.theme-notice{overflow-wrap:anywhere;font-size:.85em;line-height:1.5}.reset-confirm{border:1px solid var(--theme-accent);border-radius:8px;padding:12px}
.theme-surface:has(.desktop-home){height:100%;min-height:0}.desktop-home{--home-grid-origin-shift:36px;min-height:0}.desktop-foreground{width:100%;min-width:0;min-height:0;padding:var(--home-grid-top-offset) var(--home-slot-inset-x) 0;flex-direction:column;display:flex}.home-edit-shell{top:var(--app-safe-top);left:var(--home-slot-inset-x);right:var(--home-slot-inset-x);z-index:10;pointer-events:none;position:absolute}.home-edit-actions{justify-content:space-between;display:flex}.home-edit-shell .home-edit-actions button{border-radius:22px;min-width:76px;min-height:44px;padding:12px 20px;font-size:17px;font-weight:600;line-height:20px}.home-edit-shell button{pointer-events:auto;font:inherit;color:var(--theme-text);background:var(--theme-surface);cursor:pointer;border:0;border-radius:18px;padding:8px 16px;font-size:14px}.home-edit-menu{pointer-events:auto;background:var(--theme-surface);border-radius:14px;flex-direction:column;max-width:100%;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 4px 20px #0002}.home-edit-menu button{text-align:left;overflow-wrap:anywhere;border-radius:0;padding:10px 16px;font-size:15px;line-height:20px}.home-edit-menu button:disabled{opacity:.45;cursor:default}.home-add-app-picker{pointer-events:auto;background:var(--theme-surface);border-radius:18px;max-height:min(55vh,360px);padding:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #0002}.home-add-app-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.home-add-app-heading button{padding:6px 10px}.home-add-app-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;display:grid}.home-add-app-picker .home-app{flex-direction:column;align-items:center;gap:6px;display:flex}.home-add-app-error{margin:12px 0 0;font-size:13px}.home-edit-notice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.desktop-pages{touch-action:pan-y;flex:1;min-height:0;overflow:hidden}.desktop-track{width:100%;height:100%;display:flex}.desktop-page{min-width:0;height:100%;padding-top:var(--home-grid-origin-shift);overscroll-behavior:contain;touch-action:pan-y;flex:0 0 100%;overflow-y:auto}.desktop-grid{column-gap:var(--home-slot-gap-x);row-gap:var(--home-row-gap-y);grid-template-rows:repeat(6,minmax(70px,1fr));grid-template-columns:repeat(4,minmax(0,1fr));height:100%;min-height:510px;display:grid;position:relative}.desktop-app{z-index:1;align-self:center;min-width:0;position:relative}.desktop-home .home-app{width:100%;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.7em}.desktop-home .home-icon{aspect-ratio:1;flex:none;width:min(62px,100%);height:auto}.home-app-label{text-align:center;overflow-wrap:anywhere;max-width:100%;line-height:1.25}.desktop-widget{background:var(--theme-surface);z-index:1;border-radius:22px;min-width:0;min-height:0;padding:14px;position:relative;overflow:hidden}.widget-select{cursor:pointer;border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.widget-remove,.desktop-app-remove{z-index:3;width:44px;height:44px;color:var(--theme-text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.widget-remove span,.desktop-app-remove span{background:var(--theme-surface);border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid;box-shadow:0 1px 5px #0002}.widget-remove:disabled,.desktop-app-remove:disabled{opacity:.45;cursor:default}.desktop-app-remove{top:0;right:0}.desktop-cell{background:0 0;border:1px dashed #999;border-radius:12px;min-width:0}.desktop-cell:disabled{opacity:.2}.desktop-widget.is-selected,.home-app.is-selected .home-icon{outline:2px solid var(--theme-accent);outline-offset:-2px}.desktop-indicator{flex:none;justify-content:center;height:40px;display:flex}.desktop-indicator button{cursor:pointer;width:30px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.desktop-indicator span{opacity:.25;background:currentColor;border-radius:50%;width:6px;height:6px}.desktop-indicator [aria-current=page] span{opacity:.8}.desktop-dock{margin-top:0;margin-bottom:var(--home-dock-lift);column-gap:var(--home-slot-gap-x);min-height:100px;padding:14px var(--home-slot-inset-x);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.clock-widget{flex-direction:column;justify-content:center;gap:10px;height:100%;display:flex}.widget-eyebrow{letter-spacing:.04em;font-size:.65em;font-weight:600}.clock-time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(24px,2em,40px)}.clock-date{font-size:.75em}.here-there-widget{flex-direction:column;gap:10px;height:100%;display:flex;overflow:auto}.here-there-sides{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.here-there-side{flex-direction:column;gap:5px;min-width:0;display:flex}.here-there-side+.here-there-side{border-left:1px solid #ddd;padding-left:14px}.here-there-side strong{overflow-wrap:anywhere;font-size:.9em}.here-there-side time{font-variant-numeric:tabular-nums;font-size:1.2em}.participant-location,.participant-weather{overflow-wrap:anywhere;font-size:.62em;line-height:1.3}.size-2x2 .here-there-sides{gap:7px}.size-2x2 .here-there-side+.here-there-side{padding-left:7px}.size-2x2 .here-there-side{gap:3px}.size-2x2 .here-there-side time{font-size:.9em}.desktop-home :focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}@media (max-width:360px){.desktop-foreground{--home-slot-inset-x:14px;--home-slot-gap-x:10px}.desktop-widget{padding:10px}}.desktop-home.is-editing .desktop-widget{outline:1px dashed color-mix(in srgb, var(--theme-text) 35%, transparent)}.desktop-pages{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width:500px) and (hover:none) and (pointer:coarse),(display-mode:standalone) and (hover:none) and (pointer:coarse){.desktop-foreground{flex:auto;padding-bottom:0}.desktop-pages{flex-direction:column;flex:auto;display:flex}.desktop-track{flex:auto;height:auto;min-height:0}.desktop-page{flex-direction:column;height:auto;min-height:0;display:flex}.desktop-grid{row-gap:var(--home-row-gap-y);height:auto;min-height:0;padding-bottom:calc(var(--home-grid-bottom-trim) - var(--home-grid-origin-shift));flex:auto;grid-template-rows:repeat(6,minmax(0,1fr))}}.here-there-widget{scrollbar-width:none;gap:16px}.here-there-widget::-webkit-scrollbar{display:none}.here-there-side{gap:7px}.here-there-side strong{letter-spacing:-.02em;font-size:1em;font-weight:600}.here-there-side time{letter-spacing:-.04em;font-size:1.6em}.participant-location,.participant-weather{opacity:.55}:is(.here-there-side:has(>a),.here-there-side:has(>.here-there-character-name)){justify-content:center;font-size:.75em}.here-there-side+.here-there-side{border-color:color-mix(in srgb, var(--theme-text) 12%, transparent)}.here-there-character-name{min-height:44px;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-block:-8px;padding:0}.here-there-character-picker{border:1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);background:var(--theme-surface);width:min(320px,100% - 40px);max-height:calc(100% - 80px);color:var(--theme-text);font:inherit;border-radius:20px;padding:16px}.here-there-character-picker::backdrop{background:#00000040}.here-there-widget[data-input-modality=touch] :focus-visible{outline:none}.here-there-picker-header{justify-content:space-between;align-items:center;display:flex}.here-there-picker-header button{width:44px;height:44px;color:inherit;font:inherit;background:0 0;border:0;font-size:24px}.here-there-picker-options{display:grid}.here-there-picker-options button{border:0;border-top:1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);min-height:48px;color:inherit;font:inherit;text-align:left;background:0 0;padding:10px 8px}.here-there-picker-options button span{float:right;color:var(--theme-accent)}.here-there-picker-options button:disabled{opacity:.5}.here-there-comment{opacity:.65;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-shrink:0;margin:auto 0 0;font-size:.7em;line-height:1.4;display:-webkit-box;overflow:hidden}
.foundation-page{padding:20px max(20px, var(--app-safe-right)) 24px max(20px, var(--app-safe-left));color:var(--theme-text);overflow-wrap:anywhere}.social-root{min-height:0;padding:max(24px, var(--app-safe-top)) max(20px, var(--app-safe-right)) max(24px, var(--app-safe-bottom)) max(20px, var(--app-safe-left));color:var(--theme-text);flex:1;overflow-y:auto}.social-root h1{margin:0 0 22px;font-size:1.8em}.root-app-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.root-app-header>h1,.social-root .root-app-header>h1{flex:1;min-width:0;margin:0}.root-app-header>.app-page-back{flex:none}.social-add{width:44px;height:44px;color:inherit;place-items:center;display:grid}.social-add svg{width:25px;height:25px}.social-search{box-sizing:border-box;background:color-mix(in srgb, var(--theme-text) 8%, var(--theme-surface));width:100%;min-height:48px;color:var(--theme-text);font:inherit;appearance:none;border:0;border-radius:999px;outline:none;padding:0 17px;font-size:16px}.social-search:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-accent) 10%, transparent);outline:none}.social-list{margin-top:20px}.social-row{border-bottom:1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);align-items:center;gap:14px;min-height:64px;display:flex}.social-row>span:nth-child(2){gap:4px;min-width:0;display:grid}.social-row>button{margin-left:auto}.social-root button.social-row{border:0;border-bottom:1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;padding:0}.social-root button.social-row:active{background:color-mix(in srgb, var(--theme-text) 4%, transparent)}.contact-selection-mark{color:var(--theme-accent);place-items:center;margin-left:auto;display:grid}.contact-selection-mark svg{width:23px;height:23px}.contact-selection-footer{margin:12px -20px calc(-24px - var(--app-safe-bottom));padding:12px max(20px, var(--app-safe-right)) calc(12px + var(--app-safe-bottom)) max(20px, var(--app-safe-left));background:color-mix(in srgb, var(--theme-background) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.contact-selection-footer span{opacity:.65;font-size:.85em}.contact-selection-footer button{background:var(--theme-accent);min-width:88px;min-height:42px;color:var(--theme-surface);font:inherit;border:0;border-radius:999px;font-weight:600}.contact-selection-footer button:disabled{opacity:.38}.group-name-field{gap:8px;margin:18px 0;display:grid}.social-row small{opacity:.6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-avatar{flex:none;display:inline-flex;position:relative}.social-avatar .person-avatar{border-radius:50%}.presence-badge{border:2px solid var(--theme-surface);background:#9ca3af;border-radius:50%;width:10px;height:10px;display:inline-block}.social-avatar>.presence-badge{position:absolute;bottom:0;right:0}.presence-online{background:#39a86a}.presence-away{background:#dfaa39}.presence-busy,.presence-dnd{background:#d66b68}.profile-hub-identity{background:var(--theme-surface);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:9px;padding:16px;display:flex}.profile-hub-identity .person-avatar{border-radius:50%}.profile-hub-identity>strong{font-size:1.2em}.profile-hub-identity>small{opacity:.65}.profile-presence{text-transform:capitalize;align-items:center;gap:6px;font-size:.85em;display:inline-flex}.profile-hub .social-row{justify-content:space-between}.social-empty{opacity:.6;text-align:center;margin-top:50px}.foundation-page nav,.foundation-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.foundation-page nav{justify-content:space-between}.foundation-page h1{letter-spacing:-.04em;margin:20px 0 12px}.foundation-page h2{margin:0 0 16px;font-size:1rem;font-weight:600}.foundation-page p,.foundation-page small{line-height:1.55}.foundation-page button,.avatar-dialog button{background:color-mix(in srgb, var(--theme-surface,#fff) 88%, transparent);min-height:44px;color:inherit;cursor:pointer;font:inherit;border:1px solid #8882;border-radius:14px;padding:10px 16px;font-size:.88em}.foundation-page button:disabled,.avatar-dialog button:disabled{opacity:.45;cursor:default}.foundation-page .primary-button,.avatar-dialog .primary-button{background:var(--theme-text,#25262a);color:var(--theme-surface,#fff);border-color:#0000}.foundation-page .text-button{background:0 0;border-color:#0000;padding-inline:0}.subtle{opacity:.55}.empty-copy{margin:0;font-size:.85em}.foundation-form fieldset{border:0;gap:18px;min-width:0;margin:20px 0;padding:0;display:grid}.foundation-form label{gap:8px;font-size:.85em;display:grid}.foundation-form input,.foundation-form textarea,.foundation-form select{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:var(--theme-text);background:color-mix(in srgb, var(--theme-surface) 92%, transparent);border:1px solid #8882;border-radius:13px;padding:12px 14px;font-size:16px}.foundation-form input:focus-visible,.foundation-form textarea:focus-visible,.foundation-form select:focus-visible{outline:2px solid color-mix(in srgb, var(--theme-accent) 45%, transparent);outline-offset:2px}.foundation-form textarea{resize:vertical;min-height:120px;line-height:1.6}.foundation-form small{opacity:.55;font-size:.9em}.profile-hero{text-align:center;flex-direction:column;align-items:center;padding:28px 0 32px;display:flex}.foundation-page .profile-hero h1{margin:18px 0 6px;font-size:1.8em}.profile-hero p{margin:0 0 18px;font-size:.9em}.profile-hero .foundation-actions{justify-content:center;margin-top:14px}.person-avatar{object-fit:cover;border-radius:17px;flex-shrink:0;width:48px;height:48px}.person-avatar.large{border-radius:34px;width:104px;height:104px}.avatar-fallback{background:color-mix(in srgb, var(--theme-text,#333) 6%, var(--theme-surface,#fff));color:var(--theme-text,#333);place-items:center;font-size:1.2em;font-weight:500;display:grid}.avatar-fallback.large{font-size:2.3em}.profile-card{background:color-mix(in srgb, var(--theme-surface) 85%, transparent);border:1px solid #8881;border-radius:22px;margin-bottom:14px;padding:20px}.foundation-page .profile-card h2{letter-spacing:.01em;margin:0 0 18px;font-size:.85em}.profile-details{margin:0}.profile-details>div{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:8px 0;font-size:.85em;line-height:1.5;display:grid}.profile-details dt{opacity:.5}.profile-details dd{white-space:pre-wrap;margin:0}.profile-body p{white-space:pre-wrap;margin:0;font-size:.9em}.danger-area{border-top:1px solid #8882;margin-top:28px;padding:24px 0 0}.foundation-page .danger-button{color:#a33f42}.character-list{margin:0;padding:0;list-style:none}.character-list li+li{border-top:1px solid #8882}.character-link{align-items:center;gap:12px;min-height:86px;padding:16px 0;display:flex}.contact-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.contact-details strong{font-size:.95em;font-weight:600}.contact-details small{font-size:.75em}.avatar-editor{flex-direction:column;align-items:center;gap:12px;padding:12px 0 22px;display:flex}.avatar-editor details{text-align:center;width:100%;font-size:.8em}.avatar-editor details label{text-align:left;margin-top:12px}.avatar-editor summary{cursor:pointer;opacity:.55}.avatar-editor small{font-size:.7em}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar-dialog{color:#25262a;background:#fafafa;border:1px solid #8882;border-radius:24px;width:288px;max-width:calc(100vw - 32px);padding:23px;box-shadow:0 18px 60px #0002}.avatar-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e202555}.avatar-dialog h2{margin:0;font-size:18px}.avatar-dialog p{font-size:12px}.avatar-dialog .foundation-actions{flex-wrap:wrap;gap:8px;display:flex}.avatar-crop-area{touch-action:none;cursor:grab;background:#e8e8eb;border-radius:16px;width:240px;height:240px;position:relative;overflow:hidden}.avatar-crop-area img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.crop-zoom{gap:10px;margin:20px 0;font-size:13px;display:grid}.crop-zoom input{accent-color:#303238;width:100%}.universe-header{margin-bottom:18px;padding:28px 0}.universe-header h1{margin:10px 0 16px}.universe-header p{white-space:pre-wrap;opacity:.65;font-size:.9em}.section-eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.45;font-size:.7em}.canvas-section{margin:18px 0 22px}.relationship-viewport{touch-action:none;background:color-mix(in srgb, var(--theme-surface) 62%, transparent);cursor:grab;border:1px solid #8882;border-radius:24px;width:100%;height:340px;position:relative;overflow:hidden}.relationship-viewport:active{cursor:grabbing}.relationship-canvas{transform-origin:0 0;position:absolute}.relationship-canvas svg{pointer-events:none;position:absolute;inset:0}.relationship-canvas line{stroke:color-mix(in srgb, var(--theme-text) 28%, transparent);stroke-width:1.5px}.foundation-page .character-node{background:color-mix(in srgb, var(--theme-surface) 76%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;cursor:grab;border:1px solid #fff8;border-radius:20px;align-items:center;gap:12px;width:168px;height:72px;padding:12px;display:flex;position:absolute;box-shadow:0 4px 14px #00000008}.character-node .person-avatar{border-radius:15px;width:44px;height:44px}.character-node>span:last-child{text-align:left;white-space:normal;max-height:2.6em;font-size:.9em;font-weight:600;line-height:1.3;overflow:hidden}.foundation-page .relationship-label{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;max-width:145px;min-height:34px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}.canvas-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.canvas-footer small{font-size:.65em}.person-selector{align-items:center;gap:10px;display:flex}.person-selector .person-avatar{border-radius:12px;width:38px;height:38px}.person-selector select{flex:1}.foundation-error{margin:8px}
@media (max-width:500px) and (hover:none) and (pointer:coarse),(display-mode:standalone) and (hover:none) and (pointer:coarse){:root{--phone-screen-width:100vw;--phone-screen-height:100dvh;--phone-screen-radius:0px;--phone-frame-size:0px;--phone-frame-radius:0px;--phone-case-padding:0px;--phone-case-radius:0px;--app-safe-top:env(safe-area-inset-top,0px);--app-safe-right:env(safe-area-inset-right,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-safe-left:env(safe-area-inset-left,0px);--home-grid-top-offset:calc(var(--app-safe-top) + 16px);--home-dock-lift:var(--app-safe-bottom)}html,body{background:#fafafa;width:100%;height:100dvh;overflow:hidden}.app-root{background:#fafafa;justify-content:flex-start;align-items:flex-start;width:100vw;height:100dvh;min-height:0;padding:0;display:flex;overflow:hidden}.phone-shell-wrap,.phone-case,.phone-frame{width:var(--phone-screen-width);margin:0}.phone-case,.phone-frame{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.phone-case:before,.phone-case:after,.phone-frame:before,.phone-frame:after{display:none}}html[data-mobile-standalone=true]{--phone-screen-width:100vw;--phone-screen-height:100lvh;--phone-screen-radius:0px;--phone-frame-size:0px;--phone-frame-radius:0px;--phone-case-padding:0px;--phone-case-radius:0px;--app-safe-top:env(safe-area-inset-top,0px);--app-safe-right:env(safe-area-inset-right,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-safe-left:env(safe-area-inset-left,0px);--home-grid-top-offset:calc(var(--app-safe-top) + 16px);--home-dock-lift:var(--app-safe-bottom);background:#fafafa;width:100%;height:100lvh;overflow:hidden}html[data-mobile-standalone=true] body,html[data-mobile-standalone=true] .app-root{background:#fafafa;width:100vw;height:100lvh;min-height:0;margin:0;padding:0;overflow:hidden}html[data-mobile-standalone=true] .app-root{justify-content:flex-start;align-items:flex-start;display:flex}html[data-mobile-standalone=true] :is(.phone-shell-wrap,.phone-case,.phone-frame){width:var(--phone-screen-width);margin:0}html[data-mobile-standalone=true] :is(.phone-case,.phone-frame){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}html[data-mobile-standalone=true] :is(.phone-case,.phone-frame):before,html[data-mobile-standalone=true] :is(.phone-case,.phone-frame):after{display:none}
.theme-surface:has(.app-page){height:100%;min-height:0}.app-page{isolation:isolate;min-width:0;min-height:0;color:var(--theme-text);background:var(--theme-background);flex:1;position:relative;overflow:hidden}.app-page-shell{height:100%;min-height:0;padding-bottom:var(--app-keyboard-inset,0px);flex-direction:column;display:flex}.app-page-header{background:color-mix(in srgb, var(--theme-background) 90%, transparent);border-bottom:1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);flex:none}.app-page-header-safe-area{height:var(--app-safe-top);pointer-events:none;flex:none}.app-page-header-content{min-height:var(--app-header-height);padding-inline:max(12px, var(--app-safe-right));grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;display:grid}.app-page-back{place-items:center;width:44px;height:44px;display:grid}.theme-surface h1.app-page-title{text-align:center;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.app-page-header-right{justify-content:flex-end;align-items:center;min-width:44px;display:flex}.app-page-body{overscroll-behavior:contain;min-height:0;padding-bottom:max(24px, var(--app-safe-bottom));flex:auto;overflow:hidden auto}.app-page-header :is(a,button):active{opacity:.62;transform:scale(.84)}.route-loading{opacity:.62;place-items:center;padding:24px;font-size:14px;display:grid}
.settings-modal-overlay{inset:0 0 var(--app-keyboard-inset,0px);z-index:5;padding-top:max(12px, var(--app-safe-top));background:#00000047;justify-content:center;align-items:center;display:flex;position:absolute}.settings-modal-bottom{align-items:flex-end}.settings-modal-sheet{background:var(--theme-background);border-radius:22px 22px 0 0;flex-direction:column;width:100%;min-height:0;max-height:100%;display:flex;box-shadow:0 -4px 24px #0000001a}.settings-modal-header{border-bottom:1px solid var(--settings-border);flex:none;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;min-height:56px;padding:0 12px;display:grid}.settings-modal-header>div{text-align:right}.settings-modal-header h2{text-align:center;letter-spacing:0;margin:0;font-size:16px}.settings-modal-body{padding:20px max(18px, var(--app-safe-right)) max(24px, var(--app-safe-bottom)) max(18px, var(--app-safe-left));overscroll-behavior:contain;min-height:0;overflow:auto}.settings-modal-dialog{background:var(--theme-background);border-radius:18px;flex-direction:column;width:calc(100% - 32px);max-width:340px;max-height:90%;display:flex;overflow:hidden;box-shadow:0 12px 36px #0003}.settings-modal-dialog .settings-modal-header{grid-template-columns:44px minmax(0,1fr) 44px}.settings-modal-dialog p{margin:0 0 20px;font-size:14px;line-height:1.5}.settings-modal-header .settings-icon-button{width:44px;min-height:44px;color:inherit;background:0 0;border:0;padding:0 4px;font-size:26px;font-weight:400}