@charset "UTF-8";
:root{--paper:#fbfaf6;--white:#fffefa;--ink:#263c34;--muted:#6e7c68;--green:#24594b;--soft:#e9eee3;--line:#dfe3d6;--orange:#ce7855;--sans:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}h1,h2,h3,p{margin:0}svg{display:block}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;padding:10px 20px;background:var(--green);color:white}.skip-link:focus{top:12px}.js-only{display:none}.js .js-only{display:flex}[hidden]{display:none!important}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;line-height:1.2;white-space:nowrap;letter-spacing:.7px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--green);color:var(--paper);font-size:15px;transform:rotate(-5deg);letter-spacing:-1px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:24px;font-size:12px}.nav-tool{min-height:44px;align-items:center;padding:6px 0}.nav-tool:hover{color:var(--orange)}.header-favorites{align-items:center;gap:8px;padding:8px 13px;border:1px solid #cbd3c6;border-radius:30px;min-height:40px}.header-favorites #header-count{font-size:11px;background:var(--soft);padding:1px 6px;border-radius:20px}.header-favorites .icon{width:15px}.header-favorites:hover{background:var(--soft)}
.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 28px;gap:20px}.eyebrow{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--green)}.eyebrow>span{width:5px;height:5px;background:var(--orange);border-radius:50%}.intro h1{font-size:36px;font-weight:650;letter-spacing:1px;line-height:1.5;margin:5px 0}.intro em{font-style:normal;position:relative}.intro em:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange);transform:rotate(-1deg)}.intro-note{font-size:12px;color:var(--muted);margin-top:6px;letter-spacing:.3px}.intro-sticker{text-align:center;border:1px solid #d6dfcc;background:#edf1e5;border-radius:6px;padding:12px 25px;transform:rotate(3deg);box-shadow:4px 4px 0 #e9e9df;margin-right:6px}.intro-sticker>span{font-size:29px}.intro-sticker small{display:block;font-size:10px;color:#738267;letter-spacing:.8px;margin-top:5px}
.tool-section{border-block:1px solid var(--line);background:#f3f5ed;padding:26px 0 38px}.search-row{display:flex;gap:12px}.search-box{height:54px;flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0 17px;background:var(--white);border:1px solid #cbd5c3;border-radius:8px;box-shadow:0 2px 3px #283c3208}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #24594b0c}.search-box .icon{color:#75876b}.search-box input{width:100%;min-width:0;height:100%;border:0;background:transparent;font-size:14px;outline:none}.search-box input::placeholder{color:#818a7a}.search-box kbd{border:1px solid var(--line);padding:0 6px;border-radius:3px;font-size:12px;color:#78856c}.random-button{align-items:center;gap:9px;border:1px solid #d1dbc8;border-radius:7px;padding:0 20px;background:#e9eedf;font-size:12px;white-space:nowrap}.random-button:hover{background:#dfe7d5}.quick-search{align-items:center;gap:8px;padding:10px 0 20px;font-size:11px;flex-wrap:wrap}.quick-search>span{color:#738269;margin-right:2px}.quick-search button,.empty-suggestions button{border:1px solid #d7dfcf;border-radius:20px;padding:3px 12px;background:transparent;min-height:30px}.quick-search button:hover,.empty-suggestions button:hover{background:#e3ead9}.workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px}.sidebar,.results{min-width:0}.sidebar-label{font-size:11px;color:#6d7c62;display:flex;align-items:center;justify-content:space-between;margin:4px 0 13px}.sidebar-label span{font-size:8px;letter-spacing:1px;color:#8b977f}.category-list{display:flex;flex-direction:column;gap:3px}.category-button{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:9px 10px;border-radius:6px;min-height:39px;font-size:12px}.category-button:hover{background:#e6ecdd}.category-button.active{background:var(--green);color:var(--white)}.category-face{font-size:19px;width:23px;text-align:center;color:#7b8e6e}.category-button.active .category-face{color:#dce8c8}.category-count{margin-left:auto;font-size:10px;opacity:.65}.sidebar-note{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);text-align:center;color:#8a987d}.sidebar-note>span{font-size:25px}.sidebar-note p{font-size:11px;line-height:1.9;margin-top:12px}
.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.view-tabs{gap:25px;align-items:center}.view-tabs button{padding:3px 0 11px;border-bottom:2px solid transparent;font-size:12px;color:#75836a;min-height:37px;white-space:nowrap}.view-tabs button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}.results-toolbar>p{font-size:11px;color:#78856c;white-space:nowrap}.js .filter-panel{display:block;border:1px solid #dbe2d0;background:#edf1e6;border-radius:7px;margin-bottom:16px}.filter-panel summary{cursor:pointer;display:flex;align-items:center;gap:10px;list-style:none;padding:9px 13px;font-size:11px;min-height:39px}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary>span:first-of-type{font-size:10px;color:#79896b}.filter-panel summary>span:last-child{margin-left:auto;font-size:18px;line-height:1}.filter-panel[open] summary>span:last-child{transform:rotate(45deg)}.facet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 13px 12px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#66765e;min-width:0}.field select,.field textarea,input:not([type=search]),.manage-row select{width:100%;border:1px solid #cbd5c2;border-radius:6px;background:var(--white);padding:9px 11px;min-height:42px;min-width:0;font-size:13px}.field select{padding-right:20px}.filter-help{font-size:10px;color:#718366;padding:0 13px 12px}.active-context{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e3ebda;padding:9px 12px;border-radius:5px;font-size:11px;margin-bottom:14px;overflow-wrap:anywhere}.active-context button{white-space:nowrap;text-decoration:underline;min-height:30px}.collection-tools{flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;background:#eaf0e0;padding:13px;border-radius:7px;margin-bottom:12px}.collection-tools label{display:flex;gap:7px;flex-direction:column;font-size:11px}.collection-tools select{border:1px solid #c9d4bd;border-radius:5px;padding:6px 8px;background:var(--white);max-width:220px;min-height:36px}.collection-tools>div{display:flex;gap:9px;flex-wrap:wrap}.collection-tools button{font-size:11px;min-height:36px;text-decoration:underline;text-underline-offset:3px}.collection-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;color:#6c7e5d;font-size:11px}.collection-actions>div{display:flex;gap:13px}.collection-actions button{font-size:11px;text-decoration:underline;min-height:34px}
.kaomoji-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kaomoji-card{border:1px solid #dce2d3;border-radius:9px;background:var(--white);min-width:0;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.kaomoji-card:hover{transform:translateY(-2px);border-color:#a7b59a;box-shadow:0 4px 12px #2f462507}.card-meta{display:flex;justify-content:space-between;align-items:center;min-height:36px;padding:0 9px 0 13px}.card-meta>span{font-size:10px;color:#6e7b62;min-width:0}.favorite-button{align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#93a286;flex-shrink:0}.favorite-button .icon{width:15px;height:15px}.favorite-button:hover{color:#b27438;background:#fcf0e2}.favorite-button[aria-pressed=true]{color:#ae762e}.favorite-button[aria-pressed=true] .icon{fill:#edcf85}.face-copy{width:100%;min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:9px 8px 12px}.face-text{font-size:24px;line-height:1.6;white-space:nowrap;max-width:100%;user-select:text}.face-long{font-size:20px}.copy-hint{display:flex;align-items:center;gap:5px;color:#7c896f;font-size:10px}.copy-hint .icon{width:11px;height:11px}.kaomoji-card:hover .copy-hint{color:var(--green)}.card-bottom{align-items:center;justify-content:space-between;border-top:1px solid #edf0e6;margin:0 12px;min-height:34px;gap:5px}.card-bottom>span{font-size:9px;color:#87927c}.card-bottom button{font-size:10px;min-height:34px;color:var(--green);padding:5px}.card-bottom button:hover{text-decoration:underline}.kaomoji-card.copied{border-color:var(--green);background:#eaf2e4}.load-more-wrap{align-items:center;flex-direction:column;margin-top:25px}.load-more-wrap p{font-size:11px;color:#7d8b70;margin-top:10px}.button-outline,.button-solid{display:inline-flex;justify-content:center;align-items:center;gap:13px;border-radius:6px;padding:10px 18px;min-height:43px;font-size:12px}.button-outline{border:1px solid #bdcbb1}.button-outline:hover{background:#e9eedf}.button-solid{background:var(--green);color:var(--white);border:1px solid var(--green)}.button-solid:hover{background:#163e32}.grid-note{text-align:center;font-size:10px;color:#859478;margin-top:18px}.empty-state{border:1px dashed #bdcdb0;border-radius:9px;text-align:center;padding:38px 20px;background:#fafbf5}.empty-state>span{font-size:29px;color:#8b9d7c}.empty-state h2{font-size:19px;margin-top:15px}.empty-state p{font-size:12px;color:#758b64;margin:10px 0 20px}.empty-suggestions{display:flex;gap:8px;justify-content:center;font-size:11px;margin-top:18px}.notice{font-size:13px;padding:15px;border:1px solid var(--line);margin-bottom:20px}
.little-tools{display:grid;grid-template-columns:190px 1fr 1fr;gap:22px;padding:45px 0;border-bottom:1px solid var(--line)}.little-tools h2,.guide h2{font-size:26px;line-height:1.5;font-weight:500;margin-top:10px;letter-spacing:1px}.tool-link{flex-direction:column;align-items:flex-start;border:1px solid #dce1d2;border-radius:9px;padding:22px;text-align:left;position:relative;background:#f1f2e8}.tool-link:hover{border-color:#9fae91;background:#eaeee0}.tool-link>span:first-child{font-size:26px;color:#81966f;margin-bottom:12px}.tool-link strong{font-size:14px;font-weight:500}.tool-link small{font-size:11px;color:#7b896f;margin-top:6px}.tool-arrow{position:absolute;right:22px;top:23px;font-size:21px;color:#a18455}.guide{display:grid;grid-template-columns:260px 1fr;gap:50px;padding:42px 0}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-size:13px;min-height:58px;padding:15px 0}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#7e8d70}.faq p{font-size:12px;line-height:2;color:#77836c;padding-bottom:17px}.site-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:#7a886e}.site-footer>a{font-size:14px;color:var(--green);font-weight:600}.site-footer small{display:block;font-size:10px;font-weight:400;margin-top:3px}.site-footer button{margin-left:auto;min-height:40px;align-items:center;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;gap:10px;align-items:center;background:var(--green);color:white;border-radius:8px;box-shadow:0 6px 24px #173e2c26;padding:13px 20px;font-size:13px;width:max-content;max-width:calc(100% - 28px);pointer-events:none}
/* Dialogs form the optional workspace, leaving the copy-first list uncluttered. */
dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #cbd5c0;border-radius:12px;padding:34px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #16312230}dialog::backdrop{background:#17362866;backdrop-filter:blur(3px)}.wide-dialog{width:min(640px,calc(100% - 28px))}.manage-dialog{width:min(760px,calc(100% - 28px))}.dialog-close{position:absolute;top:9px;right:10px;width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0;line-height:1;color:#788c6b}.dialog-close::before,.dialog-close::after{content:"";position:absolute;top:50%;left:50%;width:17px;height:2px;border-radius:1px;background:currentColor;pointer-events:none}.dialog-close::before{transform:translate(-50%,-50%) rotate(45deg)}.dialog-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.dialog-close:hover{background:var(--soft)}dialog h2{font-size:24px;font-weight:550;margin:13px 0}.dialog-intro,dialog>p:not(.eyebrow){font-size:12px;color:#6b7d61;line-height:1.9;margin:12px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.large-face{display:block;background:#eaf0e2;border-radius:9px;font-size:clamp(24px,5vw,38px);padding:26px 12px;text-align:center;margin:20px 0 12px;overflow-wrap:anywhere}#inspiration-label{text-align:center}.two-fields,.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.field textarea{resize:vertical;font-size:15px;line-height:1.8;min-height:108px;max-height:230px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#75866a;margin:22px 0 8px;gap:10px}.sentence-preview{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2e5;border:1px solid #d7e0cd;border-radius:9px;padding:22px;font-size:20px;min-height:100px;line-height:1.8}.fine-print{font-size:11px!important;color:#78866f!important;margin:10px 0;line-height:1.9}.inline-form{display:flex;gap:9px;margin-top:22px}.inline-form input{flex:1}.inline-form button{white-space:nowrap}.group-edit{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:18px}.group-edit .field{flex:1 1 170px}.group-edit input{flex:1 1 150px;width:auto}.text-button{font-size:11px;min-height:42px;text-decoration:underline}.manage-list{max-height:350px;overflow:auto;margin-top:12px;border-top:1px solid var(--line)}.manage-row{display:grid;grid-template-columns:minmax(100px,1fr) 150px auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.manage-identity{min-width:0}.manage-identity>span{display:block;font-size:18px;overflow-wrap:anywhere}.manage-identity>small{font-size:10px;color:#7d8d6e}.manage-buttons{display:flex;gap:3px}.manage-buttons button{width:36px;height:36px;border:1px solid #d2dcc7;border-radius:5px;background:#eef2e7}.manage-buttons button:hover:not(:disabled){background:#dfe9d6}#manage-status{font-size:11px;color:#6b7f5e;margin-top:12px}#manual-text{width:100%;padding:15px;font-size:18px;line-height:1.8;resize:vertical;border:1px solid #bdcbb2;border-radius:6px;background:var(--white);margin:12px 0}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.workspace{grid-template-columns:150px minmax(0,1fr);gap:20px}.kaomoji-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facet-grid{grid-template-columns:1fr 1fr}.little-tools{grid-template-columns:160px 1fr 1fr;gap:14px}.little-tools h2,.guide h2{font-size:23px}.guide{grid-template-columns:200px 1fr;gap:30px}.tool-link{padding:18px}.intro h1{font-size:32px}.sidebar-label span{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{height:68px;gap:8px}.brand{font-size:17px;gap:9px}.brand-mark{width:37px;height:38px;font-size:13px;border-radius:10px}.brand small{font-size:6px;letter-spacing:1.5px}.site-header nav{gap:10px}.nav-tool{display:none!important}.header-favorites{padding:6px 10px;font-size:11px;gap:5px}.intro{padding:21px 0 20px;gap:8px}.intro h1{font-size:28px;letter-spacing:.5px;margin:4px 0}.intro .eyebrow{font-size:9px;letter-spacing:1px}.intro-note{font-size:10px;letter-spacing:0;margin-top:5px}.intro-sticker{display:none}.tool-section{padding-top:16px;padding-bottom:28px}.search-box{height:49px;padding:0 12px;gap:8px}.search-box input{font-size:13px}.search-box kbd{display:none}.random-button{padding:0 13px}.random-button>span{display:none}.search-row{gap:8px}.quick-search{font-size:10px;gap:6px;padding:9px 0 14px}.quick-search>span{display:none}.quick-search button{padding:3px 10px;min-height:30px}.workspace{grid-template-columns:minmax(0,1fr);gap:12px}.sidebar-label{display:none}.category-list{flex-direction:row;overflow-x:auto;gap:7px;padding:3px 1px 9px;scrollbar-width:thin;scrollbar-color:#c5d2b8 transparent}.category-button{width:auto;flex-shrink:0;border:1px solid #d8e1cd;padding:7px 10px;min-height:37px;font-size:11px;gap:6px}.category-face{font-size:17px;width:19px}.category-count{font-size:9px;margin-left:3px}.category-button.active{border-color:var(--green)}.sidebar-note{display:none}.view-tabs{gap:22px}.view-tabs button{font-size:11px;min-height:35px;padding-bottom:9px}.results-toolbar{margin-bottom:9px}.results-toolbar>p{font-size:10px}.filter-panel summary{min-height:37px;padding:7px 10px;font-size:10px;gap:8px}.filter-panel summary>span:first-of-type{font-size:9px}.js .filter-panel{margin-bottom:12px}.kaomoji-grid{gap:10px}.card-meta{min-height:37px;padding-left:10px;padding-right:5px}.favorite-button{width:38px;height:38px}.face-copy{min-height:89px;gap:12px;padding:7px 7px 11px}.face-text{font-size:22px}.face-long{font-size:17px}.card-meta>span{font-size:10px}.copy-hint{font-size:9px}.card-bottom{margin:0 9px;min-height:34px}.card-bottom>span{font-size:8px}.card-bottom button{font-size:10px}.grid-note{font-size:9px}.collection-tools{padding:11px;gap:8px}.collection-tools>div{gap:11px}.collection-tools button{font-size:10px}.collection-actions{font-size:10px}.collection-actions button{font-size:10px}.little-tools{grid-template-columns:1fr 1fr;gap:12px;padding:28px 0}.little-tools>div{grid-column:1/-1}.little-tools h2{font-size:22px;line-height:1.4;margin-top:5px}.little-tools h2 br{display:none}.tool-link{padding:15px}.tool-link>span:first-child{font-size:20px;margin-bottom:12px}.tool-link strong{font-size:12px}.tool-link small{font-size:10px}.tool-arrow{top:16px;right:13px;font-size:16px}.guide{grid-template-columns:1fr;gap:15px;padding:28px 0}.guide h2{font-size:22px;margin-top:5px}.guide h2 br{display:none}.faq summary{font-size:12px;min-height:54px}.faq p{font-size:12px}.site-footer{gap:10px;font-size:10px;padding:19px 0}.site-footer>a{font-size:13px}.site-footer>span{display:none}.site-footer button{font-size:10px}.toast{font-size:12px;bottom:16px;padding:12px 16px}dialog{padding:29px 20px;max-height:calc(100dvh - 24px)}dialog h2{font-size:21px}.large-face{padding:22px 7px}.dialog-intro{font-size:11px}.sentence-preview{font-size:18px;padding:16px}.field select,.field textarea{font-size:16px}.two-fields,.builder-fields{gap:10px}.dialog-actions{gap:8px;margin-top:18px}.button-outline,.button-solid{font-size:11px;padding:9px 13px}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:100%;font-size:16px}.group-edit input{font-size:16px}.manage-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px 0}.manage-identity{grid-column:1/-1}.manage-row select{font-size:13px}.manage-list{max-height:290px}.manage-buttons button{width:35px}.preview-heading{font-size:10px}.filter-help{font-size:10px}.empty-state{padding:30px 15px}.empty-state h2{font-size:17px}}
@media(max-width:370px){.wrap{width:calc(100% - 26px)}.intro h1{font-size:25px}.intro-note{font-size:9px}.quick-search{gap:5px}.quick-search button{padding:3px 8px;font-size:9px}.view-tabs{gap:17px}.view-tabs button{font-size:10px}.face-text{font-size:19px}.face-long{font-size:15px}.collection-tools>div{gap:8px}.field select{padding-inline:7px}.tool-link strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.dialog-status{color:var(--green)!important;background:var(--soft);padding:10px 12px;border-radius:6px;font-size:12px!important}

/* Builder choices show the actual symbols; bookmark help stays separate from saved faces. */
.bookmark-button{align-items:center;justify-content:center;min-height:44px;padding:6px 12px;border:1px solid #cbd3c6;border-radius:7px;white-space:nowrap;font-size:12px}.bookmark-button:hover{background:var(--soft)}
.builder-preview-wrap{border:1px solid var(--line);border-radius:9px;background:#eaf0e2;margin-top:18px;padding:12px 16px}.builder-preview-wrap .preview-heading{margin:0}.builder-preview-wrap .large-face{background:none;margin:8px 0;padding:12px 0;font-size:clamp(18px,4vw,30px);white-space:pre;overflow-x:auto;overflow-wrap:normal}.builder-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px}.builder-utilities .button-outline{background:var(--paper);min-height:38px}.builder-fields select{font-size:15px;min-height:46px}.bookmark-steps{margin:20px 0}.bookmark-steps>div{padding:12px 0;border-bottom:1px solid var(--line)}.bookmark-steps dt{font-weight:600;font-size:13px}.bookmark-steps dd{margin:6px 0 0;color:#66765e;font-size:12px;line-height:1.9}.bookmark-steps kbd{background:var(--soft);border:1px solid #bdcbb1;border-radius:4px;padding:1px 6px}.dialog-actions form{margin:0}
@media(max-width:700px){.site-header nav{gap:7px}.favorite-label{display:none}.header-favorites{padding:6px 8px;min-height:44px}.bookmark-button{font-size:11px;padding:6px 8px}.builder-fields{grid-template-columns:minmax(0,1fr)}.builder-fields select{font-size:16px}.builder-preview-wrap{padding:12px}.builder-preview-wrap .large-face{font-size:22px}#bookmark-url{font-size:16px}}
@media(max-width:370px){.brand{font-size:15px;gap:7px}.brand small{font-size:5px}.brand-mark{width:31px;height:34px;font-size:12px}.site-header nav{gap:5px}.bookmark-button{padding:6px;font-size:10px}.header-favorites{padding:6px;gap:3px}}
/* Indexable collections, readable legal text and a real error page share the same palette. */
.footer-privacy,.site-footer>a:last-child:not(:first-child){margin-left:auto;font-size:11px;font-weight:400}
.topic-directory{padding:34px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px 1fr;gap:30px}.topic-directory h2,.topic-guide h2{font-size:23px;font-weight:550;margin:7px 0 12px}.topic-directory p:not(.eyebrow){font-size:12px;color:var(--muted)}.topic-links{display:flex;flex-wrap:wrap;align-content:center;gap:10px}.topic-links a,.error-links a{border:1px solid #cad5c0;background:#f1f4e9;border-radius:7px;padding:10px 14px;font-size:12px;min-height:42px}.topic-links a:hover,.error-links a:hover{background:#e2ebd9;border-color:#9eb191}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);padding:20px 0}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.topic-intro{padding-bottom:25px}.topic-intro h1{font-size:34px;margin:10px 0}.topic-intro h1>span{font-size:21px;font-weight:400;margin-left:12px}.topic-intro>p:not(.eyebrow){max-width:760px;color:var(--muted);line-height:1.9}.topic-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:12px;color:var(--muted)}.topic-heading{font-size:18px;font-weight:550;margin-bottom:18px}.topic-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 12px;border-top:1px solid var(--line);min-height:40px;font-size:10px;color:var(--muted)}.topic-card-bottom a{padding:10px 2px;color:var(--green)}.topic-grid .face-copy{min-height:108px}.topic-guide{padding-block:35px;max-width:820px}.topic-guide p{color:var(--muted);line-height:1.9;margin-bottom:16px}.topic-guide h2:not(:first-child){margin-top:30px}.example-sentence{background:var(--soft);padding:20px;border-radius:8px;font-size:20px;color:var(--green)!important;overflow-wrap:anywhere}.legal-page{max-width:800px;padding-bottom:45px}.legal-page h1{font-size:30px;margin-bottom:12px}.legal-page h2{font-size:20px;margin:25px 0 10px}.legal-page p{line-height:2;color:var(--muted)}.legal-page .button-solid{margin-top:30px}
.error-page{min-height:100dvh;display:flex;flex-direction:column}.error-main{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;flex:1;padding-block:70px}.error-copy h1{font-size:46px;line-height:1.5;font-weight:600;margin:18px 0}.error-copy em{font-style:normal;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:10px;text-decoration-thickness:2px}.error-copy>p:not(.eyebrow){color:var(--muted);line-height:2;margin-bottom:26px}.error-copy>.button-solid{padding:13px 22px}.error-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.error-art{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center}.error-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:160px;line-height:1;font-weight:800;color:#e3e9da;letter-spacing:6px}.lost-note{position:relative;margin-top:60px;transform:rotate(4deg);border:1px solid #cdd7c2;border-radius:12px;background:#edf1e5;box-shadow:9px 9px 0 #e6e8dc;padding:45px 26px;text-align:center}.lost-note>span{font-size:44px;white-space:nowrap}.lost-note small{display:block;font-size:12px;margin-top:20px;color:var(--muted)}.error-spark{position:absolute;right:15px;bottom:25px;font-size:42px;color:#b38c60}
@media(max-width:700px){.intro h1{font-size:27px}.topic-directory{grid-template-columns:1fr;gap:16px;padding-block:26px}.topic-links{gap:8px}.topic-links a{font-size:11px;padding:9px 12px}.topic-intro h1{font-size:29px}.topic-intro h1>span{display:block;font-size:17px;margin:4px 0 0}.topic-intro>p:not(.eyebrow){font-size:13px}.topic-actions{align-items:flex-start;flex-direction:column;gap:12px}.topic-card-bottom{font-size:9px;margin-inline:9px;gap:4px}.topic-guide{padding-block:25px}.topic-guide h2{font-size:21px}.topic-guide p{font-size:13px}.example-sentence{font-size:17px!important}.error-main{grid-template-columns:1fr;gap:20px;padding-block:30px}.error-copy h1{font-size:31px;margin:12px 0}.error-copy>p:not(.eyebrow){font-size:13px;margin-bottom:20px}.error-copy .eyebrow{font-size:9px}.error-links{gap:7px;margin-top:20px}.error-links a{font-size:10px;padding:8px}.error-art{min-height:240px;grid-row:2}.error-number{font-size:125px;top:0}.lost-note{margin-top:45px;padding:28px 24px}.lost-note>span{font-size:32px}.lost-note small{margin-top:12px}.error-spark{right:10%;bottom:0}.error-page .site-header .button-outline{font-size:10px;padding:8px 10px}.legal-page h1{font-size:25px}}
@media(max-width:370px){.intro h1{font-size:23px}}

.category-help{font-size:11px;color:#66765e;margin:0 0 8px;line-height:1.6}

.category-navigation{padding-block:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;color:var(--muted);font-size:10px;letter-spacing:1px}.category-nav-heading small{display:none}.category-nav-links{display:flex;flex-wrap:nowrap;gap:26px;overflow-x:auto;padding-inline:3px;scrollbar-width:thin;scrollbar-color:#bdcbb1 transparent}.category-nav-links a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;padding:10px 0;border-bottom:3px solid transparent;color:var(--muted);font-size:13px;white-space:nowrap;transition:color .15s,border-color .15s}.category-nav-links a:hover{color:var(--green);border-bottom-color:#bdcbb1}.category-nav-links a[aria-current="page"]{color:var(--green);font-weight:600;border-bottom-color:var(--green)}.category-nav-links a:focus-visible{outline-offset:-3px}
@media(max-width:1100px){.category-nav-heading small{display:block;font-size:9px;letter-spacing:0}}
@media(max-width:700px){.category-nav-heading{padding-top:8px}.category-nav-links{gap:22px}.category-nav-links a{min-height:44px;font-size:12px;padding-block:9px}}