.fade-enter-active{transition:opacity var(--tr-base) ease}.fade-leave-active{transition:opacity var(--tr-fast) ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--font: system-ui, sans-serif;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--white: #fff;--bg: #f5f5f5;--bg-card: #fff;--bg-input: #eee;--bg-el: #f0f0f0;--bg-draft: #ffd;--text: #222;--text-s: #666;--text-t: #999;--accent: #07c;--accent-soft: #39f;--accent-bg: rgba(0,120,200,.08);--accent-glow: rgba(0,120,200,.15);--border: rgba(0,0,0,.1);--border-w: 1px;--border-w-thin: 1px;--success: #2a2;--success-bg: rgba(0,160,0,.1);--warning: #c90;--warning-bg: rgba(200,150,0,.1);--danger: #c33;--danger-bg: rgba(200,50,50,.1);--lavender-bg: rgba(0,120,200,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--r: 8px;--r-sm: 6px;--r-pill: 100px;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-7: 14px;--sp-8: 16px;--sp-9: 20px;--sp-10: 24px;--sp-11: 28px;--sp-12: 36px;--grid-gap: 14px;--fs-xs: .65rem;--fs-sm: .75rem;--fs-caption: .8rem;--fs-base: .85rem;--fs-body: .9rem;--fs-input: .95rem;--fs-text: 1rem;--fs-title: 1.15rem;--fs-heading: 1.3rem;--fs-large: 1.5rem;--fs-xl: 1.8rem;--tr-fast: .1s;--tr-base: .15s;--tr-slow: .2s;--tr-slower: .25s;--tr-slowest: .3s;--app-max-w: 720px;--app-px: 16px;--app-px-sm: 12px;--app-footer: 120px;--app-footer-sm: 110px;--input-h: 44px;--input-px: 14px;--input-r: 6px;--chevron-w: 10px;--chevron-h: 6px;--gallery-thumb: 44px;--gallery-thumb-r: 4px;--gallery-z: 300;--overlay-dark: rgba(0,0,0,.9);--overlay-modal: rgba(0,0,0,.4);--status-almost: #e70}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.app{max-width:var(--app-max-w);margin:0 auto;padding:0 var(--app-px) calc(var(--app-footer) + env(safe-area-inset-bottom));padding-left:max(var(--app-px),env(safe-area-inset-left));padding-right:max(var(--app-px),env(safe-area-inset-right));overflow-x:hidden}.muted{color:var(--text-t);font-size:var(--fs-body)}.muted-sm{font-size:var(--fs-xs);color:var(--text-t)}.center{text-align:center}.err{color:var(--danger);font-size:var(--fs-body);text-align:center}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--font);width:100%}.input{border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);background:var(--bg-input)}select,select.input{-webkit-appearance:none;appearance:none;border:1px solid var(--border);padding:var(--sp-3) var(--sp-9) var(--sp-3) var(--sp-4);background:var(--bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right var(--sp-4) center}textarea{resize:vertical}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(max-width:400px){.app{padding:0 var(--app-px-sm) calc(var(--app-footer-sm) + env(safe-area-inset-bottom))}}header{padding:16px 0;padding-top:max(16px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);overflow:hidden}header h1{font-size:var(--fs-large);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-grid,.page-grid-2col{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}.card{background:var(--bg-card);padding:var(--sp-9)}.form-card{display:block}.draft-preview{background:var(--bg-draft)}.pending-draft{font-size:var(--fs-text);color:var(--text-s);display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap}.pending-actions{display:flex;gap:var(--sp-4)}.pending-expiry{font-size:var(--fs-sm);color:var(--text-t)}.tabs{display:flex;gap:0;padding:var(--sp-2) 0;justify-content:center}.tab{flex:1;text-align:center;padding:8px var(--sp-2);text-decoration:none;color:var(--text-t);font-size:var(--fs-body)}.tab.active{color:var(--accent);font-weight:var(--fw-semi)}.tab.disabled{opacity:.4;pointer-events:none}.btn{cursor:pointer;font-family:var(--font);border:1px solid var(--border);padding:var(--sp-3) var(--sp-6);background:var(--bg-el)}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-ghost{background:none;color:var(--accent);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-submit{width:100%;cursor:pointer;font-family:var(--font);border:1px solid var(--border);padding:var(--sp-3) var(--sp-6);background:var(--bg-el)}.toggle{display:inline-flex;gap:0;flex-shrink:0}.toggle-block{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.toggle-label{font-size:var(--fs-sm);color:var(--text-s);white-space:nowrap}.toggle-btn{cursor:pointer;padding:var(--sp-3) var(--sp-6);font-family:var(--font);border:1px solid var(--border);background:var(--bg-card)}.toggle-btn.yes{font-weight:var(--fw-bold);background:var(--success-bg);color:var(--success)}.toggle-btn.no{font-weight:var(--fw-bold);background:var(--danger-bg);color:var(--danger)}.hdr-right{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.hdr-profile{display:flex;align-items:center;gap:var(--sp-4);text-decoration:none;cursor:pointer;min-width:0}.hdr-name{font-size:var(--fs-body);color:var(--text-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7em}.hdr-link{font-size:var(--fs-body);color:var(--text-t);cursor:pointer;text-decoration:none}.hdr-avatar{width:26px;height:26px;min-width:26px;object-fit:cover}.hdr-avatar-letter{width:26px;height:26px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-semi)}.status{font-size:var(--fs-sm);padding:3px 10px;background:var(--bg-el);color:var(--text-s)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-modal);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--sp-8);padding-bottom:max(var(--sp-8),env(safe-area-inset-bottom));overflow-y:auto}.modal{background:var(--bg-card);padding:var(--sp-9);max-width:520px;width:90%;border:1px solid var(--border);max-height:90vh;overflow-y:auto}.modal-title{margin-bottom:var(--sp-6);font-size:var(--fs-title);font-weight:var(--fw-bold)}.modal-text{font-size:var(--fs-body);color:var(--text-s);line-height:1.4}.modal-btns{display:flex;gap:var(--sp-4);justify-content:flex-end;margin-top:var(--sp-8)}.login{max-width:360px;margin:15vh auto 0;background:var(--bg-card);border:1px solid var(--border);padding:var(--sp-12)}.login h2{font-size:var(--fs-heading);font-weight:var(--fw-bold);margin-bottom:var(--sp-3)}.login-sub{font-size:var(--fs-body);color:var(--text-s);margin-bottom:var(--sp-9)}.login .input{margin-bottom:var(--sp-4)}.login .btn-submit{margin-top:var(--sp-4)}.toast-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:250;pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border);padding:var(--sp-9);font-size:var(--fs-body);color:var(--text)}.checklist{display:flex;flex-direction:column}.check{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;cursor:pointer}.check span{font-size:var(--fs-body)}.accordion-hdr{cursor:pointer}.accordion-body{padding-top:14px}.chevron-icon{width:var(--chevron-w);height:var(--chevron-h)}.row{display:flex;align-items:center;gap:var(--sp-5);min-height:44px;padding:var(--sp-3) 0;flex-wrap:wrap}.row input,.row select{width:auto;flex:1;min-width:60px}.form-hdr{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding-bottom:var(--sp-4);flex-wrap:wrap}.form-actions{display:flex;gap:var(--sp-4);align-items:baseline}.field-label{font-size:var(--fs-body);font-weight:var(--fw-semi);padding:12px 0 6px}.divider{height:1px;background:var(--border);margin:12px 0}.profile-link{font-size:var(--fs-caption);color:var(--accent);cursor:pointer;display:inline-block;margin-top:4px}.add-row-btn{width:100%;cursor:pointer;font-family:var(--font);border:1px solid var(--border);padding:var(--sp-3) var(--sp-6);background:var(--bg-el)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.filter-pill{cursor:pointer;font-family:var(--font);font-size:var(--fs-body);border:1px solid var(--border);padding:var(--sp-3) var(--sp-6);background:var(--bg-el);color:var(--text-s)}.filter-pill.active{background:var(--accent);color:var(--white);border-color:var(--accent)}.history-card{margin-bottom:0}.history-hdr{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border)}.history-date{font-size:var(--fs-title);font-weight:var(--fw-bold)}.history-date-real{font-size:var(--fs-sm);color:var(--text-t);margin-left:6px}.history-section{padding:4px 0}.history-section+.history-section{border-top:1px solid var(--border)}.history-section-title{font-weight:var(--fw-semi);font-size:var(--fs-text);color:var(--text)}.history-line{font-size:var(--fs-caption);color:var(--text-s);padding:2px 0 2px 22px}.history-footer{display:flex;justify-content:flex-end;gap:var(--sp-4);padding-top:var(--sp-4)}.history-edit{color:var(--accent);cursor:pointer;display:inline-block;transform:scaleX(-1)}.history-del{color:var(--text-t);cursor:pointer}.user-badge,.setting-toggle,.theme-btn{font-size:var(--fs-sm);padding:3px 10px;background:var(--bg-el);color:var(--text-s);cursor:pointer;display:inline-block}.user-badge.active,.setting-toggle.on{background:var(--success-bg);color:var(--success)}.user-badge.inactive{background:var(--danger-bg);color:var(--danger)}.user-badge.badge-admin{background:var(--accent-bg);color:var(--accent)}.user-row{padding:10px 0;border-bottom:1px solid var(--border)}.user-name{font-size:var(--fs-body);font-weight:var(--fw-semi)}.user-meta{font-size:var(--fs-sm);color:var(--text-t)}.user-links{display:flex;gap:var(--sp-4);margin-top:var(--sp-2)}.user-link{font-size:var(--fs-sm);color:var(--accent);cursor:pointer}.user-actions{display:flex;gap:var(--sp-3);align-items:center}.user-info{min-width:0}.user-action-del{color:var(--text-t);cursor:pointer}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer}.setting-label{font-size:var(--fs-input)}.setting-sub{padding-left:20px}.photo-sub{font-size:var(--fs-sm);color:var(--text-s);font-weight:var(--fw-semi);padding:var(--sp-3) 0 var(--sp-1)}.photo-slot{padding-bottom:var(--sp-3)}.photo-preview{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0}.photo-name{font-size:var(--fs-caption);color:var(--text-t)}.btn-photo-large{cursor:pointer;font-family:var(--font);font-size:var(--fs-caption);color:var(--accent);border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);background:var(--bg-el)}.gallery-mb{margin-bottom:var(--sp-4)}img:not(.hdr-avatar){max-width:100%;height:auto}.gallery-thumbs-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.gallery-mini{width:var(--gallery-thumb);height:var(--gallery-thumb);overflow:hidden;display:inline-block}.gallery-mini img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.gallery-overlay{position:fixed;inset:-1px;z-index:300;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(1px,env(safe-area-inset-top)) max(1px,env(safe-area-inset-right)) max(1px,env(safe-area-inset-bottom)) max(1px,env(safe-area-inset-left))}.gallery-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:310}.gallery-counter{color:#fff9;font-size:var(--fs-body);margin-bottom:8px;margin-top:max(8px,env(safe-area-inset-top))}.gallery-label{color:#ffffff80;font-size:var(--fs-caption);margin-bottom:12px}.gallery-main{display:flex;align-items:center;gap:var(--sp-6);width:100%;max-width:800px;flex:1;min-height:0}.gallery-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;max-height:70vh}.gallery-img{max-width:100%;max-height:70vh;object-fit:contain;-webkit-user-select:none;user-select:none}.gallery-nav{background:#ffffff1a;border:none;color:#fff;font-size:2rem;padding:12px 16px;cursor:pointer;opacity:.6}.gallery-prev{order:-1}.gallery-thumbs{display:flex;gap:var(--sp-4);margin-top:var(--sp-8);overflow-x:auto;max-width:100%}.gallery-thumb{width:60px;height:60px;overflow:hidden;cursor:pointer;opacity:.5}.gallery-thumb.active{border-color:#fff;opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.hint-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--text-s);background:var(--bg-el);cursor:pointer}.profile-avatar{width:80px;height:80px;overflow:hidden;cursor:pointer}.profile-avatar-delete{font-size:var(--fs-xs);color:var(--text-t);cursor:pointer}.profile-name{font-size:var(--fs-heading);font-weight:var(--fw-bold);color:var(--text)}.profile-login{font-size:var(--fs-sm);color:var(--text-t)}.profile-role{font-size:var(--fs-sm);color:var(--text-s);font-weight:var(--fw-medium)}.error-user{font-size:var(--fs-caption);color:var(--text-s)}.error-time{font-size:var(--fs-xs);color:var(--text-t)}