.collection-shell{padding-block:32px}.collection-links,.collection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:14px}.collection-links a,.collection-actions .btn,.collection-table .btn{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px}.collection-links{max-width:1180px;margin-inline:auto;padding:0 20px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.collection-card{padding:20px;overflow-wrap:anywhere}.collection-card label{font-size:21px;display:flex;align-items:center;gap:8px;min-height:44px}.collection-card input{width:22px;height:22px}.collection-card summary{min-height:44px;cursor:pointer}.collection-card p,.collection-table td{white-space:pre-wrap;overflow-wrap:anywhere}.collection-shell select{min-height:44px;padding:8px}.collection-table-wrap{overflow:auto;max-height:75vh}.collection-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:600px}.collection-table th,.collection-table td{padding:16px;text-align:left;border-bottom:1px solid #ded8d0;background:#fffdf8;vertical-align:top}.collection-table th:first-child{width:110px;position:sticky;left:0;z-index:1}.collection-table thead th{position:sticky;top:0;z-index:2}.collection-table thead th:first-child{z-index:3}.collection-table .btn{display:block;margin-top:10px}.collection-status{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;border:1px solid #bdb3a4;border-radius:8px;background:#fffdf8;color:#342f29;box-shadow:0 3px 18px #0002;z-index:100;pointer-events:none}.collection-status:empty{display:none}#collection-print{display:none}@media(max-width:600px){.collection-table{min-width:570px}.collection-table th:first-child{width:82px}.collection-table th,.collection-table td{padding:10px}.collection-actions .btn{font-size:14px}}@media print{body.collection-printing>*{display:none!important}body.collection-printing>#collection-print{display:block!important;white-space:pre-wrap;font:12pt/1.7 sans-serif;overflow-wrap:anywhere;color:#000}}
.collection-dock{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;width:56px;padding:5px;background:var(--paper-2,#fffdf8);border:1px solid var(--line,#ddd5c8);border-radius:14px;box-shadow:0 6px 24px #173a3415}
.collection-dock .dock-control{position:relative;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:48px;min-height:48px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--ink,#173a34);cursor:pointer;text-decoration:none}
.dock-icon{position:relative;z-index:1;flex:none;width:22px;height:22px;pointer-events:none}.dock-label{position:absolute;right:-1px;top:-1px;display:flex;align-items:center;width:max-content;height:50px;padding:10px 56px 10px 14px;border:1px solid var(--line,#ddd5c8);border-radius:10px;background:var(--paper-2,#fffdf8);box-shadow:0 6px 20px #173a3415;white-space:nowrap;font-size:14px;opacity:0;visibility:hidden;transform:translateX(6px);pointer-events:none;transition:opacity .16s ease-out,transform .16s ease-out,visibility .16s}
.collection-dock a+a,.dock-qr{border-top:1px solid var(--line,#ddd5c8)}.collection-dock .dock-control[aria-current=page]{color:var(--red,#b5322e);background:var(--red-soft,#f4e5e1)}.collection-dock .dock-control:focus-visible{outline:2px solid var(--red,#b5322e);outline-offset:2px;z-index:2}.collection-dock .dock-control:focus-visible .dock-label{opacity:1;visibility:visible;transform:none;pointer-events:auto}
@media(hover:hover){.collection-dock .dock-control:hover{color:var(--red,#b5322e)}.collection-dock .dock-control:hover .dock-label{opacity:1;visibility:visible;transform:none;pointer-events:auto}}
.dock-qr{position:relative}.dock-qr-panel{position:absolute;right:calc(100% + 12px);bottom:0;width:208px;margin:0;padding:15px;border:1px solid var(--line,#ddd5c8);border-radius:14px;background:var(--paper-2,#fffdf8);box-shadow:0 10px 36px #173a3426;opacity:0;visibility:hidden;transform:translateX(6px);pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s}.dock-qr-panel img{display:block;width:176px;max-width:100%;height:auto;margin:auto}.dock-qr-panel figcaption{margin-top:10px;text-align:center;color:var(--ink-soft,#36544e);font-size:14px;line-height:1.6}.dock-qr.is-open .dock-qr-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}.dock-qr.is-open .dock-label{opacity:0;visibility:hidden;pointer-events:none}.dock-qr.is-open:before{content:"";position:absolute;right:100%;bottom:0;width:16px;height:260px}
@media(min-width:768px) and (max-width:1439px){body.has-collection-dock{padding-right:88px}}
@media(max-width:767px){body.has-collection-dock{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.collection-dock{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px;transform:none;flex-direction:row;width:auto;border-radius:12px}.collection-dock a+a,.dock-qr{border-top:0;border-left:1px solid var(--line,#ddd5c8)}.dock-label{top:auto;bottom:calc(100% + 10px);right:-1px;height:auto;padding:10px 14px;transform:translateY(4px)}.dock-qr-panel{right:-5px;bottom:calc(100% + 12px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow-y:auto;transform:translateY(6px)}.dock-qr.is-open:before{right:-5px;bottom:100%;width:208px;max-width:calc(100vw - 24px);height:16px}.collection-status{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.dock-label,.dock-qr-panel{transition:none;transform:none}}
@media print{.collection-dock{display:none!important}body.has-collection-dock{padding:0!important}}
/* Personal name workspace: scoped independently from generator cards and dock. */
.collection-workspace{--collection-gap:24px;color:var(--ink,#173a34);padding-bottom:48px}.collection-workspace .container{max-width:1120px}.collection-page-head{padding-top:32px;background:var(--paper,#f7f3ea)}.collection-back-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:14px;color:var(--muted,#6b7671)}.collection-back-link span{color:var(--line,#ddd5c8)}.collection-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0 32px}.collection-page-heading h1{font:700 clamp(30px,3.2vw,44px)/1.3 var(--serif);margin:0 0 12px;letter-spacing:.03em}.collection-page-heading p{margin:0;color:var(--ink-soft,#36544e);font-size:16px}.collection-local-label{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:14px;color:var(--muted,#6b7671)}.collection-local-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold,#a47b49)}.collection-page-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line,#ddd5c8)}.collection-page-tabs a{position:relative;display:flex;align-items:center;min-height:56px;font-size:16px;color:var(--muted,#6b7671)}.collection-page-tabs a[aria-current=page]{color:var(--ink,#173a34);font-weight:600}.collection-page-tabs a[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--red,#b5322e)}
.collection-workspace .collection-shell{padding-block:24px 32px}.collection-workspace button,.collection-workspace a,.collection-workspace summary{touch-action:manipulation}.collection-workspace button:focus-visible,.collection-workspace a:focus-visible,.collection-workspace summary:focus-visible,.collection-workspace input:focus-visible{outline:2px solid var(--red,#b5322e);outline-offset:3px}.collection-workspace button:disabled{cursor:default;opacity:.45;box-shadow:none}.collection-workspace .btn{min-height:44px;padding:10px 16px;border:1px solid var(--line,#ddd5c8);border-radius:8px;color:var(--ink,#173a34);background:var(--paper-2,#fffdf8);font-size:14px;box-shadow:none;white-space:nowrap}.collection-workspace .btn.collection-primary{background:var(--ink,#173a34);border-color:var(--ink,#173a34);color:var(--paper-2,#fffdf8)}.collection-workspace input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--ink,#173a34);flex-shrink:0;cursor:pointer}.collection-text-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--ink-soft,#36544e);font-size:14px;text-decoration:none;cursor:pointer}.collection-text-button:hover{color:var(--red,#b5322e)}
.collection-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.collection-category-tabs{display:flex;flex-wrap:wrap;gap:8px}.collection-category-tabs button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft,#36544e);cursor:pointer;font-size:14px}.collection-category-tabs button span{font-size:12px;opacity:.75}.collection-category-tabs button[aria-pressed=true]{background:var(--ink,#173a34);color:var(--paper-2,#fffdf8)}.collection-category-tabs button:hover:not([aria-pressed=true]){background:var(--paper-3,#f0eadf)}.collection-mobile-filter{display:none}.collection-clear{flex-shrink:0;color:var(--muted,#6b7671)}.collection-batch-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;border:1px solid var(--line,#ddd5c8);border-radius:10px;background:var(--paper-2,#fffdf8);position:sticky;top:76px;z-index:10}.collection-selection{display:flex;align-items:center;gap:20px;font-size:14px;flex-wrap:wrap}.collection-selection label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;white-space:nowrap}.collection-selection>span{color:var(--muted,#6b7671);font-size:13px}.collection-export-actions{display:flex;gap:8px;flex-wrap:wrap}.collection-results-note{display:flex;justify-content:space-between;margin:28px 0 16px;font-size:14px;color:var(--ink-soft,#36544e)}.collection-results-note span{color:var(--muted,#6b7671)}
.collection-workspace .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.collection-workspace .collection-card{min-width:0;padding:24px 28px 16px;border:1px solid var(--line,#ddd5c8);border-radius:12px;background:var(--paper-2,#fffdf8);box-shadow:none;overflow-wrap:anywhere}.collection-workspace .collection-card.is-selected{border-color:var(--ink-soft,#36544e);box-shadow:inset 0 0 0 1px var(--ink-soft,#36544e)}.collection-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.collection-card-top .collection-pick{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;cursor:pointer}.collection-scene{display:inline-flex;align-items:center;padding:3px 9px;font-size:12px;font-weight:400;line-height:1.6;border:1px solid var(--line,#ddd5c8);border-radius:4px;color:var(--ink-soft,#36544e);background:var(--paper,#f7f3ea)}.collection-card-top time{font-size:13px;color:var(--muted,#6b7671)}.collection-card-name{padding:16px 0 12px}.collection-card-name h2{font:600 clamp(30px,3vw,40px)/1.35 var(--serif);letter-spacing:.08em;margin:2px 0 0;color:var(--ink,#173a34)}.collection-workspace .collection-pinyin{font-size:14px;letter-spacing:.04em;color:var(--muted,#6b7671);margin:0;white-space:normal}.collection-workspace .collection-card-meaning{font-size:15px;line-height:1.9;color:var(--ink-soft,#36544e);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.8em}.collection-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.collection-tags span{color:var(--gold,#a47b49);font-size:13px}.collection-tags span+span:before{content:"·";padding-right:8px;color:var(--line,#ddd5c8)}.collection-card-details{border-top:1px solid var(--line,#ddd5c8)}.collection-workspace .collection-card-details summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:14px;color:var(--ink-soft,#36544e);list-style:none;cursor:pointer}.collection-card-details summary::-webkit-details-marker{display:none}.collection-card-details[open] summary span{font-size:0}.collection-card-details[open] summary span:after{content:"−";font-size:16px}.collection-card-details dl{margin:0 0 20px;padding-top:4px}.collection-card-details dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;margin-bottom:16px;font-size:14px;line-height:1.8}.collection-card-details dt{color:var(--muted,#6b7671)}.collection-card-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.collection-card-actions{display:flex;align-items:center;gap:16px;padding-top:8px;flex-wrap:wrap}.collection-workspace .collection-compare-action{border-color:var(--ink-soft,#36544e);color:var(--ink,#173a34);background:transparent}.collection-workspace .collection-compare-action[aria-pressed=true]{background:var(--paper-3,#f0eadf)}.collection-delete{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--muted,#6b7671);cursor:pointer}.collection-delete:hover{background:var(--red-soft,#f4e5e1);color:var(--red,#b5322e)}.collection-delete svg{width:20px;height:20px}.collection-card-actions .collection-delete{margin-left:auto}.collection-workspace .collection-card-note{font-size:12px;line-height:1.6;color:var(--muted,#6b7671);margin:12px 0 0}
.collection-compare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.collection-section-label{margin:0 0 8px;font-size:18px;font-weight:600}.collection-section-label span{font-size:14px;color:var(--muted,#6b7671);font-weight:400}.collection-compare-toolbar>div>p:last-child{margin:0;color:var(--ink-soft,#36544e);font-size:14px}.collection-compare-export{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.collection-compare-export>span{display:none;color:var(--muted,#6b7671);font-size:13px}.collection-workspace .collection-table-wrap{border:1px solid var(--line,#ddd5c8);border-radius:12px;background:var(--paper-2,#fffdf8);max-height:75vh}.collection-workspace .collection-table{min-width:calc(120px + var(--compare-count)*240px);table-layout:fixed}.collection-workspace .collection-table th,.collection-workspace .collection-table td{padding:20px 24px;background:var(--paper-2,#fffdf8);border-bottom:1px solid var(--line,#ddd5c8);border-right:1px solid var(--line,#ddd5c8);font-size:15px;line-height:1.8}.collection-workspace .collection-table th:last-child,.collection-workspace .collection-table td:last-child{border-right:0}.collection-workspace .collection-table th:first-child{width:120px;font-weight:400;font-size:14px;background:var(--paper,#f7f3ea);color:var(--ink-soft,#36544e)}.collection-workspace .collection-table thead th{background:var(--paper-3,#f0eadf);position:sticky;top:0;vertical-align:top}.collection-workspace .collection-table thead th:first-child{background:var(--paper-3,#f0eadf);padding-top:32px}.collection-table-hint{display:block;font-size:12px;color:var(--muted,#6b7671);line-height:1.8;margin-top:8px}.collection-table thead h2{font:600 clamp(26px,2.5vw,34px)/1.4 var(--serif);letter-spacing:.05em;margin:12px 36px 4px 0;overflow-wrap:anywhere}.collection-table thead .collection-delete{position:absolute;top:16px;right:12px}.collection-workspace .collection-table td>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.collection-workspace .collection-table td>.collection-score{font:600 30px/1.5 var(--serif);color:var(--ink,#173a34)}.collection-long-text summary{cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere;list-style:none}.collection-long-text summary::-webkit-details-marker{display:none}.collection-long-text summary span{display:block;color:var(--red,#b5322e);font-size:13px;padding-top:8px;min-height:36px}.collection-long-text[open] summary{font-size:0}.collection-long-text[open] summary span{font-size:13px}.collection-long-text p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.collection-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.collection-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:16px;min-height:320px;padding:48px 24px;text-align:center;border:1px dashed var(--line,#ddd5c8);border-radius:12px;background:var(--paper-2,#fffdf8)}.collection-empty-icon{color:var(--gold,#a47b49)}.collection-empty-icon svg{width:40px;height:40px}.collection-empty h2{font:600 24px/1.5 var(--serif);margin:0}.collection-empty p{max-width:400px;color:var(--ink-soft,#36544e);font-size:15px;line-height:1.8;margin:0}.collection-empty .btn{margin-top:8px}.collection-page-foot{padding-block:8px 0;scroll-margin-top:100px}.collection-page-foot>p{max-width:720px;font-size:13px;line-height:1.8;color:var(--muted,#6b7671);margin:0 0 16px}.collection-page-foot nav{display:flex;gap:24px;flex-wrap:wrap}.collection-page-foot nav a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:var(--ink-soft,#36544e)}
@media(max-width:1023px){.collection-batch-bar{align-items:flex-start;flex-direction:column;gap:8px}.collection-selection{width:100%;justify-content:space-between}.collection-workspace .collection-card{padding:20px}.collection-card-actions{gap:8px}}
@media(max-width:767px){.collection-page-head{padding-top:16px}.collection-page-heading{align-items:flex-start;padding:12px 0 24px;gap:12px}.collection-page-heading h1{font-size:30px}.collection-page-heading p{font-size:14px;line-height:1.8}.collection-local-label{font-size:12px;margin-top:10px}.collection-page-tabs{gap:28px}.collection-page-tabs a{min-height:52px}.collection-workspace .collection-shell{padding-block:20px 24px}.collection-category-tabs{display:none}.collection-mobile-filter{display:flex;align-items:center;gap:12px;font-size:14px}.collection-mobile-filter select{border:1px solid var(--line,#ddd5c8);border-radius:8px;background:var(--paper-2,#fffdf8);color:var(--ink,#173a34);font-size:14px;max-width:160px}.collection-filter-bar{gap:12px;margin-bottom:16px}.collection-clear{font-size:13px}.collection-batch-bar{padding:12px;top:64px}.collection-selection{gap:8px}.collection-selection>span{font-size:12px}.collection-export-actions{width:100%;gap:8px}.collection-export-actions .btn{flex:1;padding:10px 8px;font-size:13px;min-width:0}.collection-workspace .collection-grid{grid-template-columns:minmax(0,1fr);gap:16px}.collection-results-note{margin:24px 0 12px;font-size:13px}.collection-workspace .collection-card{padding:20px 24px 16px}.collection-card-name{padding-top:12px}.collection-card-name h2{font-size:36px}.collection-workspace .collection-card-meaning{min-height:0}.collection-card-details dl>div{grid-template-columns:64px minmax(0,1fr);gap:12px}.collection-compare-toolbar{align-items:flex-start;gap:12px}.collection-compare-toolbar>.collection-text-button{font-size:13px;white-space:nowrap}.collection-section-label{font-size:16px}.collection-compare-toolbar>div>p:last-child{font-size:13px;line-height:1.7}.collection-compare-export{flex-wrap:wrap;gap:12px;margin-bottom:16px}.collection-compare-export>span{display:block}.collection-workspace .collection-table{min-width:calc(80px + var(--compare-count)*164px)}.collection-workspace .collection-table th,.collection-workspace .collection-table td{padding:16px;font-size:14px}.collection-workspace .collection-table th:first-child{width:80px;padding:16px 12px;font-size:13px}.collection-workspace .collection-table thead th:first-child{padding-top:24px}.collection-table-hint{display:none}.collection-table thead h2{font-size:26px;margin:16px 0 0}.collection-table thead .collection-delete{top:8px;right:4px}.collection-empty{min-height:300px;padding:32px 20px}.collection-empty h2{font-size:22px}.collection-page-foot nav{gap:16px}.collection-workspace{padding-bottom:32px}}
@media(max-width:359px){.collection-page-heading{flex-wrap:wrap}.collection-local-label{margin-top:0}.collection-selection{align-items:flex-start;flex-direction:column;gap:0}.collection-card-actions .collection-text-button{font-size:13px}.collection-workspace .collection-card{padding:16px}}
.collection-long-text summary .collection-long-close{display:none}.collection-long-text[open] summary .collection-long-open{display:none}.collection-long-text[open] summary .collection-long-close{display:block}
.collection-icon-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid var(--line,#ddd5c8);border-radius:8px;background:transparent;color:var(--ink-soft,#36544e);cursor:pointer}.collection-icon-action svg{width:20px;height:20px;pointer-events:none}.collection-icon-action:hover,.collection-icon-action[aria-pressed=true]{background:var(--paper-3,#f0eadf);border-color:var(--ink-soft,#36544e);color:var(--ink,#173a34)}.collection-icon-action[aria-pressed=true] svg{stroke-width:2.2}.collection-icon-action:focus-visible{outline:2px solid var(--ink,#173a34);outline-offset:3px}
.name-detail-nav-links{display:flex;flex-direction:column;gap:8px}.name-overview-actions .collection-actions{justify-content:flex-end;flex-wrap:nowrap;gap:8px;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--line,#ddd5c8)}
@media(min-width:481px) and (max-width:1080px){.name-overview-actions{align-items:center;gap:24px}.name-detail-nav-links{flex:1;flex-direction:row}.name-overview-actions .collection-actions{flex-shrink:0;margin:0;padding:0;border-top:0}}
@media(max-width:480px){.name-detail-nav-links{flex-direction:row}.name-overview-actions .collection-actions{margin-top:8px;padding-top:12px}}
.collection-icon-action[data-collection-save][aria-pressed=true]{color:var(--red,#b5322e);border-color:var(--red,#b5322e);background:var(--red-soft,#f4e5e1)}
@media(min-width:768px){.collection-empty p{max-width:none;white-space:nowrap}}