:root{--color-primary:#000;--color-on-primary:#fff;--color-surface:#f5f5f5;--color-on-surface:#000000de;--color-on-surface-variant:#0009;--color-card:#eee;--color-card-hover:#e0e0e0;--color-outline:#0000001f;--color-outline-variant:#00000014;--color-error:#d40020;--color-on-error:#fff;--color-gray-image-bg:#e0e0e0;--color-gray-image-icon:#d6d6d6;--color-shadow:#0003;--app-bar-height:56px;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:16px;--border-radius-xl:28px;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-body:14px;--font-size-title:16px;--font-size-headline:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:var(--color-primary);--md-sys-color-on-primary:var(--color-on-primary);--md-sys-color-surface:var(--color-surface);--md-sys-color-on-surface:var(--color-on-surface);--md-sys-color-on-surface-variant:var(--color-on-surface-variant);--md-sys-color-surface-variant:var(--color-card);--md-sys-color-outline:var(--color-outline);--md-sys-color-outline-variant:var(--color-outline-variant);--md-sys-color-error:var(--color-error);--md-sys-color-on-error:var(--color-on-error);--md-sys-color-error-container:#d400201f;--md-sys-color-on-error-container:var(--color-error);--md-sys-color-primary-container:var(--color-card);--md-sys-color-on-primary-container:var(--color-primary);--md-sys-color-secondary-container:var(--color-card);--md-sys-color-on-secondary-container:var(--color-on-surface)}.dark{--color-primary:#fff;--color-on-primary:#1a1a1a;--color-surface:#151515;--color-on-surface:#e0e0e0;--color-on-surface-variant:#fff9;--color-card:#252525;--color-card-hover:#303030;--color-outline:#ffffff1f;--color-outline-variant:#ffffff14;--color-error:#d40020;--color-on-error:#fff;--color-gray-image-bg:#424242;--color-gray-image-icon:#212121;--color-shadow:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:var(--color-primary);--md-sys-color-on-primary:var(--color-on-primary);--md-sys-color-surface:var(--color-surface);--md-sys-color-on-surface:var(--color-on-surface);--md-sys-color-on-surface-variant:var(--color-on-surface-variant);--md-sys-color-surface-variant:var(--color-card);--md-sys-color-outline:var(--color-outline);--md-sys-color-outline-variant:var(--color-outline-variant);--md-sys-color-primary-container:#ffffff1a;--md-sys-color-on-primary-container:var(--color-primary);--md-sys-color-secondary-container:#ffffff14;--md-sys-color-on-secondary-container:var(--color-on-surface)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-body);background-color:var(--color-surface);color:var(--color-on-surface);-webkit-font-smoothing:antialiased}#app{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img,video{max-width:100%;display:block}.app-bar{z-index:100;height:var(--app-bar-height);background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);align-items:center;gap:4px;padding:0 4px;display:flex;position:sticky;top:0}.app-bar-side{flex:1 1 0;align-items:center;gap:4px;min-width:0;display:flex}.app-bar-left{justify-content:flex-start}.app-bar-right{justify-content:flex-end}.app-bar-title{min-width:0;font-size:var(--font-size-title);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;padding:0 8px;font-weight:600;overflow:hidden}.icon-btn{width:48px;height:48px;color:var(--color-on-surface);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.icon-btn:hover{background:var(--color-outline-variant)}.icon-btn .material-symbols-rounded{font-size:24px}.btn-filled{border-radius:var(--border-radius-xl);background:var(--color-primary);min-width:220px;height:48px;color:var(--color-on-primary);font-size:var(--font-size-body);border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-filled:hover{opacity:.88}.btn-filled:disabled{opacity:.38;cursor:not-allowed}.btn-outlined{border:1px solid var(--color-outline);border-radius:var(--border-radius-xl);min-width:220px;height:48px;color:var(--color-on-surface);font-size:var(--font-size-body);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:500;transition:background .15s;display:inline-flex}.btn-outlined:hover{background:var(--color-outline-variant)}.btn-text{border-radius:var(--border-radius-xl);height:40px;color:var(--color-on-surface);font-size:var(--font-size-body);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:500;display:inline-flex}.btn-text:hover{background:var(--color-outline-variant)}.card{background:var(--color-card);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px var(--color-shadow);overflow:hidden}.event-card{background:var(--color-card);border-radius:var(--border-radius-lg);width:170px;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;flex-direction:column;margin:6px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.event-card:hover{box-shadow:0 4px 16px var(--color-shadow);transform:translateY(-2px)}.event-card-image{aspect-ratio:1;object-fit:cover;background:var(--color-gray-image-bg);width:100%;color:var(--color-gray-image-icon);justify-content:center;align-items:center;font-size:48px;display:flex}.event-card-image img{object-fit:cover;width:100%;height:100%}.event-card-body{padding:8px 10px 10px}.event-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.event-card-subtitle{color:var(--color-on-surface-variant);margin-top:2px;font-size:11px}.event-card-subtitle.error{color:var(--color-error)}.cards-wrap{flex-wrap:wrap;justify-content:center;padding:0;display:flex}.text-field-container{margin-bottom:16px;position:relative}.text-field{border:1px solid var(--color-outline);border-radius:var(--border-radius-md);width:100%;height:52px;color:var(--color-on-surface);font-size:var(--font-size-body);background:0 0;outline:none;padding:14px;font-family:inherit;transition:border-color .15s}.text-field:focus{border-color:var(--color-on-surface-variant);border-width:2px}.text-field.error{border-color:var(--color-error)}.text-field::placeholder{color:var(--color-on-surface-variant)}.text-field-label{color:var(--color-on-surface-variant);margin-bottom:4px;font-size:12px;display:block}.text-field-error{color:var(--color-error);margin-top:4px;font-size:12px}.loading-spinner{border:3px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{border:2.5px solid color-mix(in srgb, currentColor 30%, transparent);vertical-align:middle;border-top-color:currentColor;border-radius:50%;width:1.2em;height:1.2em;animation:.8s linear infinite spin;display:inline-block}@keyframes diashowFade{0%{opacity:0}to{opacity:1}}.loading-center{justify-content:center;align-items:center;min-height:200px;display:flex}#snackbar-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.snackbar{color:#fff;border-radius:var(--border-radius-sm);opacity:0;pointer-events:all;background:#323232;max-width:min(400px,90vw);padding:12px 20px;font-size:14px;transition:opacity .2s,transform .2s;transform:translateY(16px);box-shadow:0 4px 12px #0000004d}.snackbar.show{opacity:1;transform:translateY(0)}.text-input{box-sizing:border-box;border:1px solid var(--color-outline);border-radius:var(--border-radius-md);background:var(--color-card);width:100%;color:var(--color-on-surface);font-size:16px;font-family:var(--font-family);outline:none;padding:12px 14px;transition:border-color .15s}.text-input:focus{border-color:var(--color-primary);border-width:2px}.text-input::placeholder{color:var(--color-on-surface-variant)}.dialog-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--color-card);border-radius:var(--border-radius-lg);width:100%;max-width:min(560px,100%);max-height:90vh;box-shadow:0 8px 32px var(--color-shadow);padding:24px;overflow-y:auto}.dialog-title{margin-bottom:16px;font-size:18px;font-weight:600}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.drawer-backdrop{z-index:150;background:#00000080;position:fixed;inset:0}.drawer{background:var(--color-card);z-index:151;width:min(320px,80vw);height:100%;box-shadow:4px 0 16px var(--color-shadow);transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-outline-variant);padding:16px}.drawer-item{cursor:pointer;align-items:center;gap:16px;padding:14px 16px;transition:background .15s;display:flex}.drawer-item:hover{background:var(--color-outline-variant)}.drawer-item .material-symbols-rounded{font-size:24px}.drawer-divider{background:var(--color-outline-variant);height:1px;margin:4px 0}.scaffold{flex-direction:column;min-height:100vh;display:flex}.scaffold-body{flex:1;overflow-y:auto}.scaffold-body-centered{width:100%;max-width:500px;margin:0 auto}.masonry-grid,.dl-grid{column-gap:8px;padding:8px}.dl-item{break-inside:avoid;cursor:pointer;border-radius:24px;margin-bottom:8px;position:relative;overflow:hidden}.dl-item.alpha-bg{background:#fff}.dl-item img{width:100%;height:auto;display:block}.dl-item.selected{outline:3px solid var(--color-primary);outline-offset:-3px}.dl-check{color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:8px;right:8px}.dl-item.selected .dl-check{background:var(--color-primary);color:var(--color-on-primary)}.masonry-item{break-inside:avoid;cursor:pointer;border-radius:24px;margin-bottom:8px;position:relative;overflow:hidden}.masonry-item.alpha-bg{background:#fff}.masonry-item img{width:100%;height:auto;transition:opacity .2s;display:block}.masonry-item.selected:after{content:"";border:3px solid var(--color-primary);border-radius:var(--border-radius-sm);pointer-events:none;position:absolute;inset:0}.gallery-overlay{z-index:300;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-topbar{box-sizing:border-box;z-index:10;background:#000000d9;justify-content:space-between;align-items:center;height:56px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}.gallery-viewport{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.gallery-track{will-change:transform;height:100%;display:flex}.gallery-slide{flex:none;justify-content:center;align-items:center;height:100%;display:flex}.gallery-slide-inner{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:56px 8px 8px;display:flex}.gallery-media{object-fit:contain;transform-origin:50%;max-width:100%;max-height:100%}.gallery-nav-btn{z-index:10;color:#fff;cursor:pointer;background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn:hover{background:#00000073}.gallery-overlay-img{object-fit:contain;max-width:100%;max-height:100vh}.profile-image-container{justify-content:center;padding:16px 0;display:flex}.profile-image{object-fit:cover;background:var(--color-gray-image-bg);border-radius:50%;width:200px;height:200px}.cover-image-container{justify-content:center;display:flex}.cover-image{object-fit:cover;background:var(--color-gray-image-bg);width:100%;height:100%;display:block}.img-edit-btn{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);cursor:pointer;box-shadow:0 2px 6px var(--color-shadow);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;right:8px}.img-edit-btn .material-symbols-rounded{font-size:22px}.timeline-container{padding:8px}.timeline-row{align-items:flex-start;margin-bottom:8px;display:flex}.timeline-left{justify-content:flex-end}.timeline-right{justify-content:flex-start}.timeline-line{background:var(--color-outline);flex-shrink:0;align-self:stretch;width:2px;margin:0 12px}.timeline-item{flex:1;max-width:45%}.popup-menu{background:var(--color-card);border-radius:var(--border-radius-md);box-shadow:0 4px 16px var(--color-shadow);z-index:120;min-width:200px;position:absolute;top:100%;right:0;overflow:hidden}.popup-menu-item{cursor:pointer;font-size:var(--font-size-body);align-items:center;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.popup-menu-item:hover{background:var(--color-outline-variant)}.popup-menu-item .material-symbols-rounded{font-size:20px}.upload-pick-card{background:var(--color-card);box-shadow:0 2px 6px var(--color-shadow);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;transition:box-shadow .15s,transform .15s;display:flex}.upload-pick-card:hover{box-shadow:0 4px 14px var(--color-shadow);transform:translateY(-1px)}.upload-dropzone{border:1.5px solid var(--color-outline);text-align:center;cursor:pointer;color:var(--color-on-surface-variant);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:18px 14px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.upload-dropzone:hover,.upload-dropzone.dragover{color:#2e7d32;background:#2e7d321a;border-color:#2e7d32}.upload-header{padding:4px 0 12px}.upload-head-bar{background:#e0e0e0;border-radius:4px;height:20px;position:relative;overflow:hidden}.upload-head-fill{background:#757575;width:0;height:100%;transition:width .2s}.upload-head-pct{color:#000;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.upload-head-count{text-align:center;margin-top:8px;font-weight:600}.upload-head-status{text-align:center;opacity:.7;margin-top:4px;font-size:13px}.upload-list{flex-direction:column;gap:8px;display:flex}.upload-li{background:var(--color-card);box-shadow:0 1px 4px var(--color-shadow);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.upload-li-thumb{background:var(--color-gray-image-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upload-li-thumb .material-symbols-rounded{opacity:.7}.upload-li-main{flex:1;min-width:0}.upload-li-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.upload-li-progrow{align-items:center;gap:8px;margin-top:6px;display:flex}.upload-li-bar{background:#e0e0e0;border-radius:5px;flex:1;height:10px;overflow:hidden}.upload-li-bar-fill{background:#757575;width:0;height:100%;transition:width .15s}.upload-li-pct{opacity:.8;text-align:right;min-width:36px;font-size:12px}.upload-li-size{opacity:.6;margin-top:4px;font-size:12px}.upload-li-error{align-items:center;gap:8px;margin-top:6px;display:flex}.upload-li-error span{color:var(--color-error);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.upload-li-status{flex-shrink:0}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.upload-tile{background:var(--color-card);box-shadow:0 1px 4px var(--color-shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.upload-tile-imgwrap{aspect-ratio:1;background:#fff;position:relative;overflow:hidden}.upload-tile-media{object-fit:cover;width:100%;height:100%;display:block}.upload-tile-overlay{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-tile-bar{background:#e0e0e0;flex-shrink:0;height:20px;position:relative}.upload-tile-bar-fill{background:#757575;width:0;height:100%;transition:width .15s}.upload-tile-bar.error .upload-tile-bar-fill{background:var(--color-error);width:100%}.upload-tile-bar-text{color:#000;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.upload-tile-size{text-align:center;opacity:.7;padding:6px 4px;font-size:12px}.upload-tile-add{aspect-ratio:1;border:1.5px dashed var(--color-outline);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;display:flex}.upload-tile-add:hover{border-color:var(--color-primary)}.upload-progress{background:var(--color-outline);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.upload-progress-bar{background:var(--color-primary);height:100%;transition:width .2s}.material-banner{background:var(--color-card);border-bottom:1px solid var(--color-outline-variant);font-size:var(--font-size-body);align-items:center;gap:12px;padding:12px 16px;display:flex}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.error-state .material-symbols-rounded{color:var(--color-error);font-size:80px}.error-state-text{font-size:16px;font-weight:600}.qr-container{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:200px;height:200px;padding:12px;display:flex}.chip{background:var(--color-outline-variant);border:1px solid var(--color-outline);border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.list-tile{cursor:pointer;border-radius:var(--border-radius-sm);align-items:center;gap:16px;padding:12px 16px;transition:background .1s;display:flex}.list-tile:hover{background:var(--color-outline-variant)}.list-tile-leading{flex-shrink:0}.list-tile-content{flex:1;min-width:0}.list-tile-title{font-size:var(--font-size-body);font-weight:500}.list-tile-subtitle{color:var(--color-on-surface-variant);margin-top:2px;font-size:12px}.list-tile-trailing{flex-shrink:0}.card-list-tile{background:var(--color-card);border-radius:var(--border-radius-md);box-shadow:0 2px 6px var(--color-shadow);cursor:pointer;align-items:center;gap:12px;margin:6px;padding:12px 14px;transition:background .15s;display:flex}.card-list-tile-image{border-radius:var(--border-radius-sm);object-fit:cover;background:var(--color-gray-image-bg);width:48px;height:48px;color:var(--color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;display:flex}.divider{background:var(--color-outline-variant);height:1px;margin:8px 0}.storage-bar{background:var(--color-outline);border-radius:4px;height:8px;overflow:hidden}.storage-bar-fill{background:var(--color-primary);border-radius:4px;height:100%}.fab{background:var(--color-primary);height:56px;color:var(--color-on-primary);box-shadow:0 4px 12px var(--color-shadow);font-size:16px;font-weight:600;font-family:var(--font-family);cursor:pointer;z-index:90;white-space:nowrap;border:none;border-radius:28px;align-items:center;gap:10px;padding:0 20px 0 16px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:16px}.fab:hover{box-shadow:0 6px 18px var(--color-shadow);transform:scale(1.03)}.fab .material-symbols-rounded{font-size:24px}.radio-group{flex-direction:column;gap:4px;display:flex}.radio-item{border-radius:var(--border-radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .1s;display:flex}.radio-item:hover{background:var(--color-outline-variant)}.radio-item input[type=radio]{accent-color:var(--color-primary);width:18px;height:18px}.timing-option{border:1px solid var(--color-outline);cursor:pointer;border-radius:18px;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.timing-option input[type=radio]{accent-color:var(--color-primary);width:18px;height:18px}.timing-option.selected{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.select-field{border:1px solid var(--color-outline);border-radius:var(--border-radius-md);width:100%;height:52px;color:var(--color-on-surface);font-size:var(--font-size-body);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='gray'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 12px center no-repeat;outline:none;padding:0 14px;font-family:inherit}.select-field:focus{border-color:var(--color-on-surface-variant);border-width:2px}@media (width<=600px){.masonry-grid{column-width:150px}}:root{--card-size:124px;--card-footer-height:60px}@media (width>=1001px){:root{--card-size:144px;--card-footer-height:60px}}@media (width>=1201px){:root{--card-size:160px;--card-footer-height:64px}}.cards-grid{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;display:flex}.card-widget{background:var(--color-card);box-shadow:0 2px 6px var(--color-shadow);cursor:pointer;width:var(--card-size);border-radius:12px;flex-direction:column;flex:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.card-widget:hover{box-shadow:0 4px 14px var(--color-shadow);transform:translateY(-1px)}.card-widget-image{width:var(--card-size);height:var(--card-size);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-widget-image.alpha-bg{background:#fff}.card-widget-no-photo .card-widget-image{background:var(--color-gray-image-bg)}.card-widget-image img{object-fit:cover;width:100%;height:100%;display:block}.card-widget-footer{min-height:var(--card-footer-height);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;display:flex}.card-widget-title{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-widget-subtitle{color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.card-list-tile{background:var(--color-card);border-radius:var(--border-radius-md);box-shadow:0 2px 6px var(--color-shadow);cursor:pointer;align-items:center;gap:14px;min-height:60px;margin:6px 8px;padding:12px 14px;transition:background .15s;display:flex}.card-list-tile:hover{background:var(--color-card-hover)}.card-list-tile-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-list-tile-body{flex:1;min-width:0}.card-list-tile-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.card-list-tile-subtitle{color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.settings-card{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--border-radius-md);cursor:pointer;align-items:center;gap:16px;margin-bottom:16px;padding:16px;transition:background .15s;display:flex}.settings-card:hover{background:var(--color-card)}.settings-card-icon{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-card-body{flex:1;min-width:0}.settings-card-title{font-size:15px;font-weight:600}.settings-card-subtitle{color:var(--color-on-surface-variant);margin-top:3px;font-size:13px}.info-card{background:var(--color-card);border-radius:var(--border-radius-md);box-shadow:0 2px 6px var(--color-shadow);margin:8px;padding:16px}.info-card-title{margin-bottom:12px;font-size:16px;font-weight:700}.signin-btn{cursor:pointer;background:0 0;border:none;width:220px;max-width:100%;padding:0;line-height:0}.signin-img{width:100%;height:auto;display:block}.signin-for-dark,html.dark .signin-for-light{display:none}html.dark .signin-for-dark{display:block}.api-info{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:12px;padding:14px 16px;font-size:14px}.api-doc-row{color:inherit;border-bottom:1px solid var(--color-outline-variant);align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.api-doc-row>div{flex:1;min-width:0}.api-doc-row .material-symbols-rounded{color:var(--color-on-surface-variant)}.api-endpoint{background:var(--color-gray-image-bg);border-radius:12px;margin-top:12px;padding:14px}.api-url-row{background:var(--color-card);border:1px solid var(--color-outline-variant);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.api-method{color:#fff;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:700}.api-url{word-break:break-all;flex:1;font-size:12px}.api-mono{opacity:.85;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6}.api-mono>div{word-break:break-word}.info-row{border-top:1px solid var(--color-outline-variant);align-items:center;gap:12px;padding:10px 0;display:flex}.info-row:first-of-type{border-top:none;padding-top:0}.info-row .material-symbols-rounded{color:var(--color-on-surface-variant);flex-shrink:0;font-size:20px}.info-row-label{flex:1;font-size:14px}.info-row-value{color:var(--color-on-surface-variant);text-align:right;font-size:14px}.drawer-header-logo{width:120px;height:120px;margin:0 auto 8px;display:block}.drawer-user-info{text-align:center;padding:0 16px 8px}.drawer-user-email{opacity:.6;margin-top:2px;font-size:13px}.drawer-item-danger .material-symbols-rounded,.drawer-item-danger span:last-child{color:var(--color-error)!important}