:root{--bg:#fafafa;--bg-2:#f4f5f8;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#f1f3f7;--border:#ececf1;--border-2:#e2e4ec;--border-strong:#cdd0da;--text:#111318;--text-2:#2d3138;--text-3:#565b66;--muted:#7a808c;--muted-2:#a1a6b2;--accent:#4f46e5;--accent-hover:#4338ca;--accent-2:#7c6fef;--accent-soft:#eef0ff;--accent-ring:#4f46e524;--danger:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--info:#2563eb;--info-soft:#eff6ff;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0f;--shadow-lg:0 2px 6px #0f172a0f, 0 20px 40px #0f172a14;--r-xs:6px;--r-sm:8px;--r:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.18s;--topbar-h:60px;--sidebar-w:420px}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}html{scroll-behavior:smooth}html,body{background:var(--bg);min-height:100vh;color:var(--text);font-feature-settings:"cv02", "cv03", "cv04", "cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1000px 500px at 5% -5%,#6366f10f,#0000 60%),radial-gradient(900px 500px at 100% 0,#10b9810a,#0000 55%);position:fixed;inset:0}a{color:var(--accent);transition:color var(--dur) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover)}code{background:var(--surface-3);color:var(--text-2);border-radius:4px;padding:1px 6px;font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.9em}.container{max-width:1120px;margin:0 auto;padding:32px 24px 64px}@media (max-width:640px){.container{padding:20px 16px 48px}}.topbar{z-index:30;height:var(--topbar-h);-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffb8;border-bottom:1px solid #ececf1cc;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.015em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #fff3,0 3px 10px #6366f152}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px}.card+.card{margin-top:16px}.card-title{color:var(--text);letter-spacing:-.015em;margin:0;font-size:16px;font-weight:600}.card-sub{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:16px;display:flex}.grid-2{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.detail-shell{grid-template-columns:minmax(0, 1fr) var(--sidebar-w);height:calc(100vh - var(--topbar-h));display:grid;overflow:hidden}.detail-main{background:var(--bg);min-width:0;overflow-y:auto}.detail-main-inner{max-width:900px;margin:0 auto;padding:28px 28px 60px}.detail-side{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.discussion-root{flex-direction:column;flex:1;min-height:0;display:flex}.discussion-header{border-bottom:1px solid var(--border);padding:18px 20px 14px}.discussion-header .section-title{font-size:15px}.discussion-body{background:var(--surface-2);scroll-behavior:smooth;flex:1;min-height:0;padding:18px 20px;overflow-y:auto}.discussion-body::-webkit-scrollbar{width:6px}.discussion-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.discussion-footer{border-top:1px solid var(--border);background:var(--surface);padding:14px 16px 16px}@media (max-width:1024px){.detail-shell{grid-template-columns:1fr;height:auto;overflow:visible}.detail-side{border-left:none;border-top:1px solid var(--border);height:72vh}}.btn{border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), color var(--dur) var(--ease);box-shadow:var(--shadow-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:linear-gradient(#5b57e8 0%,#4338ca 100%);border-color:#0000;box-shadow:inset 0 1px #ffffff29,0 1px 2px #0f172a0f,0 8px 20px #4f46e547}.btn.primary:hover{color:#fff;background:linear-gradient(#6b67ea 0%,#4a3fcd 100%)}.btn.ghost{box-shadow:none;color:var(--text-3);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-3);color:var(--text)}.btn.danger{color:var(--danger);background:var(--surface);border-color:var(--danger-border)}.btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.sm{gap:5px;padding:6px 10px;font-size:12px}.btn.lg{border-radius:var(--r);padding:12px 18px;font-size:14px}.input,.select,textarea{border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--surface);width:100%;color:var(--text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:10px 12px;font-family:inherit;font-size:14px}.input::placeholder,textarea::placeholder{color:var(--muted-2)}.input:focus,textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field{margin-bottom:16px}.actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.search-wrap{width:100%;max-width:320px;position:relative}.search-wrap svg{color:var(--muted-2);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrap input{padding-left:36px}.table{border-collapse:separate;border-spacing:0;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 12px;font-size:14px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-2);font-size:11px;font-weight:500}.table th:first-child{border-top-left-radius:var(--r-sm)}.table th:last-child{border-top-right-radius:var(--r-sm)}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table td a{color:var(--text);transition:color var(--dur) var(--ease);font-weight:500}.table td a:hover{color:var(--accent)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:50;animation:fade .2s var(--ease);background:#0f172a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:pop .22s var(--ease);padding:24px}.modal h3{letter-spacing:-.015em;color:var(--text);margin:0 0 4px;font-size:17px;font-weight:600}.modal .card-sub{margin-bottom:20px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.badge{letter-spacing:.02em;color:var(--text-3);background:var(--surface-3);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.info{background:var(--info-soft);color:var(--info)}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.chip .dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px var(--success-soft);border-radius:999px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);border-radius:var(--r);background:var(--surface-2);padding:44px 20px;font-size:13px}.empty svg{color:var(--muted-2);margin:0 auto 10px;display:block}.pager{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}video{border-radius:var(--r);width:100%;box-shadow:var(--shadow-sm);background:#000;display:block}.progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.progress>span{height:100%;transition:width .3s var(--ease);background:linear-gradient(90deg,#6366f1,#8b5cf6);display:block}.file-row{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.file-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.file-row .meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.file-row .meta .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.file-row .meta .sub{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.file-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.file-icon.audio{background:linear-gradient(135deg,#fb923c,#ea580c)}.file-icon.pdf{background:linear-gradient(135deg,#60a5fa,#2563eb)}.file-icon.json{background:linear-gradient(135deg,#34d399,#059669)}.file-icon.other{background:linear-gradient(135deg,#a1a6b2,#64748b)}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.025em;color:var(--text);margin:0;font-size:26px;font-weight:600;line-height:1.15}.page-sub{color:var(--muted);margin-top:6px;font-size:14px}.hero{margin-bottom:20px}.hero-title{letter-spacing:-.028em;color:var(--text);margin:0 0 12px;font-size:28px;font-weight:600;line-height:1.1}.hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.section-sub{color:var(--muted);margin-top:3px;font-size:12px}.card.flush{padding:0;overflow:hidden}.card-section{padding:18px 20px}.card-section+.card-section{border-top:1px solid var(--border)}.video-frame{background:#000;position:relative}.video-frame video{border-radius:0;display:block}.video-info{background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.video-info .meta{align-items:center;gap:10px;min-width:0;display:flex}.video-info .meta .icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 10px #6366f140}.video-info .meta .info{min-width:0}.video-info .meta .info .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.video-info .meta .info .sub{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.video-info .meta .info .sub .dot{background:var(--muted-2);border-radius:999px;width:3px;height:3px}.video-skeleton{aspect-ratio:16/9;color:#ffffff8c;background:linear-gradient(#1a1a1a 0%,#0b0b0b 100%);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.lang-select{position:relative}.lang-trigger{border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all var(--dur) var(--ease);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-family:inherit;font-size:13px;display:inline-flex}.lang-trigger:hover{border-color:var(--border-strong)}.lang-trigger.open{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.lang-trigger .placeholder{color:var(--muted-2)}.lang-trigger .caret{color:var(--muted-2);margin-left:auto}.lang-tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.lang-tag button{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:999px;align-items:center;padding:0;display:flex}.lang-tag button:hover{opacity:1;background:#4f46e526}.lang-popover{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:300px;box-shadow:var(--shadow-lg);animation:pop .18s var(--ease);position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.lang-search{border-bottom:1px solid var(--border);padding:10px}.lang-search input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.lang-search input:focus{border-color:var(--accent);background:var(--surface);outline:none}.lang-list{max-height:260px;padding:4px;overflow-y:auto}.lang-list::-webkit-scrollbar{width:6px}.lang-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.lang-option{border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.lang-option:hover{background:var(--surface-2)}.lang-option.selected{background:var(--accent-soft);color:var(--accent)}.lang-option .info{flex-direction:column;gap:1px;min-width:0;display:flex}.lang-option .info .n{color:var(--text);font-size:13px;font-weight:500}.lang-option.selected .info .n{color:var(--accent)}.lang-option .info .native{color:var(--muted);font-size:11.5px}.lang-option .check{color:var(--accent);opacity:0}.lang-option.selected .check{opacity:1}.lang-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;padding:10px;display:flex}.lang-footer .clear{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px}.lang-footer .clear:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.lang-footer .clear:disabled{opacity:.4;cursor:default}.lang-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.lang-chip{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.media-summary{flex-wrap:wrap;gap:8px;display:flex}.media-summary .kind-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.media-summary .kind-chip .swatch{border-radius:999px;width:8px;height:8px}.media-summary .kind-chip .swatch.audio{background:#f59e0b}.media-summary .kind-chip .swatch.pdf{background:#2563eb}.media-summary .kind-chip .swatch.json{background:#059669}.media-summary .kind-chip .swatch.other{background:#64748b}.media-summary .kind-chip strong{color:var(--text);font-weight:600}.dropzone{border:1.5px dashed var(--border-2);border-radius:var(--r);background:var(--surface-2);color:var(--muted);text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 20px;display:flex;position:relative}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone.active{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.dropzone.has-file{border-style:solid;border-color:var(--border);background:var(--surface);text-align:left;align-items:flex-start;padding:14px}.dropzone .dz-icon{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);box-shadow:var(--shadow-xs);border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.dropzone:hover .dz-icon,.dropzone.active .dz-icon{color:var(--accent);border-color:var(--accent)}.dropzone .primary-text{color:var(--text);font-size:14px;font-weight:500}.dropzone:hover .primary-text,.dropzone.active .primary-text{color:var(--accent)}.dropzone .hint{color:var(--muted);font-size:12px}.dropzone .file-preview{align-items:center;gap:12px;width:100%;display:flex}.dropzone .file-preview .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.chat-window{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);scroll-behavior:smooth;max-height:480px;padding:20px;overflow-y:auto}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.chat{flex-direction:column;gap:4px;display:flex}.msg-row{align-items:flex-end;gap:8px;max-width:82%;display:flex;position:relative}.msg-row.self{flex-direction:row-reverse;align-self:flex-end}.msg-row.other{align-self:flex-start}.msg-row+.msg-row{margin-top:2px}.msg-row+.msg-row.new-group{margin-top:14px}.msg-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 3px #0f172a26}.msg-avatar.admin{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.msg-avatar.client{background:linear-gradient(135deg,#34d399,#059669)}.msg-row.hide-avatar .msg-avatar{visibility:hidden}.bubble{color:var(--text-2);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);word-wrap:break-word;overflow-wrap:anywhere;border-radius:16px;padding:9px 13px;font-size:14px;line-height:1.5;position:relative}.msg-row.other .bubble{border-bottom-left-radius:6px}.msg-row.other.hide-avatar .bubble{border-top-left-radius:6px;border-bottom-left-radius:16px}.msg-row.self .bubble{color:#fff;background:#4f46e5;border-color:#0000;border-bottom-right-radius:6px;box-shadow:0 3px 10px #4f46e53d}.msg-row.self.role-client .bubble{background:#059669;box-shadow:0 3px 10px #10b9813d}.msg-row.self.hide-avatar .bubble{border-top-right-radius:6px;border-bottom-right-radius:16px}.bubble .body{white-space:pre-wrap}.bubble .meta{opacity:.7;letter-spacing:.02em;margin-top:3px;font-size:10.5px}.msg-row.self .bubble .meta{color:#ffffffe6;text-align:right}.msg-row.other .bubble .meta{color:var(--muted)}.bubble-header{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:3px;font-size:10.5px;font-weight:600}.msg-row.self .bubble .bubble-header{color:#ffffffeb}.msg-row.other .bubble .bubble-header{color:var(--muted)}.msg-row .delete-btn{color:var(--danger);cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease);background:0 0;border:none;border-radius:6px;align-self:center;padding:3px 8px;font-size:11px}.msg-row:hover .delete-btn{opacity:.8}.msg-row .delete-btn:hover{opacity:1;background:var(--danger-soft)}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur) var(--ease);align-items:flex-end;gap:10px;padding:12px;display:flex}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.composer textarea{resize:none;background:0 0;border:none;flex:1;min-height:24px;max-height:160px;padding:6px 4px;font-family:inherit}.composer textarea:focus{box-shadow:none;outline:none}.composer .send-btn{color:#fff;cursor:pointer;min-width:36px;height:36px;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 4px 12px #4f46e547}.composer .send-btn:hover:not(:disabled){transform:scale(1.05)}.composer .send-btn:disabled{opacity:.4;cursor:not-allowed}.composer .send-btn.client-mode{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 4px 12px #10b98147}.composer-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:11.5px;display:flex}.nav{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:flex}.nav a{color:var(--muted);transition:all var(--dur) var(--ease);border-radius:7px;padding:6px 14px;font-size:13px;font-weight:500}.nav a:hover{color:var(--text)}.nav a.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.note-item{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);transition:border-color var(--dur) var(--ease);gap:14px;margin-bottom:10px;padding:16px 18px;display:flex}.note-item:hover{border-color:var(--border-strong)}.note-item .stripe{background:linear-gradient(#6366f1,#8b5cf6);border-radius:999px;flex-shrink:0;align-self:stretch;width:4px}.note-item .content{flex:1;min-width:0}.note-item .body{color:var(--text-2);white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.55}.note-item .meta{color:var(--muted);align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.note-item .actions{opacity:0;transition:opacity var(--dur) var(--ease)}.note-item:hover .actions{opacity:1}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-8{margin-bottom:8px}