:root{--bg:#f6f3ec;--bg-2:#efebe1;--surface:#ffffff;--border:#e3ddd0;--border-strong:#cfc7b6;--text:#171d33;--text-2:#4a4f63;--muted:#656a7b;--ink:#171d33;--on-ink:#f7f2e8;--accent:#e8744b;--accent-ink:#a84f2b;--accent-soft:#fbe9e0;--on-accent:#171d33;--on-danger:#ffffff;--success:#2a774f;--success-soft:#e3f3ea;--danger:#bd3232;--danger-soft:#fbe7e7;--warning:#8f5e12;--warning-soft:#fbf1dc;--radius:10px;--radius-lg:14px;--shadow-1:0 1px 2px rgba(23,29,51,0.06);--shadow-2:0 8px 24px rgba(23,29,51,0.10);--ring:0 0 0 3px rgba(232,116,75,0.18);--scrim:rgba(23,29,51,0.45);--scrim-strong:rgba(15,19,32,0.96);--toast-ok:#5fbf8a;--toast-err:#f07878;--toast-warn:#e3a94b;--bg-grad:none;--card:var(--surface);--card-border:var(--border);--primary:var(--ink);--primary-2:var(--ink);--green:var(--success);--green-2:var(--success);--chip-bg:var(--bg-2);--badge-bg:var(--bg-2);--badge-ok-bg:var(--success-soft);--badge-ok-text:var(--success);--topbar:var(--surface);--shadow:var(--shadow-1)}[data-theme="dark"]{--bg:#0f1320;--bg-2:#161b2b;--surface:#171d33;--border:#2a3150;--border-strong:#3a4266;--text:#f1ede4;--text-2:#c3c7d6;--muted:#8e94a9;--ink:#f4ebdb;--on-ink:#171d33;--accent:#f08a63;--accent-ink:#f5a98a;--accent-soft:#3a2a24;--on-accent:#171d33;--success:#5fbf8a;--success-soft:#173425;--danger:#f07878;--danger-soft:#3b1d1d;--on-danger:#2a0f0f;--warning:#e3a94b;--warning-soft:#3a2d14;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 12px 32px rgba(0,0,0,0.55);--ring:0 0 0 3px rgba(240,138,99,0.22);--scrim:rgba(23,29,51,0.45);--scrim-strong:rgba(15,19,32,0.96);--toast-ok:#2a774f;--toast-err:#bd3232;--toast-warn:#8f5e12}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}[hidden]{display:none !important}body{font-family:"Segoe UI",-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:100%;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}img,video,canvas,table,pre{max-width:100%}.page{overflow-x:clip}a{color:var(--accent-ink)}button,input,textarea,select{font:inherit;color:inherit}::selection{background:rgba(56,139,253,.26);color:inherit}[data-theme="dark"] ::selection{background:rgba(88,166,255,.38)}.ic{display:inline-block;vertical-align:-0.2em;flex:0 0 auto}.topbar{background:var(--surface);color:var(--text);padding-top:env(safe-area-inset-top,0);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}.topbar-inner{max-width:1240px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-icon{width:34px;height:34px;flex:0 0 auto;display:block}.brand-icon .fp-logo,.login-logo .fp-logo{display:block;width:100%;height:100%}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:14.5px;font-weight:600}.brand-text small{font-size:11px;color:var(--muted)}.pill-nav{display:flex;gap:2px;background:var(--bg-2);border-radius:10px;padding:3px;margin:0 auto;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pill-nav::-webkit-scrollbar{display:none}.pill{color:var(--text-2);text-decoration:none;font-size:13px;font-weight:500;padding:7px 13px;border-radius:8px;white-space:nowrap;position:relative;transition:color .12s,background .12s}.pill:hover{color:var(--text)}.pill.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-1)}.nav-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 5px;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:600;line-height:17px;text-align:center;border-radius:999px;box-shadow:0 0 0 2px var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-badge[hidden]{display:none !important}.nav-badge:focus-visible,html.app-mode .nav-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#nav-unread{background:var(--danger);color:#fff}[data-theme="dark"] #nav-unread{color:#171d33}.topbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.topbar-actions .btn{height:36px;font-size:13.5px;padding:0 14px}.topbar-actions .user-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px}.user-chip{font-size:12.5px;font-weight:500;color:var(--text-2);background:var(--bg-2);border-radius:var(--radius);padding:6px 10px}.icon-btn{background:transparent;color:var(--text-2);border:0;width:36px;height:36px;border-radius:var(--radius);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;padding:0;transition:background .12s,color .12s}.icon-btn:hover{background:var(--bg-2);color:var(--text)}.icon-btn-sm{width:30px;height:30px}.icon-btn.is-ok{color:var(--success)}.icon-btn.is-danger:hover{color:var(--danger);background:var(--danger-soft)}.ic-spin{animation:fpSpin 1s linear infinite}@keyframes fpSpin{to{transform:rotate(360deg)}}.icon-btn:focus-visible,.btn:focus-visible,.chip:focus-visible,.pill:focus-visible{outline:none;box-shadow:var(--ring)}.page{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 20px 40px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:18px}.muted{color:var(--muted)}.hero,.page-head{margin-bottom:18px}.hero-badge{display:none !important}.hero-row,.page-head-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.hero h1,.page-head h1{font-size:22px;font-weight:600;letter-spacing:-0.01em;margin-bottom:2px}.hero .muted,.page-sub{font-size:13px;color:var(--muted)}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-head-left{display:flex;align-items:center;gap:8px;min-width:0}.page-back{flex:0 0 auto;color:var(--text-2)}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 12px;height:36px;min-width:260px;color:var(--muted)}.search-box:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.search-box input{border:none;outline:none;background:transparent;color:var(--text);width:100%;font-size:14px;height:100%}.search-box input::placeholder{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:16px}.card-title{font-size:15px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px}.card-title .ic{color:var(--muted)}.upload-card{margin-bottom:18px}.upload-card h2{font-size:15px;font-weight:600;margin-bottom:10px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:22px 16px;cursor:pointer;text-align:center;background:var(--bg);transition:border-color 0.15s,background 0.15s;color:var(--text-2)}.dropzone:hover,.dz-hover{border-color:var(--accent);background:var(--accent-soft)}.dz-icon{color:var(--muted);display:flex;margin-bottom:4px}.dz-text{font-size:14px;font-weight:500;color:var(--text)}.dz-hint{font-size:12px;color:var(--muted)}.dz-files{font-size:12.5px;color:var(--accent-ink);font-weight:600}.upload-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.acct-text{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:12px}.token-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.token-row .token-field-wrap{flex:1 1 220px;min-width:0}.token-row .icon-btn{color:var(--muted)}.token-row .icon-btn.is-ok{color:var(--success)}@media (max-width:560px){.token-row .btn{width:100%}}.upload-row input[type="text"]{flex:1;min-width:220px}.input,.field input:not([type="checkbox"]):not([type="radio"]),.field textarea,.field select,.upload-row input[type="text"],.vault-form input,.login-form input,.chat-input input[type="text"],#token-field{border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 12px;height:38px;font-size:14px;background:var(--surface);color:var(--text);outline:none;width:100%;-webkit-appearance:none;appearance:none;transition:border-color .12s,box-shadow .12s}.field textarea,textarea.input{height:auto;min-height:80px;padding:9px 12px;resize:vertical}#token-field{height:36px}.input:focus,.field input:not([type="checkbox"]):not([type="radio"]):focus,.field textarea:focus,.field select:focus,.upload-row input[type="text"]:focus,.vault-form input:focus,.login-form input:focus,.chat-input input[type="text"]:focus,#token-field:focus{border-color:var(--accent);box-shadow:var(--ring)}.input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field select,select.input{padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23656a7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:14px}[data-theme="dark"] .field select,[data-theme="dark"] select.input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e94a9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field-row{display:flex;gap:10px;flex-wrap:wrap}.field-row>.field{flex:1 1 200px}.help{font-size:12px;color:var(--muted)}.list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:var(--muted)}.album-chips{display:flex;gap:4px;flex-wrap:wrap;background:var(--bg-2);border-radius:10px;padding:3px}.chip{border:1px solid transparent;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.chip:hover{color:var(--text)}.chip-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-1)}[data-theme="dark"] .chip-active{border-color:var(--border)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.photo-card{display:flex;flex-direction:column;gap:10px;padding:12px;min-width:0}.card-badges{display:flex;gap:5px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--muted);background:var(--bg-2);border:0;padding:3px 9px;border-radius:999px;line-height:1.4;white-space:nowrap}.badge .ic{width:12px;height:12px}.badge-ok{color:var(--success);background:var(--success-soft)}.badge-warn{color:var(--warning);background:var(--warning-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-accent{color:var(--accent-ink);background:var(--accent-soft)}.new-badge{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle;flex:none;transition:width .25s ease,margin-right .25s ease,opacity .25s ease}.new-badge.is-off{width:0;margin-right:0;opacity:0}.photo-link{display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 3;background:var(--bg-2)}.photo-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.25s}.photo-link:hover img{transform:scale(1.03)}.photo-name{font-size:14px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-album{font-size:12.5px;color:var(--accent-ink);font-weight:500}.hash-row{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:0;border-radius:8px;padding:6px 10px;font-size:12px}.hash-label{color:var(--success);font-weight:600;font-size:10.5px;white-space:nowrap}.hash-row code{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:11.5px;font-family:Consolas,"SF Mono",Menlo,monospace}.card-actions{display:flex;gap:6px;margin-top:auto}.card-actions form{display:contents}.photo-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.photo-actions .icon-btn{color:var(--muted)}.photo-actions .icon-btn:hover,.photo-card.menu-open .pa-more{color:var(--text)}@media (max-width:560px){.photo-actions .icon-btn{height:36px}}body.fp-guest .photo-card:not([data-mine="1"]) .pa-edit,body.fp-guest .photo-card:not([data-mine="1"]) .pa-more,body.fp-guest .doc-card:not([data-mine="1"]) .doc-more-btn{display:none}body.fp-guest #btn-share-sel,body.fp-guest #btn-move-sel,body.fp-guest #sel-share,body.fp-guest #sel-move{display:none}body.fp-guest #share-modal button[data-share="1"],body.fp-guest #share-modal span.share-lbl,body.fp-guest #share-kho-hint,body.fp-guest #doc-share-modal button[data-share="1"],body.fp-guest #doc-share-modal span.doc-share-lbl,body.fp-guest #doc-share-kho-hint{display:none !important}.kho-tile{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:6px 6px 6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .12s,background .12s}.kho-tile:hover,.kho-tile.menu-open{border-color:var(--border-strong);background:var(--bg-2)}.kho-tile-cover{width:40px;height:40px;flex:0 0 auto;border-radius:8px;background:var(--bg-2);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted)}.kho-tile-cover img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:560px){.kho-tile{padding:5px;gap:8px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;text-decoration:none;font-size:13.5px;font-weight:600;padding:0 14px;height:36px;color:var(--on-ink);background:var(--ink);line-height:1;white-space:nowrap;transition:background .12s,color .12s,border-color .12s,opacity .12s}.btn:hover{opacity:.9}.btn:active{opacity:.8}.btn:disabled{opacity:.5;cursor:default}.btn .ic{width:16px;height:16px}.btn-sm{font-size:12.5px;padding:0 10px;height:30px;gap:5px}.btn-lg{height:44px;font-size:15px;padding:0 20px}.btn-block{width:100%}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-2);opacity:1}.btn-quiet{background:transparent;color:var(--text-2)}.btn-quiet:hover{background:var(--bg-2);color:var(--text);opacity:1}.btn-green{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:var(--on-danger);flex:0 0 auto}.btn-danger-quiet{background:transparent;color:var(--danger)}.btn-danger-quiet:hover{background:var(--danger-soft);opacity:1}.flashes{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.flash{border-radius:var(--radius);padding:10px 14px;font-size:13.5px;font-weight:500;line-height:1.45;border:1px solid transparent}.flash-ok{background:var(--success-soft);color:var(--success)}.flash-err{background:var(--danger-soft);color:var(--danger)}.flash-warn{background:var(--warning-soft);color:var(--warning)}.flash-info{background:var(--bg-2);color:var(--text-2)}.login-wrap{width:100%;max-width:400px;margin:0 auto}.login-card{width:100%;padding:36px 28px 28px;border-radius:20px;box-shadow:none;border:1px solid var(--border);background:var(--surface)}.login-head{text-align:center;margin-bottom:22px}.login-badge{display:none !important}.login-logo{width:56px;height:56px;margin:0 auto 16px;display:block}.login-head h1{font-size:22px;font-weight:600;letter-spacing:-0.01em;margin-bottom:4px}.login-head .muted{font-size:13.5px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{font-size:12.5px;font-weight:600;color:var(--text-2);margin-top:4px}.login-form input{height:50px;border-radius:999px;padding:0 20px;font-size:16px;background:var(--surface);border-color:var(--border-strong)}.login-form input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}[data-theme="dark"] .login-form input:focus{box-shadow:0 0 0 1px var(--ink)}.login-form .pw-wrap>input{padding-right:48px}.login-form .pw-eye{right:16px}.login-form .btn{margin-top:8px;height:50px;font-size:15.5px;border-radius:999px}.auth-links{margin-top:18px;text-align:center;font-size:13px;color:var(--muted);display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.auth-links a{color:var(--text);font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--muted);font-size:12px}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border)}.captcha-row{display:flex;gap:10px;align-items:stretch}.captcha-img{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;height:50px;width:auto;background:var(--bg-2)}.captcha-row input{flex:1;min-width:0}.code-input{text-align:center;font-size:22px !important;letter-spacing:10px;font-weight:600}.doc-video{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);background:#000;display:block}.doc-icon-box{display:grid;place-items:center;aspect-ratio:16 / 9;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--muted);transition:background 0.15s,border-color 0.15s}.doc-icon-box:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.doc-big-icon{font-size:54px;display:flex}.chat-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.chat-box{height:55vh;min-height:320px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.msg-row{display:flex;gap:8px;align-items:flex-end;max-width:78%}.msg-row.mine{margin-left:auto;flex-direction:row}.chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--border);background:var(--bg-2)}.msg-bubble-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.msg-meta{font-size:11px;color:var(--muted);padding:0 6px}.msg-row.mine .msg-meta{text-align:right}.msg-bubble{background:var(--surface);border:1px solid var(--border);padding:8px 12px;border-radius:14px 14px 14px 4px;font-size:14px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.msg-row.mine .msg-bubble{background:var(--ink);color:var(--on-ink);border-color:var(--ink);border-radius:14px 14px 4px 14px}.msg-row.mine .msg-bubble:not(.msg-bubble-img):not(.msg-bubble-card):not(.msg-bubble-item):not(.msg-bubble-loc) a{color:inherit}.chat-input{display:flex;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}.chat-input input[type="text"]{flex:1;border-radius:999px;padding:0 16px}.yt-card{width:280px;max-width:100%;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);overflow:hidden}.msg-row.mine .yt-card{border-color:var(--border-strong);margin-left:auto;border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg)}@media (min-width:1024px){.yt-card{width:min(420px,100%)}}.yt-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-2);cursor:pointer;overflow:hidden}.yt-thumb{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%}.yt-embed{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}@keyframes yt-tho{0%,100%{opacity:1}50%{opacity:0.5}}.yt-frame.yt-wait,.yt-card.yt-loading .yt-title{animation:yt-tho 1.6s ease-in-out infinite}.yt-card.yt-loading .yt-title{background:var(--bg-2);border-radius:4px}@media (prefers-reduced-motion:reduce){.yt-frame.yt-wait,.yt-card.yt-loading .yt-title{animation:none}}.yt-frame.yt-none{background:var(--bg-2)}.yt-none-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--muted);display:flex;opacity:0.5}.yt-play,.yt-close{position:absolute;padding:0;border:0;border-radius:999px;cursor:pointer;background:rgba(0,0,0,0.55);color:#fff;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.yt-play{left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px}.yt-close{top:6px;right:6px;z-index:2;width:28px;height:28px}.yt-play:hover,.yt-close:hover{background:rgba(0,0,0,0.72)}.yt-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:8px 10px 9px;text-align:left;cursor:pointer}.yt-title{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.yt-card.yt-loading .yt-title{min-height:2.6em}.yt-line{display:flex;align-items:center;gap:4px;min-height:1.4em;font-size:11.5px;color:var(--muted)}.yt-by{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-by:empty,.yt-at:empty{display:none}.yt-at{flex:none}.yt-by::before,.yt-at::before{content:"·";margin-right:4px}.vault-form .vault-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.vault-card{gap:8px}.vault-note{font-size:12.5px}#token-field{flex:1;min-width:200px;font-size:13px;font-family:Consolas,"SF Mono",Menlo,monospace}.sync-progress{margin-top:16px}.sync-bar{height:6px;border-radius:999px;background:var(--bg-2);overflow:hidden}.sync-bar-fill{height:100%;width:0;border-radius:999px;background:var(--ink);transition:width 0.25s linear}.sync-stats{margin:10px 0;font-size:13px;font-weight:600}.sync-list{list-style:none;max-height:260px;overflow-y:auto;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.sync-state{display:inline-block;min-width:58px;font-weight:600}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:8px;border-bottom:1px solid var(--border)}.data-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;display:block;cursor:pointer;flex:0 0 auto;border:1.5px solid var(--muted);border-radius:5px;background:var(--surface);transition:background .12s,border-color .12s}input[type="checkbox"]:hover{border-color:var(--accent)}input[type="checkbox"]:checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171d33' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:72% 72%;background-repeat:no-repeat;background-position:center}input[type="checkbox"]:focus-visible{outline:none;box-shadow:var(--ring)}.empty{text-align:center;padding:56px 20px;color:var(--muted)}.empty-icon{display:flex;justify-content:center;margin-bottom:12px;color:var(--muted);font-size:40px}.empty-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.empty p{font-size:13px}.pw-wrap{position:relative;display:block;width:100%}.pw-wrap>input{width:100%;padding-right:42px}.pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.pw-eye:hover{color:var(--text)}.pw-eye svg{display:block}.pill{display:inline-flex;align-items:center;gap:7px}.nav-ico{width:17px;height:17px;flex:0 0 auto}@media (max-width:720px){body{overflow-x:clip}.topbar-inner{padding:6px 12px;gap:6px 12px}.brand-icon{width:30px;height:30px}.brand-text small{display:none}.topbar-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.topbar-actions .user-chip{display:none}.pill-nav{order:3;width:100%;justify-content:flex-start}.pill{padding:7px 11px;font-size:12.5px}.nav-ico{width:16px;height:16px}.hero h1,.page-head h1{font-size:20px}.search-box{width:100%}.list-meta{flex-direction:column;align-items:stretch;gap:8px 10px}.album-chips,.share-chips{flex-wrap:wrap}.sel-bar{flex-wrap:wrap;gap:8px 10px}.sel-bar>label{flex:0 0 auto}.sel-bar>span.muted{flex:1 1 auto}.sel-bar .btn-sm{flex:1 1 auto;min-width:calc(33% - 8px)}}@media (max-width:1023px){.page{padding:16px 16px 32px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}.hero h1,.page-head h1{font-size:21px}}@media (max-width:560px){.page{padding:12px 12px 28px}.brand-text{display:none}.hero,.page-head{margin-bottom:12px}.hero-row,.page-head-row{gap:10px}.page-actions{width:100%}.page-actions>.search-box{order:1;flex:1 1 auto;width:auto;min-width:160px}.page-actions>.icon-btn,.page-actions>.btn-icon{order:2;flex:0 0 auto}.page-actions>.btn:not(.btn-icon){order:3;flex:1 0 100%}body.gallery-page .grid:not(.fpv){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.gallery-page{--fpv-gap:8px}body.gallery-page.v-xl,body.gallery-page.v-lg{--fpv-cell:170px}body.gallery-page.v-md{--fpv-cell:112px}body.gallery-page.v-sm{--fpv-cell:84px}body.gallery-page .photo-card{padding:6px;gap:6px}body.gallery-page .photo-meta{font-size:12px;margin-top:4px}body.gallery-page .photo-meta .muted{display:none}.hash-row{flex-wrap:wrap}.login-card{border:0;background:transparent;padding:12px 6px}}@media (pointer:coarse){.icon-btn-sm{width:36px;height:36px}.chip{padding:8px 13px}.pill{padding:9px 13px}.btn-sm{height:36px;padding:0 12px}}@media (max-height:500px) and (min-width:600px){.topbar-inner{padding:4px 12px;gap:4px 10px;flex-wrap:nowrap}.brand-icon{width:28px;height:28px}.brand-text{display:none}.pill-nav{order:0;width:auto;flex:1 1 auto;margin:0;padding:3px}.pill{padding:6px 10px;font-size:13px}.nav-ico{width:16px;height:16px}.topbar-actions{gap:4px}.topbar-actions .user-chip{display:none}.icon-btn{width:30px;height:30px}.topbar-actions .btn{height:30px;padding:0 10px}html.app-mode .topbar-inner{flex-wrap:nowrap;padding:4px 12px;gap:4px 10px}html.app-mode .brand{padding:0}html.app-mode .pill-nav{order:0;width:auto;flex:1 1 auto;margin:0;padding:3px}html.app-mode .pill{padding:6px 10px;font-size:13px}body.chat-page .page{padding-top:6px}body.chat-page .convo-head{padding:8px 12px}}@media (max-width:560px){.pill-nav,html.app-mode .pill-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;overflow:visible;padding:3px;border-radius:12px;width:100%}.pill,html.app-mode .pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:6px 2px;font-size:11px;line-height:1.1;border-radius:9px;text-align:center}.pill>span:not(.nav-badge){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45}.pill .nav-ico,html.app-mode .pill .nav-ico{width:19px;height:19px}.nav-badge,html.app-mode .nav-badge{position:absolute;top:1px;right:calc(50% - 22px);margin:0;box-shadow:0 0 0 2px var(--bg-2)}.pill.active .nav-badge,html.app-mode .pill.active .nav-badge{box-shadow:0 0 0 2px var(--surface)}}@media (max-width:820px){.pill-nav .pill-manage{display:none}.topbar-actions .icon-btn-manage{display:inline-flex}}@media (max-width:880px){html.app-mode .pill-nav .pill-manage{display:none}html.app-mode .topbar-actions .icon-btn-manage{display:inline-flex}}@media (max-width:700px){.pill{padding:6px 8px}}@media (max-width:560px){.pill-nav .pill-troly,html.app-mode .pill-nav .pill-troly{display:none}}@media (max-width:760px){html.app-mode .pill{padding:6px 8px;font-size:13px}}@media (max-width:640px){.pill-nav .pill-vault{display:none}.topbar-actions .fp-thu-gon{display:none !important}.fp-them-wrap{display:inline-flex}}@media (max-width:700px){html.app-mode .pill-nav .pill-vault{display:none}}.fp-them-wrap{display:none;position:relative}.fp-them-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9200;min-width:205px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:6px}.fp-them-menu[hidden]{display:none}.fp-them-menu>a,.fp-them-menu>button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;background:none;border-radius:var(--radius);color:var(--text);font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;text-decoration:none}.fp-them-menu>a:hover,.fp-them-menu>button:hover{background:var(--bg-2)}.fp-them-menu .ic{flex:0 0 auto;color:var(--muted)}.fp-them-menu .qr-scan-trigger{display:none}html.has-cam .fp-them-menu .qr-scan-trigger{display:flex}@media (max-width:560px){.topbar-actions .fp-thu-gon{display:none !important}.fp-them-wrap{display:inline-flex}}.topbar-actions .icon-btn-manage{display:none}@media (max-width:609px){.pill-nav .pill-manage{display:none}.topbar-actions .icon-btn-manage{display:inline-flex}}@media (max-width:719px){html.app-mode .pill-nav .pill-manage{display:none}html.app-mode .topbar-actions .icon-btn-manage{display:inline-flex}}@media (max-width:340px){.topbar-actions{gap:2px}.topbar-actions .icon-btn{width:32px;height:32px}.topbar-actions .btn{height:32px;padding:0 10px}}@media (max-width:640px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid var(--border);border-radius:var(--radius);padding:4px 6px;margin:0 0 10px}.data-table td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 4px !important;border-bottom:0}.data-table td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;flex:0 0 auto}.data-table td:not([data-label])::before{content:none}.data-table td form{display:inline}}@media (min-width:600px) and (max-width:1023px){.page{padding:12px 14px 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:10px}.card{padding:10px;border-radius:12px}.photo-card{gap:6px}.card-badges{gap:4px}.badge{font-size:11px;padding:2px 8px}.photo-name{font-size:13px}.photo-album{font-size:11.5px}.chip{font-size:12px;padding:6px 10px}.btn-sm{font-size:12px;padding:0 10px}.list-meta{font-size:12.5px;gap:8px 10px;margin-bottom:10px}.search-box{padding:0 10px}.search-box input{font-size:13.5px}.hero h1,.page-head h1{font-size:19px}.hero,.page-head{margin-bottom:12px}.doc-big-icon{font-size:40px}.upload-compact .dropzone{padding:6px 10px}.upload-compact .album-input{padding:7px 10px;font-size:13px}.date-head{font-size:15px;margin:14px 0 8px}.gallery-bar{margin-bottom:10px}.sel-bar{margin:4px 0 10px;gap:10px}}@media (max-width:1023px){.upload-card{padding:8px 10px}.upload-card .dropzone{flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius)}.upload-card .dz-icon{margin:0}.upload-card .dz-text{font-size:13px;color:var(--text-2)}}:root{--fs-base:clamp(13px,12.2px + 0.25vw,15px);--fs-sm:clamp(11.5px,11px + 0.2vw,13px);--fs-xs:clamp(10px,9.6px + 0.18vw,11.5px)}.msg-bubble,.photo-name,.search-box input,.chat-input textarea#chat-text{font-size:var(--fs-base)}.chip,.btn-sm,.pill,.list-meta,.photo-album,.wc-text{font-size:var(--fs-sm)}.badge,.msg-meta,.photo-meta .muted{font-size:var(--fs-xs)}@media (max-width:560px){.pill{font-size:11px}}@media (pointer:coarse){input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select{font-size:16px}.chip{min-height:36px}.pw-eye{min-width:36px;min-height:36px}.pw-wrap>input{padding-right:46px}}input::-webkit-calendar-picker-indicator,input[list]::-webkit-list-button{display:none !important;-webkit-appearance:none}body{--fpv-display:grid;--fpv-cell:190px;--fpv-gap:12px;--fpv-cols:auto;--fpv-dir:column;--fpv-pad:10px;--fpv-minh:auto;--fpv-align:stretch;--fpv-media:auto;--fpv-ratio:4/3;--fpv-icon:56px;--fpv-name:13.5px;--fpv-name-w:600;--fpv-meta-dir:column;--fpv-meta-align:flex-start;--fpv-sub:block;--fpv-sub-w:auto;--fpv-sub-align:left;--fpv-act:flex;--fpv-check:absolute;--fpv-play:inline-flex;--fpv-line:0}body.v-xl{--fpv-cell:280px;--fpv-icon:76px}body.v-lg{--fpv-cell:200px}body.v-md{--fpv-cell:148px;--fpv-gap:10px;--fpv-pad:8px;--fpv-icon:46px}body.v-sm{--fpv-cell:108px;--fpv-gap:8px;--fpv-pad:6px;--fpv-icon:38px;--fpv-name:12px;--fpv-name-w:500;--fpv-sub:none;--fpv-act:none}body.v-list,body.v-details,body.v-tiles,body.v-content{--fpv-display:block;--fpv-dir:row;--fpv-align:center;--fpv-ratio:auto;--fpv-pad:3px 8px;--fpv-minh:34px;--fpv-media:24px;--fpv-icon:22px;--fpv-radius:4px;--fpv-meta-dir:row;--fpv-meta-align:baseline;--fpv-name-w:500;--fpv-check:static;--fpv-play:none}body.v-list{--fpv-cols:260px;--fpv-sub:none;--fpv-act:none}body.v-details{--fpv-sub-w:260px;--fpv-sub-align:right;--fpv-line:1px}body.v-tiles{--fpv-media:44px;--fpv-icon:38px;--fpv-minh:56px;--fpv-pad:6px 8px;--fpv-meta-dir:column;--fpv-meta-align:flex-start}body.v-content{--fpv-media:56px;--fpv-icon:48px;--fpv-minh:68px;--fpv-pad:8px;--fpv-meta-dir:column;--fpv-meta-align:flex-start;--fpv-name:14px;--fpv-name-w:600;--fpv-line:1px}.fpv{display:var(--fpv-display);gap:var(--fpv-gap);grid-template-columns:repeat(auto-fill,minmax(min(var(--fpv-cell),100%),1fr));columns:var(--fpv-cols)}body.v-list .fpv{column-gap:22px}.fpv>.lib-card,.fpv .photo-card{display:flex;flex-direction:var(--fpv-dir);align-items:var(--fpv-align);gap:9px;padding:var(--fpv-pad);min-height:var(--fpv-minh);aspect-ratio:auto;break-inside:avoid}body.v-list .fpv>.lib-card,body.v-list .fpv .photo-card,body.v-details .fpv>.lib-card,body.v-details .fpv .photo-card,body.v-tiles .fpv>.lib-card,body.v-tiles .fpv .photo-card,body.v-content .fpv>.lib-card,body.v-content .fpv .photo-card{width:100%;margin:0;border:0;box-shadow:none;background:none;border-radius:7px;border-bottom:var(--fpv-line) solid var(--border)}body.v-list .fpv>.lib-card:hover,body.v-list .fpv .photo-card:hover,body.v-details .fpv>.lib-card:hover,body.v-details .fpv .photo-card:hover,body.v-tiles .fpv>.lib-card:hover,body.v-tiles .fpv .photo-card:hover,body.v-content .fpv>.lib-card:hover,body.v-content .fpv .photo-card:hover{background:var(--bg-2)}.fpv .lib-media,.fpv .photo-open{width:var(--fpv-media);height:var(--fpv-media);flex:0 0 auto;aspect-ratio:var(--fpv-ratio);border-radius:var(--fpv-radius,8px)}.fpv .photo-open img{border-radius:inherit;width:100%;height:100%;object-fit:cover}body.v-list .fpv .lib-media,body.v-details .fpv .lib-media,body.v-tiles .fpv .lib-media,body.v-content .fpv .lib-media{background:none}.fpv .ftype-img{width:var(--fpv-icon);height:var(--fpv-icon)}.fpv .lib-play{display:var(--fpv-play)}.fpv .lib-head,.fpv .photo-meta{display:flex;flex-direction:var(--fpv-meta-dir);align-items:var(--fpv-meta-align,flex-start);flex:1 1 auto;min-width:0;gap:8px}.fpv .lib-name,.fpv .photo-name{font-size:var(--fpv-name);font-weight:var(--fpv-name-w);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpv .lib-sub,.fpv .photo-sub{display:var(--fpv-sub);flex:0 0 auto;width:var(--fpv-sub-w);text-align:var(--fpv-sub-align);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpv .photo-actions{display:var(--fpv-act);flex-direction:row;margin:0;gap:8px;flex:0 0 auto}.fpv>.lib-card,.fpv .photo-card{min-width:0;max-width:100%}.fpv .lib-head,.fpv .photo-meta,.fpv .doc-head{max-width:100%;overflow:hidden}.fpv .lib-name,.fpv .photo-name,.fpv .lib-sub,.fpv .photo-sub,.fpv .lib-c,.fpv .photo-info,.fpv .photo-date,.fpv .photo-by,.fpv .photo-album,.fpv .doc-meta,.fpv .doc-sub,.fpv .doc-kho,.fpv .doc-kho-txt{max-width:100%}.fpv .photo-info{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpv .photo-album{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.fpv .photo-check,.fpv .lib-check,.fpv-tiles .tile-check{position:var(--fpv-check)}body.v-list .fpv .photo-check,body.v-details .fpv .photo-check,body.v-tiles .fpv .photo-check,body.v-content .fpv .photo-check,body.v-list .fpv .lib-check,body.v-details .fpv .lib-check,body.v-tiles .fpv .lib-check,body.v-content .fpv .lib-check,body.v-list .fpv-tiles .tile-check,body.v-details .fpv-tiles .tile-check,body.v-tiles .fpv-tiles .tile-check,body.v-content .fpv-tiles .tile-check{opacity:1;box-shadow:none;background:none;padding:0;flex:0 0 auto;top:auto;left:auto}body.v-list .fpv input[type="checkbox"],body.v-details .fpv input[type="checkbox"],body.v-list .fpv-tiles input[type="checkbox"],body.v-details .fpv-tiles input[type="checkbox"],body.v-sm .fpv-tiles input[type="checkbox"],body.v-sm .fpv input[type="checkbox"]{width:13px;height:13px;border-radius:4px;border-width:1.5px}body.v-list .fpv input[type="checkbox"]:checked,body.v-details .fpv input[type="checkbox"]:checked,body.v-list .fpv-tiles input[type="checkbox"]:checked,body.v-details .fpv-tiles input[type="checkbox"]:checked,body.v-sm .fpv-tiles input[type="checkbox"]:checked,body.v-sm .fpv input[type="checkbox"]:checked{background-size:64% 64%}body.v-list .fpv .lib-check,body.v-details .fpv .lib-check,body.v-list .fpv .photo-check,body.v-details .fpv .photo-check,body.v-list .fpv-tiles .tile-check,body.v-details .fpv-tiles .tile-check{padding:5px;margin:-5px 0 -5px -5px}body:is(.v-list,.v-details,.v-tiles,.v-content) .fpv>:is(.lib-card.is-sel,.photo-card.is-sel,.photo-card.selected,.doc-card.selected),body:is(.v-list,.v-details,.v-tiles,.v-content) .fpv-tiles>:is(.lib-tile.is-sel,.kho-tile.is-sel,.kho-tile.selected){outline:none;background:var(--accent-soft)}body.v-xl .fpv-tiles .lib-tile,body.v-lg .fpv-tiles .lib-tile{padding-left:8px}body.v-xl .fpv-tiles .lib-tile .tile-check,body.v-lg .fpv-tiles .lib-tile .tile-check{position:static;opacity:1;box-shadow:none;background:none;flex:0 0 auto;top:auto;left:auto;padding:5px;margin:-5px 0 -5px -5px}body.v-list .fpv-tiles,body.v-details .fpv-tiles,body.v-tiles .fpv-tiles,body.v-content .fpv-tiles{display:block}body.v-list .fpv-tiles .kho-tile,body.v-details .fpv-tiles .kho-tile,body.v-tiles .fpv-tiles .kho-tile,body.v-content .fpv-tiles .kho-tile{display:flex;align-items:center;gap:9px;width:100%;padding:var(--fpv-pad);margin:0;min-height:var(--fpv-minh);border-radius:7px;border:0;box-shadow:none;background:none}body.v-list .fpv-tiles .kho-tile:hover,body.v-details .fpv-tiles .kho-tile:hover,body.v-tiles .fpv-tiles .kho-tile:hover,body.v-content .fpv-tiles .kho-tile:hover{background:var(--bg-2)}body.v-list .fpv-tiles .kho-tile-cover,body.v-details .fpv-tiles .kho-tile-cover,body.v-tiles .fpv-tiles .kho-tile-cover,body.v-content .fpv-tiles .kho-tile-cover{width:var(--fpv-media);height:var(--fpv-media);background:none}body.v-list .fpv-tiles .kho-tile-cover .ftype-img,body.v-details .fpv-tiles .kho-tile-cover .ftype-img,body.v-tiles .fpv-tiles .kho-tile-cover .ftype-img,body.v-content .fpv-tiles .kho-tile-cover .ftype-img{width:var(--fpv-icon);height:var(--fpv-icon)}body.v-list .fpv-tiles .kho-tile-main,body.v-details .fpv-tiles .kho-tile-main{flex-direction:row;align-items:baseline;gap:10px}body.v-list .fpv-tiles .kho-tile-meta{display:none}body.v-details .fpv-tiles .kho-tile-meta{flex:0 0 auto;width:190px;text-align:right}body.v-list .fpv-tiles{columns:260px;column-gap:22px}body.v-list .fpv-tiles .kho-tile{break-inside:avoid}body.v-md .fpv-tiles,body.v-sm .fpv-tiles{grid-template-columns:repeat(auto-fill,minmax(min(max(var(--fpv-cell),150px),100%),1fr))}body.v-sm .fpv-tiles .kho-tile,body.v-md .fpv-tiles .kho-tile{flex-direction:column;align-items:stretch;gap:6px;padding:var(--fpv-pad)}body.v-sm .fpv-tiles .kho-tile-link,body.v-md .fpv-tiles .kho-tile-link{flex-direction:column;align-items:stretch;gap:6px}body.v-sm .fpv-tiles .kho-tile-cover,body.v-md .fpv-tiles .kho-tile-cover{width:100%;height:auto;aspect-ratio:var(--fpv-ratio)}body.v-sm .fpv-tiles .kho-tile-cover .ftype-img,body.v-md .fpv-tiles .kho-tile-cover .ftype-img{width:var(--fpv-icon);height:var(--fpv-icon);object-fit:contain}body.v-sm .fpv-tiles .kho-tile-main,body.v-md .fpv-tiles .kho-tile-main{min-width:0}body.v-sm .fpv-tiles .kho-tile-name,body.v-md .fpv-tiles .kho-tile-name{font-size:var(--fpv-name);font-weight:var(--fpv-name-w);line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.v-sm .fpv-tiles .lib-tile .kho-tile-meta{display:none}body.v-sm .fpv-tiles .kho-tile-more,body.v-md .fpv-tiles .kho-tile-more{position:absolute;top:4px;right:4px;z-index:2}@media (max-width:700px){body.v-details{--fpv-sub-w:130px}body.v-list{--fpv-cols:170px}body.v-xl{--fpv-cell:200px}}.fpv .doc-media{width:var(--fpv-media);height:var(--fpv-media);flex:0 0 auto;aspect-ratio:var(--fpv-ratio)}.fpv .doc-video,.fpv .doc-icon-box{width:100%;height:100%;aspect-ratio:auto;border-radius:var(--fpv-radius,var(--radius))}.fpv .doc-play{display:var(--fpv-play)}.fpv .doc-head{display:flex;flex-direction:var(--fpv-meta-dir);align-items:var(--fpv-meta-align,flex-start);flex:1 1 auto;min-width:0;gap:8px}.fpv .doc-meta{display:var(--fpv-sub);flex:0 0 auto;width:var(--fpv-sub-w);min-width:0;margin:0}.fpv .doc-sub{display:block;max-width:100%;text-align:var(--fpv-sub-align);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.v-list .fpv .doc-media,body.v-details .fpv .doc-media,body.v-tiles .fpv .doc-media,body.v-content .fpv .doc-media{background:none}body.v-list .fpv .doc-icon-box,body.v-details .fpv .doc-icon-box,body.v-tiles .fpv .doc-icon-box,body.v-content .fpv .doc-icon-box{background:none;border:0;padding:0}body.v-list .fpv .doc-lock,body.v-details .fpv .doc-lock{display:none}body.v-sm .fpv .doc-meta{display:none}.lib-c{display:none}body.v-details .fpv .lib-sub,body.v-details .fpv-tiles .kho-tile-meta{display:none}body.v-details .fpv .lib-c,body.v-details .fpv-tiles .lib-c{display:block;flex:0 0 auto;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.v-details .lib-c-kind{width:110px}body.v-details .lib-c-size{width:96px;text-align:right;font-variant-numeric:tabular-nums}body.v-details .lib-c-date{width:132px;text-align:right;font-variant-numeric:tabular-nums}body.v-details .fpv .lib-head,body.v-details .fpv-tiles .kho-tile-main{flex-direction:row;align-items:center;gap:14px}body.v-details .fpv-tiles .kho-tile{padding-right:123px}body.v-details .fpv-tiles .kho-tile-more{position:absolute;right:8px;top:50%;transform:translateY(-50%)}body:is(.v-list,.v-details,.v-tiles,.v-content) .fpv-tiles .kho-tile-link{gap:9px}body.v-details .fpv-tiles .kho-tile-main{padding-left:0}body.v-details .fpv .lib-name,body.v-details .fpv-tiles .kho-tile-name{flex:1 1 auto;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpv-head{display:none}body.v-details .fpv-head{display:flex;align-items:center;gap:14px;padding:0 8px 6px;font-size:12px;font-weight:600;color:var(--text-2);border-bottom:1px solid var(--border);margin-bottom:4px}body.v-details .fpv-head .h-name{flex:1 1 auto;min-width:0;margin-left:20px}body.v-details .fpv-head .h-kind{width:110px;flex:0 0 auto}body.v-details .fpv-head .h-size{width:96px;flex:0 0 auto;text-align:right}body.v-details .fpv-head .h-date{width:132px;flex:0 0 auto;text-align:right}body.v-details .fpv-head .h-pad{width:101px;flex:0 0 auto}body.v-details .fpv-head .h-tick{width:26px;flex:0 0 auto}.fpv-head .fpv-h{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;padding:4px 0;margin:0;border-radius:6px;min-width:0}.fpv-head .fpv-h:hover{background:var(--bg-2);color:var(--text)}.fpv-head .fpv-h:focus-visible{outline:none;box-shadow:var(--ring)}.fpv-head .fpv-h.is-on{color:var(--text)}body.v-details .fpv-head .h-size.fpv-h,body.v-details .fpv-head .h-date.fpv-h{justify-content:flex-end}.fpv-head .fpv-ar{display:inline-flex;flex:0 0 auto;color:var(--accent-ink)}.fpv-head .fpv-ar .ic{display:none}.fpv-head .fpv-h.is-asc .fpv-ar .ic:first-child{display:inline-block}.fpv-head .fpv-h.is-desc .fpv-ar .ic:last-child{display:inline-block}@media (max-width:900px){body.v-details .fpv .lib-c-kind,body.v-details .fpv-tiles .lib-c-kind,body.v-details .fpv-head .h-kind{display:none}body.v-details .lib-c-date,body.v-details .fpv-head .h-date{width:92px}}@media (max-width:640px){body.v-details .fpv .lib-c-date,body.v-details .fpv-tiles .lib-c-date,body.v-details .fpv-head .h-date{display:none}}@media (max-width:560px){body.v-details{--fpv-sub-w:auto}body.v-details .fpv .photo-sub,body.v-details .fpv .doc-meta{display:none}body.v-details .fpv .photo-name{min-width:96px}body.v-details .fpv .lib-c-size,body.v-details .fpv-tiles .lib-c-size,body.v-details .fpv-head .h-size{display:none}body.v-details .fpv .lib-name,body.v-details .fpv-tiles .kho-tile-name{min-width:96px}}.lib-filters .sel-all-lbl{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-2);white-space:nowrap;margin-right:4px}.lib-filters .sel-all-lbl input{width:15px;height:15px;accent-color:var(--accent);margin:0}.fp-top{position:fixed;z-index:30;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-2);border:1px solid var(--border);box-shadow:var(--shadow-2);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s,background .12s,color .12s}.fp-top.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease,visibility 0s,background .12s,color .12s}.fp-top:hover{background:var(--bg-2);color:var(--text)}.fp-top:focus-visible{outline:none;box-shadow:var(--ring),var(--shadow-2)}body.has-selection .fp-top{bottom:calc(76px + env(safe-area-inset-bottom,0px))}@media (pointer:coarse){.fp-top{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.fp-top{transition:none}.fp-top.is-on{transition:none}}.emoji-img{display:inline-block;width:1.32em;height:1.32em;margin:0 .04em;vertical-align:-.26em;object-fit:contain}@media (max-width:430px){.pill,html.app-mode .pill{flex-direction:column;gap:2px;font-size:11px;padding:5px 2px;line-height:1.15}.pill .nav-ico,html.app-mode .pill .nav-ico{width:19px;height:19px}}@media (max-width:340px){.pill,html.app-mode .pill{font-size:10.5px;padding:5px 1px}.pill .nav-ico,html.app-mode .pill .nav-ico{width:18px;height:18px}}.btn-wrap{white-space:normal;height:auto;min-height:40px;padding-top:8px;padding-bottom:8px;line-height:1.35;text-align:left}@media (max-width:560px){.btn{max-width:100%}.btn-wrap{width:100%;justify-content:flex-start}}@media (max-width:700px){main.page{padding-bottom:88px}.kho-crumb{min-height:32px}details>summary{padding:10px 0;min-height:24px}}.user-boc{position:relative}.topbar-actions .user-nut{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;cursor:pointer}.topbar-actions .user-nut:hover{background:var(--bg-2)}.user-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:9300;min-width:190px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.user-menu a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13.5px}.user-menu a:hover{background:var(--bg-2)}.vxem{position:fixed;inset:0;z-index:9400;display:flex;align-items:center;justify-content:center}.vxem[hidden]{display:none}.vxem-nen{position:absolute;inset:0;background:rgba(12,14,24,0.62)}.vxem-hop{position:relative;display:flex;flex-direction:column;overflow:hidden;max-width:100%;background:#101114;border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.vxem-thanh{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#17181d}.vxem-ten{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.35;color:#e8e8ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxem-nut{display:flex;align-items:center;gap:4px;flex:none}.vxem-nut button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,0.2);border-radius:8px;background:transparent;color:#e8e8ea;cursor:pointer}.vxem-nut svg{display:block;width:17px;height:17px}.vxem-nut button:hover{background:rgba(255,255,255,0.14)}.vxem-nut button.on{background:#fff;color:#17181d;border-color:#fff;font-weight:600}.vxem-nut button:focus-visible{outline:2px solid #fff;outline-offset:1px}.vxem-x{margin-left:4px;border-color:transparent !important}.vxem-x:hover{background:rgba(255,90,90,0.28)}.vxem-man{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.vxem-man iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.vxem[data-che-do="vua"] .vxem-hop{width:min(760px,94vw,calc((100vh - 120px) * 16 / 9))}.vxem[data-che-do="rong"] .vxem-hop{width:min(calc(100vw - 16px),calc((100vh - 96px) * 16 / 9))}@supports (height:100dvh){.vxem[data-che-do="vua"] .vxem-hop{width:min(760px,94vw,calc((100dvh - 120px) * 16 / 9))}.vxem[data-che-do="rong"] .vxem-hop{width:min(calc(100vw - 16px),calc((100dvh - 96px) * 16 / 9))}}.vxem[data-che-do="goc"]{pointer-events:none}.vxem[data-che-do="goc"] .vxem-nen{display:none}.vxem[data-che-do="goc"] .vxem-hop{pointer-events:auto;position:fixed;width:min(340px,78vw);border:1px solid rgba(255,255,255,0.14)}.vxem[data-che-do="goc"] .vxem-thanh{cursor:grab;touch-action:none}.vxem[data-che-do="goc"] .vxem-hop.vxem-keo .vxem-thanh{cursor:grabbing}.vxem[data-che-do="goc"] .vxem-ten{font-size:11.5px}.vxem[data-che-do="goc"] .vxem-nut button{width:26px;height:26px}.vxem[data-che-do="goc"] .vxem-nut svg{width:15px;height:15px}.vxem[data-che-do="goc"] .vxem-hop[data-goc="tren-trai"]{left:12px;top:calc(64px + env(safe-area-inset-top,0px))}.vxem[data-che-do="goc"] .vxem-hop[data-goc="tren-phai"]{right:12px;top:calc(64px + env(safe-area-inset-top,0px))}.vxem[data-che-do="goc"] .vxem-hop[data-goc="duoi-trai"]{left:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.vxem[data-che-do="goc"] .vxem-hop[data-goc="duoi-phai"]{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.vxem[data-che-do="goc"] .vxem-hop.vxem-keo{right:auto;bottom:auto}.vxem[data-che-do="toan"] .vxem-hop{position:fixed;inset:0;width:100%;max-width:none;height:100%;border-radius:0;box-shadow:none}.vxem[data-che-do="toan"] .vxem-man{aspect-ratio:auto;flex:1 1 auto;min-height:0}.vxem-hop:fullscreen{width:100%;height:100%;border-radius:0}.vxem-hop:-webkit-full-screen{width:100%;height:100%;border-radius:0}@media (max-width:560px){.vxem-nut{gap:2px}.vxem-nut button{width:28px;height:28px}.vxem[data-che-do="vua"] .vxem-hop{width:min(96vw,calc((100vh - 96px) * 16 / 9))}}:root{--topbar-h:110px}html.app-mode{--topbar-h:0px}@media (max-width:1023px){html.app-mode{--topbar-h:95px}}body.hoc-lt{--lt-gap-l:clamp(24px,2.4vw,40px);--lt-gap-m:clamp(16px,1.6vw,24px)}body.hoc-lt .page,.app-mode body.hoc-lt:not(.auth-page) .page{max-width:none;padding:16px clamp(12px,1.5vw,24px) 88px;overflow-x:clip}body.hoc-lt .hoc-wrap{max-width:none;margin:0;padding:0;container:hoc / inline-size}body.hoc-lt .hoc-wrap b,body.hoc-lt .hoc-wrap strong{font-weight:600}.hoc-tt{display:none;color:var(--muted)}.hoc-tt[aria-pressed="true"]{color:var(--accent-ink);background:var(--accent-soft)}.hml{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 1.5rem;align-items:start;--hml-bar-h:44px}.hml:has(>.hml-phai:empty){--hml-bar-h:0px;row-gap:0}.hml>.lt-muc,.hml>#ltm-muc{grid-row:3;grid-column:1;min-width:0;container:bai / inline-size}.hml-ben{grid-row:1;grid-column:1;position:static;margin:0;padding:0;border:0;background:none;max-height:none;overflow:visible}.hml-ben-nhan,.hml-ben nav>a.hml-muc{display:none}.hml-chon{display:block;width:100%}.hml-ben nav{scroll-padding-block:40px}.hml-ben nav .hml-bai-ds{position:relative;margin:8px 0 0;display:flex;gap:14px;padding:0 2px;background:none;border-radius:0;box-shadow:inset 0 -1px 0 var(--border);overflow-x:auto;scrollbar-width:none}.hml-ben nav .hml-bai-ds::-webkit-scrollbar{display:none}.hml-ben nav .hml-bai-ds a{flex:none;display:block;padding:8px 2px 7px;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12.5px;line-height:1.35;white-space:nowrap;max-width:16rem;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);background:none;text-decoration:none}.hml-ben nav .hml-bai-ds a b{font-weight:600;color:var(--text)}.hml-ben nav .hml-bai-ds a:hover{color:var(--text)}.hml-ben nav .hml-bai-ds a.hml-bai-dang{background:none;color:var(--accent-ink);border-bottom-color:var(--accent);box-shadow:none}.hml-ben nav .hml-bai-ds a.hml-bai-dang b{color:var(--accent-ink)}.hml-ben nav .hml-bai-ds a small{color:var(--muted);font-size:11.5px;margin-left:4px}.hml-ben nav .hml-bai-ds a[data-xong="1"]::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-left:6px;vertical-align:middle}.hml-ben-nhan{font-size:12px;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0;padding:4px 8px 6px}.hml-muc{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13px;line-height:1.35}.hml-muc:hover{background:var(--bg-2)}.hml-muc.hml-dang{background:transparent;color:var(--text);font-weight:600}.hml-so{flex:none;width:20px;height:20px;border-radius:6px;background:var(--bg-2);font-size:11.5px;font-weight:600;display:grid;place-items:center;color:var(--text-2)}.hml-dang .hml-so{background:var(--ink);color:var(--on-ink)}.hml-phu .hml-so{display:none}.hml-ten{min-width:0}.hml-ten small{display:none}.hml-phu{border-top:1px dashed var(--border);margin-top:4px;padding-top:8px;border-radius:0}.hml-phai{grid-row:2;grid-column:1 / -1;box-sizing:border-box;position:sticky;top:var(--topbar-h);z-index:3;display:flex;align-items:center;gap:8px;padding:4px 0;background:var(--bg)}.hml-phai:empty{display:none}.hml-phai-nhan,.hml-phai-buoc,.hml-tb a small,.hml-phai-nut .dai{display:none}.hml-tb{position:relative;flex:1 1 auto;min-width:0;display:flex;gap:4px;padding:3px;background:var(--bg-2);border-radius:10px;overflow-x:auto;scrollbar-width:none}.hml-tb::-webkit-scrollbar{display:none}.hml-tb a{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:8px;font-size:var(--fs-sm);font-weight:500;color:var(--text-2);white-space:nowrap;text-decoration:none;line-height:1}.hml-tb a:hover{color:var(--text)}.hml-tb a[aria-current="true"]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-1)}[data-theme="dark"] .hml-tb a[aria-current="true"]{box-shadow:0 0 0 1px var(--border)}.hml-phai-nut{display:flex;gap:8px;flex:none}.hml-phai-nut .btn{text-decoration:none}.hml-phai-nut .hml-hoi{width:30px;padding:0}@media (pointer:coarse){.hml-phai-nut .hml-hoi{width:36px}}@container hoc (min-width:52rem){.hml{grid-template-columns:minmax(14rem,17rem) minmax(36rem,1fr);row-gap:12px}.hml-phai{grid-row:1}.hml-ben{grid-row:2;grid-column:1;position:sticky;top:calc(var(--topbar-h) + var(--hml-bar-h) + 12px);max-height:calc(100vh - var(--topbar-h) - var(--hml-bar-h) - 24px);max-height:calc(100dvh - var(--topbar-h) - var(--hml-bar-h) - 24px);overflow-y:auto;scrollbar-width:thin;padding:0 6px 0 0}.hml-ben-nhan{display:block}.hml-ben nav>a.hml-muc{display:flex}.hml-chon{display:none}.hml-ben nav .hml-bai-ds{display:grid;gap:1px;margin:2px 0 6px 28px;padding:0;background:none;border-radius:0;box-shadow:none;overflow:visible}.hml-ben nav .hml-bai-ds a{display:block;padding:4px 8px;border-left:2px solid var(--border);border-bottom:0;border-radius:0 6px 6px 0;white-space:normal;max-width:none;overflow:visible;text-overflow:clip}.hml-ben nav .hml-bai-ds a:hover{background:var(--bg-2)}.hml-ben nav .hml-bai-ds a.hml-bai-dang{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-ink);box-shadow:none}.hml-ben nav .hml-bai-ds a.hml-bai-dang b{color:var(--accent-ink)}.hml>.lt-muc,.hml>#ltm-muc{grid-row:2;grid-column:2}}@container hoc (min-width:65.5rem){.hml{grid-template-columns:minmax(14rem,17rem) minmax(36rem,1fr) minmax(12rem,15rem);--hml-bar-h:0px}.hml-ben{grid-row:1}.hml>.lt-muc,.hml>#ltm-muc{grid-row:1}.hml-phai{grid-row:1;grid-column:3;display:block;position:sticky;top:calc(var(--topbar-h) + 12px);max-height:calc(100vh - var(--topbar-h) - 24px);max-height:calc(100dvh - var(--topbar-h) - 24px);overflow-y:auto;scrollbar-width:thin;padding:0;background:none;z-index:auto}.hml-phai-nhan{display:block;font-size:12px;font-weight:600;color:var(--muted);padding:4px 10px 6px}.hml-tb{display:grid;gap:1px;padding:0;background:none;border-radius:0;overflow:visible}.hml-tb a{display:flex;justify-content:space-between;gap:8px;height:auto;padding:5px 10px;border-left:2px solid var(--border);border-radius:0;font-size:12.5px;font-weight:400;color:var(--text-2);line-height:1.35;white-space:normal}.hml-tb a:hover{background:var(--bg-2);color:var(--text)}.hml-tb a[aria-current="true"]{background:none;border-left-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:none}[data-theme="dark"] .hml-tb a[aria-current="true"]{box-shadow:none}.hml-tb a small{display:inline;font-size:11.5px;color:var(--muted);font-weight:400;text-align:right;flex:none}.hml-phai-nut{display:grid;gap:8px;margin:14px 0 0 10px}.hml-phai-nut .btn{width:100%;justify-content:flex-start;height:auto;min-height:30px;padding:5px 10px;white-space:normal;text-align:left;line-height:1.3}.hml-phai-nut .dai{display:inline}.hml-phai-nut .ngan{display:none}.hml-phai-buoc{display:grid;gap:6px;margin:14px 0 0 10px}.hoc-tt{display:inline-flex}body.hoc-lt .ltm-nut{display:none}}@supports not (container-type:inline-size){@media (min-width:866px){.hml{grid-template-columns:minmax(14rem,17rem) minmax(36rem,1fr)}.hml-phai{grid-row:1}.hml-ben{grid-row:2;grid-column:1;position:sticky;top:calc(var(--topbar-h) + var(--hml-bar-h) + 12px);max-height:calc(100vh - var(--topbar-h) - var(--hml-bar-h) - 24px);overflow-y:auto;padding:0 6px 0 0}.hml-ben-nhan{display:block}.hml-ben nav>a.hml-muc{display:flex}.hml-chon{display:none}.hml-ben nav .hml-bai-ds{display:grid;gap:1px;margin:2px 0 6px 28px;padding:0;background:none;border-radius:0;box-shadow:none;overflow:visible}.hml-ben nav .hml-bai-ds a{display:block;padding:4px 8px;border-left:2px solid var(--border);border-bottom:0;border-radius:0 6px 6px 0;white-space:normal;max-width:none;overflow:visible}.hml-ben nav .hml-bai-ds a.hml-bai-dang{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-ink);box-shadow:none}.hml>.lt-muc,.hml>#ltm-muc{grid-row:2;grid-column:2}}@media (min-width:1100px){.hml{grid-template-columns:minmax(14rem,17rem) minmax(36rem,1fr) minmax(12rem,15rem);--hml-bar-h:0px}.hml-ben,.hml>.lt-muc,.hml>#ltm-muc{grid-row:1}.hml-phai{grid-column:3;display:block;position:sticky;top:calc(var(--topbar-h) + 12px);max-height:calc(100vh - var(--topbar-h) - 24px);overflow-y:auto;padding:0;background:none;z-index:auto}.hml-phai-nhan{display:block;font-size:12px;font-weight:600;color:var(--muted);padding:4px 10px 6px}.hml-tb{display:grid;gap:1px;padding:0;background:none;border-radius:0;overflow:visible}.hml-tb a{display:flex;justify-content:space-between;gap:8px;height:auto;padding:5px 10px;border-left:2px solid var(--border);border-radius:0;font-weight:400;white-space:normal}.hml-tb a[aria-current="true"]{background:none;border-left-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:none}[data-theme="dark"] .hml-tb a[aria-current="true"]{box-shadow:none}.hml-tb a small{display:inline}.hml-phai-nut{display:grid;gap:8px;margin:14px 0 0 10px}.hml-phai-nut .btn{width:100%;justify-content:flex-start;height:auto;min-height:30px;padding:5px 10px;white-space:normal;text-align:left}.hml-phai-nut .dai{display:inline}.hml-phai-nut .ngan{display:none}.hml-phai-buoc{display:grid;gap:6px;margin:14px 0 0 10px}.hoc-tt{display:inline-flex}body.hoc-lt .ltm-nut{display:none}}}.hml-phan{margin-top:var(--lt-gap-l)}.hml-phan + .hml-phan{border-top:1px solid var(--border);padding-top:var(--lt-gap-m)}[id^="lt-p-"],[id^="ltm-p-"]{scroll-margin-top:calc(var(--topbar-h) + var(--hml-bar-h,0px) + 12px)}.hml-phan-nhan{font-size:clamp(14.5px,13.5px + .15vw,16px);font-weight:600;color:var(--text);text-transform:none;letter-spacing:0;border:0;padding:0;margin-bottom:10px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.hml-phan-nhan .badge{background:none;border:0;padding:0;border-radius:0;font-size:12.5px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.hml-phan-nhan .badge::before{content:"·";margin-right:2px}.hml-phan-nhan .badge:empty{display:none}.hml-chan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}.hml-chan>span{visibility:hidden}.hml-buoc{min-width:0;display:block;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:var(--text);font-size:13.5px;font-weight:600;line-height:1.35}.hml-buoc:hover{background:var(--bg-2)}.hml-buoc small{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-bottom:2px}.hml-sau{text-align:right}@container bai (max-width:30rem){.hml-chan{grid-template-columns:minmax(0,1fr)}.hml-chan>span{display:none}.hml-sau{text-align:left}}.hml-phai-buoc .hml-buoc-gon{font-size:12.5px;padding:6px 10px;font-weight:500;border:0;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.hml-phai-buoc .hml-buoc-gon:hover{background:var(--bg-2)}.hml-phai-buoc .hml-buoc-gon small{display:inline;margin:0 4px 0 0}@container hoc (min-width:65.5rem){body.hoc-tap-trung .hml-ben,body.hoc-tap-trung .hml-phai{display:none}body.hoc-tap-trung .hml{grid-template-columns:minmax(0,1fr)}body.hoc-tap-trung .hml>.lt-muc,body.hoc-tap-trung .hml>#ltm-muc{grid-column:1;grid-row:1}}html body.hoc-lt-hep #fp-tl-nut{display:none}.hd-thanh{position:fixed;z-index:1200;display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;background:var(--ink);color:var(--on-ink);border-radius:999px;box-shadow:var(--shadow-2);font-size:var(--fs-sm);max-width:min(92vw,560px)}.hd-thanh[hidden]{display:none}.hd-thanh .hd-loa{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent);cursor:pointer;flex:none}.hd-thanh .hd-loa.hd-dang{background:var(--danger);animation:hd-nhay 1s ease-in-out infinite}@keyframes hd-nhay{50%{opacity:.55}}.hd-thanh .hd-pa,.hd-tip .hd-pa{font-family:"Charis SIL","Doulos SIL","Gentium Plus","Times New Roman",serif;font-size:15px}.hd-thanh .hd-pa{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-thanh .hd-vi{color:var(--on-ink);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-thanh [hidden]{display:none}.hd-tip{position:fixed;z-index:1199;pointer-events:none;padding:5px 10px;background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-2);font-size:var(--fs-sm);max-width:320px;line-height:1.4}.hd-tip[hidden]{display:none}.hd-tip b{font-weight:600}.hd-tip .hd-pa{margin-left:8px}.hd-tip .hd-vi{display:block;color:var(--muted);font-size:var(--fs-xs)}.np-pt{margin-top:5px;font-size:12.5px;line-height:1.6;color:var(--text-2)}.np-pt b{font-weight:600;color:var(--text)}.np-pt code{font-size:12px;padding:0 5px;border-radius:6px;background:var(--chip-bg);color:var(--accent-ink)}.np-pt .np-pt-ghi{font-style:normal;color:var(--muted)}.np-pt .np-pt-ghi::before{content:" — "}.np-pt .np-pt-cach{margin:0 7px;color:var(--muted)}.np-pt .np-pt-nhom + .np-pt-nhom{margin-top:4px}.np-ky-hieu{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:12px 0 0;padding:10px 12px;border-radius:var(--radius);background:var(--bg-2);font-size:12.5px;line-height:1.5;color:var(--text-2)}.np-ky-hieu dt{grid-column:1 / -1;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.np-ky-hieu dd{display:contents;margin:0}.np-ky-hieu dd code{font-size:12px;padding:0 5px;border-radius:6px;background:var(--chip-bg);color:var(--accent-ink);white-space:nowrap}@media (max-width:560px){.np-ky-hieu{grid-template-columns:1fr}.np-ky-hieu dd code{display:inline-block;margin-bottom:2px}}@media (max-width:560px){table.np-ct,table.np-ct tbody,table.np-ct tr,table.np-ct td{display:block;width:100%;box-sizing:border-box}table.np-ct tr:first-child{display:none}table.np-ct tr{padding:8px 0 10px;border-bottom:1px solid var(--border)}table.np-ct td{padding:2px 0;border:0}table.np-ct td:first-child{font-weight:600;font-size:12.5px;color:var(--text-2)}}