:where(:root){--login-glass:color-mix(in srgb, var(--surface) 70%, transparent);--login-glass-edge:color-mix(in srgb, var(--border) 70%, transparent);--login-glass-field:color-mix(in srgb, var(--surface) 45%, transparent);--login-glass-shadow:0 24px 70px #00000047;--login-glass-blur:blur(18px) saturate(125%)}:where(:root[data-login-theme=dark]){--login-glass:color-mix(in srgb, var(--surface) 60%, transparent);--login-glass-shadow:0 24px 70px #00000073}.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page{background:var(--login-glass);border-color:var(--login-glass-edge);box-shadow:var(--login-glass-shadow);-webkit-backdrop-filter:var(--login-glass-blur);backdrop-filter:var(--login-glass-blur)}:is(.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) :is(.input,.btn:not(.btn-primary,.btn-ghost)){background:var(--login-glass-field)}@media (prefers-reduced-transparency:reduce){.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page{background:var(--surface);border-color:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}:is(.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) :is(.input,.btn:not(.btn-primary,.btn-ghost)){background:var(--surface)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page{background:var(--surface);border-color:var(--border)}:is(.login-page[data-login-picture=ready] .login-card,.login-backdrop~.login-page .login-card,.login-backdrop~.center-page) :is(.input,.btn:not(.btn-primary,.btn-ghost)){background:var(--surface)}}.account-pair{gap:var(--account-pair-gap,1rem);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-pair>.mfa-card,.account-pair>.close-account-card,.account-pair>.mfa-card>form,.account-pair>.close-account-card>form{flex-direction:column;display:flex}.account-pair>.mfa-card>form,.account-pair>.close-account-card>form{flex:1}.account-pair>.mfa-card>.modal-actions,.account-pair>.mfa-card>form>.modal-actions,.account-pair>.close-account-card>form>.modal-actions{padding-top:var(--account-actions-gap,1rem);flex-wrap:wrap;margin-top:auto}.account-pair>.mfa-card>form>.mfa-setup+.modal-actions{padding-top:var(--mfa-setup-actions-gap,var(--account-actions-gap,1rem))}.mfa-card .mfa-setup{align-items:flex-start;gap:var(--mfa-setup-gap,1rem);flex-wrap:wrap;display:flex}.mfa-card .mfa-setup-fields{gap:var(--mfa-setup-fields-gap,.75rem);flex-direction:column;flex:1;min-width:200px;display:flex}@media (width<=580px){.account-pair{grid-template-columns:minmax(0,1fr)}}body>.modal-backdrop{inset:var(--modal-backdrop-inset,0px);z-index:var(--modal-z,50);padding:var(--modal-backdrop-pad,1rem);justify-content:center;align-items:safe center;display:flex;position:fixed;overflow-y:auto}body>.modal-backdrop>.confirm-dialog{width:100%;max-width:var(--confirm-dialog-width,420px)}body>.modal-backdrop>.edit-account-dialog{width:100%;max-width:var(--edit-account-dialog-width,420px)}body>.modal-backdrop>.avatar-crop-modal{width:100%;max-width:var(--avatar-crop-dialog-width,380px)}.confirm-dialog>.confirm-dialog-head{align-items:center;gap:var(--confirm-dialog-head-gap,.6rem);display:flex}.confirm-dialog>.confirm-dialog-head>h2{flex:1;min-width:0}.confirm-dialog>.confirm-dialog-head>.confirm-dialog-icon,.confirm-dialog>.confirm-dialog-head>.confirm-dialog-close{flex:none;justify-content:center;align-items:center;display:inline-flex}.confirm-dialog>.modal-actions{align-items:center;justify-content:var(--confirm-dialog-actions-justify,flex-end);gap:var(--confirm-dialog-actions-gap,.5rem);flex-wrap:wrap;display:flex}main.login-page{align-items:center;justify-content:var(--login-page-justify,center);min-height:100dvh;padding:var(--login-page-pad,1rem);display:flex;position:relative}main.login-page[data-login-picture]:after{content:"";pointer-events:none;position:absolute;inset:0}main.login-page>*{z-index:1;position:relative}main.login-page>.login-card{width:100%;max-width:var(--login-card-width,360px);gap:var(--login-card-gap,.9rem);flex-direction:column;display:flex}main.login-page .login-brand{flex-direction:var(--login-brand-direction,row);align-items:center;gap:var(--login-brand-gap,.6rem);display:flex}main.login-page .login-submit{width:100%}.login-backdrop:after{content:"";position:absolute;inset:0}.login-backdrop~*{z-index:1;flex-shrink:0;position:relative}:has(>.login-backdrop){flex-direction:column;min-height:100dvh;display:flex}.login-backdrop~.center-page{width:min(var(--login-dead-link-width,400px), 100% - 2rem);min-height:0;margin:auto}.user-menu{position:relative}.user-menu>.user-menu-trigger{align-items:center;gap:var(--user-menu-trigger-gap,.25rem);display:inline-flex}.user-menu>.user-menu-pop{top:calc(100% + var(--user-menu-offset,6px));z-index:var(--user-menu-z,40);width:var(--user-menu-width,min(22rem, calc(100vw - 2rem)));position:absolute;right:0}.user-menu .user-menu-header{align-items:center;gap:var(--user-menu-header-gap,.75rem);display:flex}.user-menu .user-menu-id{gap:var(--user-menu-id-gap,0px);flex-direction:column;min-width:0;display:flex}.user-menu .user-menu-id>span{overflow-wrap:anywhere}:where(.user-menu .user-menu-list){margin:0;padding:0;list-style:none}.user-menu .user-menu-item{align-items:center;gap:var(--user-menu-item-gap,.5rem);overflow-wrap:normal;width:100%;display:flex}.user-menu .user-menu-header .sync-popover-anchored{top:calc(100% + 8px);left:var(--user-menu-sync-popover-left,-11px);width:var(--user-menu-sync-popover-width,17rem);right:auto}.user-menu .user-menu-syncpop{position:relative}.user-menu .user-menu-syncpop>.sync-popover-hosted{width:auto;top:0;left:0;right:0}.users-page{gap:var(--users-page-gap,1rem);flex-direction:column;display:flex}.users-page>.page-head{justify-content:space-between;align-items:flex-end;gap:var(--users-page-head-gap,.75rem);flex-wrap:wrap;display:flex}.users-page .invite-row{align-items:flex-end;gap:var(--users-invite-gap,.75rem);flex-wrap:wrap;display:flex}.users-page .invite-row>.field{flex:1 1 var(--users-invite-field-basis,140px);min-width:0}.users-page .invite-row>.field:has(.select){flex-basis:var(--users-invite-select-basis,220px)}.users-page .table-card{overflow-x:auto}.users-page .users-table{border-collapse:collapse;width:100%}.users-page .users-table th.col-center,.users-page .users-table td.col-center{text-align:center}.users-page .cellstack{flex-direction:column;display:flex}.users-page .row-actions-inline{gap:var(--users-actions-gap,.25rem);flex-wrap:wrap;display:inline-flex}.users-page .icon-btn{width:var(--users-icon-btn-size,1.8rem);height:var(--users-icon-btn-size,1.8rem);justify-content:center;align-items:center;display:inline-flex}@media (width<=880px){.users-page .users-table thead{display:none}.users-page .users-table,.users-page .users-table tbody,.users-page .users-table tr,.users-page .users-table td{display:block}.users-page .users-table td,.users-page .users-table td.col-center{align-items:center;gap:var(--users-card-line-gap,.75rem);text-align:left;flex-wrap:wrap;display:flex}.users-page .users-table td+td:before{content:attr(data-label);flex:0 0 var(--users-card-label-width,5.5rem)}}.edit-account-dialog>.edit-account-head{align-items:center;gap:var(--confirm-dialog-head-gap,.6rem);display:flex}.edit-account-dialog>.edit-account-head>h2{flex:1;min-width:0}.edit-account-dialog>.edit-account-head>.confirm-dialog-icon,.edit-account-dialog>.edit-account-head>.confirm-dialog-close{flex:none;justify-content:center;align-items:center;display:inline-flex}.edit-account-dialog .form-row{align-items:flex-end;column-gap:var(--users-invite-gap,.75rem);row-gap:var(--edit-account-wrap-gap,.75rem);flex-wrap:wrap;display:flex}.edit-account-dialog .form-row>.field{flex:1 1 var(--edit-account-field-basis,140px);min-width:0}.edit-account-dialog .form-row+.form-row{margin-top:var(--edit-account-rows-gap,.75rem)}.edit-account-dialog>.modal-actions{justify-content:flex-end;gap:var(--confirm-dialog-actions-gap,.5rem);flex-wrap:wrap;display:flex}.avatar-crop-modal .dropzone{justify-content:center;align-items:center;gap:var(--crop-dropzone-gap,.5rem);min-height:var(--crop-dropzone-height,140px);display:flex}.avatar-crop-modal .dropzone svg{flex-shrink:0}.avatar-crop-modal .dropzone-input{display:none}.avatar-crop-modal .crop-stage{margin:0 auto var(--crop-stage-gap,.75rem);touch-action:none;position:relative;overflow:hidden}.avatar-crop-modal .crop-stage img{-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:0;left:0}.avatar-crop-modal .crop-mask{pointer-events:none;border-radius:50%;position:absolute;inset:0}.avatar-crop-modal .crop-zoom{align-items:center;gap:var(--crop-zoom-gap,.5rem);display:flex}.avatar-crop-modal .crop-zoom input[type=range]{flex:1;min-height:24px}.avatar-crop-modal>.modal-actions{justify-content:flex-end;gap:var(--crop-actions-gap,.5rem);flex-wrap:wrap;display:flex}.avatar-crop-modal>.modal-actions>.modal-actions-start{margin-right:auto}.avatar-crop-modal .jxl-progress{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.avatar-crop-modal .progress-track{width:min(220px,80%);height:4px;position:relative;overflow:hidden}.avatar-crop-modal .progress-thumb{width:40%;animation:1.1s ease-in-out infinite avatar-progress-sweep;position:absolute;top:0;bottom:0}@keyframes avatar-progress-sweep{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.avatar-crop-modal .progress-thumb{animation-duration:2.2s}}:root{--bg:#f3f4f8;--surface:#fff;--text:#1c2130;--muted:#6b7284;--border:#d9dce6;--primary:#4356e0;--primary-text:#fff;--danger:#c0392b;--ok:#1f7a3d;--warn:#c27c0e;--radius:10px}:root[data-login-theme=dark]{--bg:#0f1420;--surface:#171d2c;--text:#e6e9f2;--muted:#9aa3b8;--border:#2b3448;--primary:#6c7dff;--primary-text:#fff;--danger:#ef6f62;--ok:#3fbf72;--warn:#e0a133}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overflow-wrap:anywhere;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.btn,.badge,.topbar-brand{overflow-wrap:normal}h1{margin:0 0 .5rem;font-size:1.35rem}h2{margin:0 0 .5rem;font-size:1.1rem}.page{flex-direction:column;gap:1rem;max-width:720px;margin:0 auto;padding:1rem;display:flex}.center-page{text-align:center;justify-content:center;align-items:center;min-height:100vh}.login-page{background:var(--bg) center / cover no-repeat}.login-page[data-login-picture=ready]{background-image:var(--login-picture)}.login-page[data-login-picture]:after{background:var(--bg)}.login-page[data-login-picture=ready]:after{animation:1.2s ease-out forwards login-picture-reveal}@keyframes login-picture-reveal{to{opacity:0}}@media (prefers-reduced-motion:reduce){.login-page[data-login-picture=ready]:after{animation-duration:1ms}}.login-backdrop,.login-backdrop:after{background:var(--bg)}.login-backdrop[data-login-scene=ready]:after{animation:1.2s ease-out forwards login-picture-reveal}.login-backdrop~.login-page{background:0 0}@media (prefers-reduced-motion:reduce){.login-backdrop[data-login-scene=ready]:after{animation-duration:1ms}}.backdrop-switch{z-index:2;border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:fixed;top:.75rem;right:.75rem}.backdrop-switch-option{min-height:28px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.2rem .75rem;font-size:.85rem}.backdrop-switch-option[aria-pressed=true]{background:var(--primary);color:var(--primary-text)}.topbar{justify-content:space-between;align-items:center;gap:.5rem;max-width:720px;margin:0 auto;padding:1rem 1rem 0;display:flex}.topbar-brand{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:inline-flex}.topbar-actions{gap:.5rem;display:inline-flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-title{align-items:center;gap:.5rem;display:flex}.card>.muted+.muted{margin-top:.5rem}.card>.muted+.btn{margin-top:.75rem}.danger-card{border-color:var(--danger)}.delete-account-form,.delete-account-form .error-text{margin-top:.75rem}.login-brand h1{margin:0}.muted{color:var(--muted);margin:0}.pre-wrap{white-space:pre-wrap}.error-text{color:var(--danger);margin:0}.notice-text{color:#1f7a3d;margin:0}.field{flex-direction:column;gap:.3rem;display:flex}.label{font-size:.85rem;font-weight:600}.input{border:1px solid var(--border);font:inherit;background:var(--surface);color:var(--text);border-radius:8px;padding:.55rem .7rem}.input:focus{outline:2px solid var(--primary);outline-offset:1px}.btn{border:1px solid var(--border);font:inherit;background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:0 0;border-color:#0000}:root{--login-glass:color-mix(in srgb, var(--surface) 30%, transparent);--login-glass-edge:color-mix(in srgb, var(--border) 30%, transparent);--login-glass-field:color-mix(in srgb, var(--surface) 30%, transparent);--login-glass-shadow:0 24px 70px #00000082;--login-glass-blur:blur(28px) saturate(160%)}.login-page[data-login-picture=ready]{--login-glass:color-mix(in srgb, var(--surface) 80%, transparent);--login-glass-edge:color-mix(in srgb, var(--border) 70%, transparent);--login-glass-field:color-mix(in srgb, var(--surface) 45%, transparent);--login-glass-shadow:0 24px 70px #00000047;--login-glass-blur:blur(18px) saturate(125%)}:root[data-login-theme=dark] .login-page[data-login-picture=ready]{--login-glass:color-mix(in srgb, var(--surface) 94%, transparent);--login-glass-shadow:0 24px 70px #00000073}.login-backdrop~.center-page{border-radius:var(--radius);border-style:solid;border-width:1px;padding:1.5rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14182473}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:1.25rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.mfa-secret{word-break:break-all;background:var(--bg);border-radius:6px;padding:.4rem .5rem;font-size:.85rem;display:block}.mfa-code-input{letter-spacing:.25em;font-variant-numeric:tabular-nums;max-width:10rem}.page-sub{margin-top:.15rem}.select{border:1px solid var(--border);font:inherit;background:var(--surface);color:var(--text);border-radius:8px;padding:.55rem .7rem}.table{font-size:.92rem}.table th,.table td{border-top:1px solid var(--border);text-align:left;padding:.5rem .6rem}.table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-top:none;font-size:.8rem}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .6rem;font-size:.78rem;display:inline-block}.badge-accent{border-color:var(--primary);color:var(--primary)}.badge-ok{color:#1f7a3d;border-color:#1f7a3d}.page:has(.users-table){max-width:1040px}body:has(.users-table) .topbar{max-width:1040px}@media (width<=880px){.users-table tr{border-top:1px solid var(--border);padding:.6rem 0}.users-page .users-table td{border-top:none;padding:.15rem 0}.users-table td+td:before{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem}}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:inline-flex}.icon-btn:disabled{opacity:.45;cursor:default}.icon-btn-danger{color:var(--danger);border-color:var(--danger)}.empty-state{color:var(--muted);text-align:center;padding:2rem 0}.topbar-brand{color:inherit;text-decoration:none}.topbar-actions{flex-wrap:wrap;align-items:center}.avatar{object-fit:cover;background:var(--border);border-radius:50%;flex-shrink:0;display:block}.avatar-initials{color:var(--primary);background:#e3e7fb;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar-status{flex-shrink:0;display:inline-flex;position:relative}.avatar-status-dot{position:absolute;bottom:-2px;left:-2px}.status-dot{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;display:block}.status-dot.online{background:var(--ok)}.status-dot.offline{background:var(--danger)}.sync-dot-root{display:block;position:relative}.sync-dot{border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:12px;height:12px;padding:0;display:block;position:relative}.sync-dot:after{content:"";border-radius:50%;position:absolute;inset:-8px}.sync-dot:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.sync-dot-green{background:var(--ok)}.sync-dot-orange{background:var(--warn)}.sync-dot-red{background:var(--danger)}.user-menu-trigger{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px}.user-menu-trigger:hover{color:var(--text)}.user-menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #1418241f}.user-menu-header{border-bottom:1px solid var(--border);padding:12px;font-size:.9rem}.user-menu-name{font-weight:600}.user-menu-list{padding:.3rem}.user-menu-item{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .75rem;text-decoration:none}.user-menu-item:hover{background:var(--bg)}.sync-popover{z-index:40;text-align:left;white-space:normal;cursor:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;width:min(22rem,100vw - 2rem);padding:.9rem 1rem;font-size:.9rem;line-height:1.5;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 30px #1418241f}.sync-popover-hosted{width:auto;box-shadow:none;position:static}.sync-popover-actions{gap:.5rem;display:flex}.sync-notices{flex-direction:column;gap:.35rem;max-height:14rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.sync-notice{border-top:1px solid var(--border);flex-direction:column;padding-top:.35rem;display:flex}.sync-notice-time{color:var(--muted);font-size:.75rem}.sync-notice-rejected,.sync-notice-failing,.sync-notice-quota{color:var(--danger)}.note-form{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.note-form textarea.input{resize:vertical;font-family:inherit}.note-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.note-card{align-items:flex-start;gap:.75rem;display:flex}.note-card .note-form{flex:1;margin-top:0}.note-open{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:.25rem;padding:0;display:flex}.note-open h2,.note-open p{margin:0}.note-time{font-size:.8rem}.note-actions{gap:.5rem;display:flex}.note-body{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.note-card-drop{outline:2px dashed var(--primary);outline-offset:2px}.note-images{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.note-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.note-thumb img{object-fit:cover;width:100%;height:100%;display:block}.note-thumb-placeholder{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.note-thumb-badge{background:var(--surface);color:var(--primary);border-radius:999px;padding:3px;display:inline-flex;position:absolute;bottom:4px;right:4px}.note-cover{flex-direction:column;gap:.5rem;display:flex}.note-cover-image{object-fit:cover;border-radius:var(--radius);background:var(--bg);width:100%;max-height:12rem}.note-cover-tools,.note-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-small{padding:.3rem .6rem;font-size:.85rem}.note-preparing{align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.image-viewer{flex-direction:column;gap:.75rem;max-width:min(96vw,1100px);padding:.75rem;display:flex}.image-viewer-stage{background:#111;border-radius:8px;justify-content:center;align-items:center;min-height:240px;max-height:75vh;display:flex;overflow:hidden}.image-viewer-stage img{object-fit:contain;max-width:100%;max-height:75vh}.image-viewer-missing{color:#ddd;text-align:center;padding:1rem}.image-viewer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.image-viewer-meta{flex-direction:column;min-width:0;display:flex}.image-viewer-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-viewer-actions{gap:.4rem;display:flex}.mono{font-family:ui-monospace,Cascadia Mono,monospace;font-size:.8rem}.share-dialog{max-width:520px}.share-dialog-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.share-dialog-head h2{margin:0;font-size:1.1rem}.share-section{color:var(--muted);margin:1rem 0 .5rem;font-size:.9rem}.share-list{flex-direction:column;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.share-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.share-who{flex:12rem;min-width:0}.share-role{width:auto}.share-lookup{gap:.5rem;margin-top:.5rem;display:flex}.share-lookup .input{flex:1}.note-shared{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.note-read h2{margin:0 0 .25rem}.form-card{flex-direction:column;gap:.9rem;display:flex}.form-card>h1,.form-card>.muted{margin:0}.form-card>button[type=submit]{align-self:flex-start;margin-top:.6rem}.profile-hero{align-items:center;gap:1rem;display:flex}.profile-hero-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-hero-meta{text-align:right;flex-direction:column;flex-shrink:0;font-size:.8rem;display:flex}.profile-hero-info h2{margin:0}.avatar-edit{flex-shrink:0;position:relative}.avatar-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:block}.avatar-edit-btn:hover:not(:disabled),.avatar-edit-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #e3e7fb}.avatar-edit-btn:disabled{cursor:default}.avatar-remove{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-4px;right:-4px}.avatar-remove:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center;cursor:pointer;padding:1rem;font-size:.9rem}.dropzone:hover,.dropzone:focus-visible,.dropzone.drag-over{border-color:var(--primary);color:var(--primary);outline:none}.crop-stage{border-radius:var(--radius);background:var(--bg);cursor:grab}.crop-stage:active{cursor:grabbing}.crop-mask{box-shadow:0 0 0 9999px #14182480}.crop-zoom{color:var(--muted);margin-bottom:.5rem}.crop-zoom input[type=range]{accent-color:var(--primary)}.crop-hint{text-align:center;margin:0 0 .5rem;font-size:.85rem}.modal-actions .modal-actions-start{margin-right:auto}.jxl-progress{color:var(--muted);font-size:.9rem}.progress-track{background:var(--border);border-radius:999px}.progress-thumb{background:var(--primary);border-radius:999px}@media (width<=580px){.page{padding:.75rem}.topbar{padding:.75rem .75rem 0}.card,.modal{padding:1rem}.profile-hero{flex-wrap:wrap}.profile-hero-meta{text-align:left;flex-basis:100%}.note-card{position:relative}.note-card>.icon-btn-danger{position:absolute;top:1rem;right:1rem}.note-card:has(>.icon-btn-danger) :is(.note-open,.note-read)>h2{min-height:1.8rem;padding-right:2.4rem}}