.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-page-card{width:100%;max-width:360px;background:#fff;border:1px solid #e5e5e5;border-radius:1rem;padding:2rem;animation:fade-in .35s ease-out .05s both}.login-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.login-page-brand{font-weight:600;font-size:.9375rem;letter-spacing:.02em;color:#0a0a0a}.login-page-title{margin:0;font-size:.9375rem;font-weight:600}.btn-google{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-bottom:.25rem;padding:.5rem 1rem;font-size:.9375rem;border:1px solid #e5e5e5;background:#fff;color:#0a0a0a;font-family:inherit;cursor:pointer;border-radius:.5rem;transition:background .15s,border-color .15s}.btn-google:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-google:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}.btn-google-icon{margin-right:.5rem;width:20px;height:20px;flex-shrink:0;display:block}.login-divider{margin:.75rem 0;font-size:.8125rem;color:#888;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:#333}.login-input{padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;border:1px solid #e5e5e5;border-radius:.5rem;background:#fff;color:#0a0a0a}.login-input:focus{outline:none;border-color:#0a0a0a}.login-input::placeholder{color:#999}.login-error{margin:0;font-size:.8125rem;color:#b91c1c}.login-actions{margin-top:.25rem}.login-actions .btn{width:100%;border-radius:.5rem}.login-toggle{margin:1rem 0 0;font-size:.875rem;color:#666;text-align:center}.login-toggle-btn{background:none;border:none;padding:0;font:inherit;color:#0a0a0a;text-decoration:underline;cursor:pointer}.login-toggle-btn:hover:not(:disabled){color:#333}.login-toggle-btn:disabled{cursor:default;opacity:.6}.login-toggle-btn:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}.settings-modal-popup{--settings-bg: #f2f2f7;--settings-group-bg: #ffffff;--settings-group-radius: 28px;--settings-row-divider: rgba(60, 60, 67, .12);--settings-row-hover: rgba(0, 0, 0, .04);--settings-text: #000000;--settings-text-secondary: #8e8e93;--settings-link: #007aff;--settings-destructive: #ff3b30;--settings-destructive-hover: rgba(255, 59, 48, .08);--settings-chevron: #c7c7cc;--settings-focus-ring: #007aff;--settings-section-header: #8e8e93;--settings-input-bg: #ffffff;--settings-input-border: rgba(60, 60, 67, .18);--settings-header-btn-bg: rgba(0, 0, 0, .08);--settings-header-btn-hover-bg: rgba(0, 0, 0, .12)}[data-color-scheme=dark] .settings-modal-popup{--settings-bg: #1c1c1e;--settings-group-bg: #2c2c2e;--settings-row-divider: rgba(84, 84, 88, .65);--settings-row-hover: rgba(255, 255, 255, .06);--settings-text: #ffffff;--settings-text-secondary: #8e8e93;--settings-link: #0a84ff;--settings-destructive: #ff453a;--settings-destructive-hover: rgba(255, 69, 58, .15);--settings-chevron: #636366;--settings-focus-ring: #0a84ff;--settings-section-header: #8e8e93;--settings-input-bg: #1c1c1e;--settings-input-border: rgba(84, 84, 88, .65);--settings-header-btn-bg: rgba(255, 255, 255, .12);--settings-header-btn-hover-bg: rgba(255, 255, 255, .18)}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;animation:settings-fade-in .25s ease-out}.settings-modal-backdrop[data-ending-style]{animation:settings-fade-out .2s ease-in forwards}@keyframes settings-fade-in{0%{opacity:0}to{opacity:1}}@keyframes settings-fade-out{0%{opacity:1}to{opacity:0}}.settings-modal-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,22rem);max-height:85vh;padding:0;background:var(--settings-bg);border:none;border-radius:38px;animation:settings-popup-in .3s cubic-bezier(.32,.72,0,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;display:flex;flex-direction:column;overflow:hidden}.settings-modal-popup[data-ending-style]{animation:settings-popup-out .2s cubic-bezier(.32,.72,0,1) forwards}@keyframes settings-popup-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes settings-popup-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.96)}}.settings-sheet-handle{display:none}.settings-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:16px;min-height:0;flex-shrink:0;background:var(--settings-bg)}.settings-sheet-header-spacer{display:block;width:44px;height:44px;flex-shrink:0}.settings-sheet-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:var(--settings-header-btn-bg, rgba(0, 0, 0, .08));font-size:1.25rem;color:var(--settings-text);cursor:pointer;flex-shrink:0;font-family:inherit}.settings-sheet-back-btn:hover{background:var(--settings-header-btn-hover-bg, rgba(0, 0, 0, .12))}.settings-sheet-back-btn:focus-visible{outline:2px solid var(--settings-focus-ring);outline-offset:2px}.settings-sheet-title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--settings-text);text-align:center;flex:1;min-width:0;letter-spacing:-.01em}.settings-modal-body{flex:1;min-height:0;position:relative;overflow:hidden}.settings-pages{display:flex;width:300%;height:100%;transition:transform .35s cubic-bezier(.32,.72,0,1)}.settings-page{flex:0 0 33.333%;width:33.333%;overflow:auto;overflow-x:hidden;padding:0 1rem 1.5rem;box-sizing:border-box;-webkit-overflow-scrolling:touch}.settings-section{margin-bottom:1.75rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{margin:0 0 .375rem 1rem;padding:0;font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--settings-section-header)}.settings-group-ios{display:flex;flex-direction:column;background:var(--settings-group-bg);border-radius:var(--settings-group-radius);overflow:hidden}.settings-group-ios .settings-row{position:relative;display:flex;align-items:center;min-height:56px;padding:0 1rem;gap:.75rem;border:none;border-radius:0;background:transparent;font-size:1rem;font-weight:400;color:var(--settings-text);text-align:left;font-family:inherit;cursor:pointer;width:100%;box-sizing:border-box}.settings-group-ios .settings-row:after{content:"";position:absolute;bottom:0;left:var(--settings-row-inset, 3.5rem);right:0;height:1px;background:var(--settings-row-divider)}.settings-group-ios .settings-row-last:after,.settings-group-ios .settings-row-single:after{display:none}.settings-group-ios .settings-row-button:hover{background:var(--settings-row-hover)}.settings-group-ios .settings-row-button:focus-visible{outline:2px solid var(--settings-focus-ring);outline-offset:-2px}.settings-group-ios .settings-row-navigation{--settings-row-inset: 3.5rem}.settings-row-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;border-radius:6px}.settings-row-icon-person{color:#34c759;background:#34c7592e}.settings-row-icon-appearance{color:#af52de;background:#af52de2e}.settings-row-icon-logout{color:var(--settings-destructive);background:var(--settings-destructive-hover)}.settings-row-label{flex:1;text-align:left;font-weight:400}.settings-row-value{font-size:.9375rem;color:var(--settings-text-secondary);margin-right:.25rem}.settings-row-chevron{flex-shrink:0;font-size:1.125rem;color:var(--settings-chevron)}.settings-row-check{flex-shrink:0;font-size:1.25rem;color:var(--settings-link)}.settings-row-logout .settings-row-label{color:var(--settings-destructive);font-weight:500}.settings-row-logout:hover{background:var(--settings-destructive-hover)}.settings-account-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0 1.25rem;text-align:center}.settings-account-avatar-wrap{position:relative;display:block;padding:0;border:none;border-radius:50%;background:transparent;font-family:inherit;margin-bottom:.625rem}.settings-account-avatar{display:block;position:relative;width:88px;height:88px;min-width:88px;min-height:88px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--settings-group-bg);flex-shrink:0}.settings-account-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.settings-account-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:var(--settings-text-secondary);background:var(--settings-group-bg)}.settings-account-avatar-loading{position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%);font-size:.8125rem;color:var(--settings-text-secondary);white-space:nowrap}.settings-account-name{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--settings-text);letter-spacing:-.02em}.settings-account-email,.settings-account-username{margin:0;font-size:.9375rem;color:var(--settings-text-secondary)}.settings-section-profile{margin-bottom:1.75rem}.settings-profile-block{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.settings-profile-avatar-wrap{position:relative;display:block;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;font-family:inherit}.settings-profile-avatar-wrap:hover:not(:disabled) .settings-profile-avatar-badge{opacity:1;background:#00000080}.settings-profile-avatar-wrap:focus-visible{outline:2px solid var(--settings-focus-ring);outline-offset:3px}.settings-profile-avatar-wrap:disabled{cursor:not-allowed}.settings-profile-avatar{display:block;position:relative;width:88px;height:88px;min-width:88px;min-height:88px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--settings-group-bg);flex-shrink:0}.settings-profile-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.settings-profile-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:var(--settings-text-secondary);background:var(--settings-group-bg)}.settings-profile-avatar-badge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;opacity:0;transition:opacity .2s ease,background .2s ease}.settings-profile-avatar-loading{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:.8125rem;color:var(--settings-text-secondary);white-space:nowrap}.settings-profile-remove-photo{padding:0;border:none;background:none;font-size:.9375rem;color:var(--settings-destructive);cursor:pointer;font-family:inherit;font-weight:500}.settings-profile-remove-photo:hover:not(:disabled){opacity:.9}.settings-profile-remove-photo:disabled{opacity:.5;cursor:not-allowed}.settings-profile-remove-photo:focus-visible{outline:2px solid var(--settings-focus-ring);outline-offset:2px}.settings-profile-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.settings-profile-error{margin:.5rem 0 0;font-size:.8125rem;color:var(--settings-destructive);width:100%}.settings-profile-saving{margin:.5rem 0 0;font-size:.8125rem;color:var(--settings-text-secondary)}.settings-profile-fields-wrap{width:100%;background:var(--settings-group-bg);border-radius:var(--settings-group-radius);overflow:hidden;padding:0 1rem}.settings-profile-fields-wrap .settings-profile-label{display:block;font-size:.8125rem;font-weight:500;color:var(--settings-section-header);margin:0;padding-top:.75rem}.settings-profile-fields-wrap .settings-profile-label:first-child{padding-top:0}.settings-profile-fields-wrap .settings-profile-input,.settings-profile-fields-wrap .settings-profile-textarea{width:100%;box-sizing:border-box;margin-bottom:0;padding:.5rem 0;font-size:1rem;font-family:inherit;color:var(--settings-text);background:transparent;border:none;border-bottom:1px solid var(--settings-row-divider);border-radius:0}.settings-profile-fields-wrap .settings-profile-textarea{resize:vertical;min-height:4rem;margin-bottom:.5rem}.settings-profile-fields-wrap .settings-profile-input:focus,.settings-profile-fields-wrap .settings-profile-textarea:focus{outline:none;border-bottom-color:var(--settings-link)}.settings-profile-fields-wrap .settings-profile-input::placeholder,.settings-profile-fields-wrap .settings-profile-textarea::placeholder{color:var(--settings-text-secondary)}.settings-group-ios .settings-row-first,.settings-group-ios .settings-row-middle,.settings-group-ios .settings-row-last{--settings-row-inset: 1rem}@media(max-width:768px){.settings-modal-popup{top:auto;left:0;right:0;bottom:0;width:100%;max-height:92vh;transform:none;border-radius:38px 38px 0 0;animation:settings-sheet-in .4s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0)}.settings-modal-popup[data-ending-style]{animation:settings-sheet-out .3s cubic-bezier(.32,.72,0,1) forwards}@keyframes settings-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes settings-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.settings-sheet-handle{display:block;flex-shrink:0;width:36px;height:5px;margin:10px auto 6px;background:var(--settings-chevron);border-radius:2.5px;opacity:.6}.settings-sheet-header{padding:16px}.settings-sheet-title{font-size:1.0625rem}.settings-page{padding:0 1rem 1.5rem}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:.9375rem;color:#666}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin:0 auto;max-width:48rem}.brand{position:relative;display:flex;align-items:center;height:1.375rem;padding:.25rem .375rem;color:#000}[data-color-scheme=dark] .brand{color:#fff}.brand-logo{display:block;height:1.125rem;width:auto}.nav{display:flex;align-items:center;gap:.5rem}.header-user-name{font-size:.9375rem;font-weight:500;color:var(--app-color, #0a0a0a);margin-right:.25rem}.header-avatar-trigger{padding:0;border:none;background:none;cursor:pointer;border-radius:50%}.header-avatar-trigger:hover .header-avatar{background:var(--header-avatar-hover-bg, #d5d5d5)}.header-avatar-trigger:focus-visible{outline:2px solid var(--app-color, #0a0a0a);outline-offset:2px}.header-avatar{display:block;position:relative;width:2rem;height:2rem;min-width:2rem;min-height:2rem;aspect-ratio:1;border-radius:50%;background:var(--header-avatar-bg, #e5e5e5);color:var(--app-color, #0a0a0a);font-size:.75rem;font-weight:500;overflow:hidden;flex-shrink:0}.header-avatar-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.header-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;line-height:1}.header-menu-popup{min-width:10rem;padding:.25rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px #0000001a;animation:fade-in .2s ease-out}.header-menu-popup[data-ending-style]{animation:fade-out .15s ease-in forwards}.header-menu-item{padding:.5rem .75rem;font-size:.875rem;font-family:inherit;color:#0a0a0a;background:none;border:none;border-radius:4px;cursor:pointer;width:100%;text-align:left}.header-menu-item:hover,.header-menu-item[data-highlighted]{background:#f0f0f0}.header-menu-item:focus{outline:none}.main{padding:3rem 1.5rem;max-width:48rem;margin:0 auto}.btn{padding:.5rem 1rem;font-size:.875rem;font-family:inherit;cursor:pointer;border:none;background:transparent;color:#0a0a0a;border-radius:4px;transition:background .15s,color .15s}.btn:hover{background:#f0f0f0}.btn:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}.btn-ghost{color:#666}.btn-ghost:hover{color:#0a0a0a;background:#f0f0f0}.btn-primary{background:#0a0a0a;color:#fff}.btn-primary:hover{background:#333;color:#fff}.portal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.portal-list-stagger li{animation:fade-in .35s ease-out both}.portal-list-stagger li:nth-child(1){animation-delay:.05s}.portal-list-stagger li:nth-child(2){animation-delay:.12s}.portal-list-stagger li:nth-child(3){animation-delay:.19s}.portal-list-stagger li:nth-child(4){animation-delay:.26s}.portal-link{display:flex;align-items:center;gap:1rem;border:1px solid var(--portal-link-border, #e5e5e5);border-radius:9999px;color:var(--app-color, #0a0a0a);text-decoration:none;font-size:1rem;transition:border-color .15s,background .15s;overflow:hidden}.portal-link:hover{border-color:var(--app-color, #0a0a0a);background:var(--portal-link-hover-bg, #fafafa)}.portal-link:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}.portal-link-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;font-size:1.5rem;margin-left:1rem;border-radius:50%}.portal-link-body{display:block;padding:1rem 1.25rem 1rem 0;min-width:0}.portal-link-body strong{font-weight:500}.portal-link-body span{display:block;font-size:.8125rem;margin-top:.25rem}.portal-link-color-0 .portal-link-body strong,.portal-link-color-0 .portal-link-body span{color:var(--portal-link-text, #0a0a0a)}.portal-link-color-0 .portal-link-body span{opacity:.7}.portal-link-color-1 .portal-link-body strong,.portal-link-color-1 .portal-link-body span{color:var(--portal-link-text, #333)}.portal-link-color-1 .portal-link-body span{opacity:.7}.portal-link-color-2 .portal-link-body strong,.portal-link-color-2 .portal-link-body span{color:var(--portal-link-text, #333)}.portal-link-color-2 .portal-link-body span{opacity:.7}.portal-link-color-3 .portal-link-body strong,.portal-link-color-3 .portal-link-body span{color:var(--portal-link-text, #333)}.portal-link-color-3 .portal-link-body span{opacity:.7}.portal-link-color-0 .portal-link-icon{color:#2563eb;background-color:#dbeafe}.portal-link-color-1 .portal-link-icon{color:#dc2626;background-color:#fee2e2}.portal-link-color-2 .portal-link-icon{color:#16a34a;background-color:#dcfce7}.portal-link-color-3 .portal-link-icon{color:#9333ea;background-color:#f3e8ff}[data-color-scheme=dark] .portal-link-color-0 .portal-link-icon{color:#93c5fd;background-color:#2563eb40}[data-color-scheme=dark] .portal-link-color-1 .portal-link-icon{color:#fca5a5;background-color:#dc262640}[data-color-scheme=dark] .portal-link-color-2 .portal-link-icon{color:#86efac;background-color:#16a34a40}[data-color-scheme=dark] .portal-link-color-3 .portal-link-icon{color:#d8b4fe;background-color:#9333ea40}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg, #fff);color:var(--app-color, #0a0a0a);position:relative}[data-color-scheme=dark]{--app-bg: #0a0a0a;--app-color: #f5f5f5;--header-avatar-bg: #3a3a3c;--header-avatar-hover-bg: #48484a;--settings-popup-bg: #1c1c1e;--settings-section-title-color: #8e8e93;--settings-group-bg: #2c2c2e;--settings-row-color: #f5f5f5;--settings-row-border: rgba(255, 255, 255, .08);--settings-row-value-color: #8e8e93;--settings-row-hover-bg: #3a3a3c;--settings-focus-color: #0a84ff;--settings-input-color: #f5f5f5;--settings-input-bg: #38383a;--settings-input-border: #48484a;--settings-input-placeholder: #636366;--settings-row-logout-hover-bg: rgba(255, 69, 58, .15);--settings-row-chevron-color: #636366;--portal-link-border: #38383a;--portal-link-hover-bg: #2c2c2e;--portal-link-text: #f5f5f5;--portal-link-text-muted: #8e8e93}.root{isolation:isolate;min-height:100vh}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fade-in .3s ease-out}