:root{--ink:#484254;--muted:#817b89;--line:#e9e6ed;--pink:#f7e9f0;--accent:#a95886;--bg:#fefcfe}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}header{background:linear-gradient(105deg,#fff4fa,#f8f5ff);border-bottom:1px solid var(--line);padding:30px 20px}.inner{max-width:1120px;margin:auto}header small{color:#aa7795;letter-spacing:.13em;font-weight:700}h1{font-size:clamp(25px,4vw,37px);margin:9px 0 8px}p{line-height:1.7}header p{font-size:14px;margin:0;color:var(--muted)}main{padding:22px 16px 75px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:19px;margin-bottom:18px}.searchrow{display:flex;gap:8px}input[type=search]{width:100%;min-width:0;padding:14px;border:1px solid #ddd5e2;border-radius:12px;outline:none;font-size:15px}input:focus,select:focus,button:focus-visible{outline:2px solid #c480aa;outline-offset:2px}.clear{border:1px solid var(--line);background:white;color:var(--muted);border-radius:12px;padding:0 15px;white-space:nowrap}.filterrow{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 0}.filtertitle{font-size:12px;color:var(--muted);margin-top:16px;font-weight:650}.chip{border:1px solid #e7dce6;background:white;border-radius:999px;color:#65596b;padding:8px 14px;font-size:13px}.chip.on{background:var(--pink);border-color:#e1bad1;color:#913d72}.advanced{margin-top:12px;border:0;background:transparent;color:var(--accent);padding:8px 0;font-size:13px;text-decoration:underline}.advancedpanel[hidden]{display:none}.advancedgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:8px 0}.advancedgrid label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.advancedgrid select{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:11px}.selected{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.selected button{border:0;border-radius:999px;background:#f3f1f5;color:#6d5c6c;padding:6px 10px;font-size:12px}.summary{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:19px 2px 11px}.list-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.shuffle,.order-reset{border:1px solid #e2c8da;border-radius:999px;background:#fff;color:#8b456e;padding:8px 12px;font-size:12px}.shuffle:hover,.order-reset:hover{background:#fff0f7}.shuffle:focus-visible,.order-reset:focus-visible{outline:2px solid #c480aa;outline-offset:2px}.summary strong{font-size:15px}.summary span{font-size:12px;color:var(--muted)}.sectionlabel{font-size:12px;color:#997d90;letter-spacing:.05em;margin:20px 3px 10px}.library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tile{min-width:0;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #ece6ed;border-radius:13px;min-height:70px;padding:12px 8px;color:var(--ink);transition:background .15s,border-color .15s;position:relative}.tile:hover{background:#fff7fb;border-color:#e5c8dc}.tile:active{background:#f8e5f0}.tile pre{margin:0;font-size:14px;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;display:block;text-align:left;transform-origin:center center;max-width:none}.tile.long{grid-column:span 2;min-height:80px}.tile.multi{grid-column:1/-1;min-height:130px;padding:21px 10px;background:#fffefe}.tile.multi pre{font-size:13px}.tile.copied{background:#f4eaf2;border-color:#ba85a5}.tile .copied-label{position:absolute;right:7px;bottom:5px;font-size:10px;color:#8a4774;pointer-events:none}.loadmore{display:block;margin:22px auto;background:white;border:1px solid #decfdb;border-radius:999px;padding:12px 25px;color:#8d5173}.empty{text-align:center;padding:50px 12px;color:var(--muted)}.subtle{color:var(--muted);font-size:12px}.footnote{font-size:12px;color:var(--muted);margin-top:22px}footer{padding:24px;color:#ada0ac;border-top:1px solid var(--line);font-size:12px;text-align:center}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#4e4556;color:white;border-radius:99px;padding:11px 19px;z-index:10;font-size:13px;box-shadow:0 9px 25px #0002}#toast[hidden],[hidden]{display:none!important}@media(max-width:800px){.library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.library{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tile{min-height:68px;padding:11px 5px}.tile.long,.tile.multi{grid-column:1/-1}.tile.multi{min-height:115px}.panel{padding:14px;border-radius:15px}.advancedgrid{grid-template-columns:1fr}.chip{font-size:12px;padding:7px 11px}header{padding:23px 15px}}
.spothead{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.spothead strong{font-size:15px}.spothead span{font-size:12px;color:var(--muted)}.season-picks{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.season-picks button{border:1px solid #e9d5e4;border-radius:12px;background:#fff9fc;color:#80536d;padding:11px 16px;cursor:pointer}.season-picks button:hover{background:#f9eaf3}.extra-axes{margin-top:20px;margin-bottom:8px} .extra-axes select{max-width:100%}

.site-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.site-nav a,.browse a{border:1px solid #e8dce7;background:#fff;color:#774a66;text-decoration:none;padding:9px 13px;border-radius:999px;font-size:13px}
.site-nav a:hover,.browse a:hover{background:#ffecf6}
.browse{padding:18px 16px;margin-bottom:18px}
.browse h2{font-size:17px;margin:0 0 11px}
.browse .links{display:flex;gap:9px;flex-wrap:wrap}
.browse small{display:block;color:#857a87;margin-top:8px}
.page-intro{max-width:1000px;padding:14px 3px 20px}
.page-intro h2{font-size:20px;margin:6px 0}
.page-intro p{font-size:13px;color:#817b89}
.ad-slot{background:#faf8fb;border:1px dashed #dbd3dc;color:#958898;border-radius:12px;text-align:center;padding:16px 10px;margin:20px 0;font-size:12px}
.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.info-cards article{padding:16px;background:white;border:1px solid #e9e6ed;border-radius:12px}
.info-cards h3{margin:0 0 7px;font-size:15px}
.info-cards p{margin:0;color:#817b89;font-size:13px}
footer a{color:#80536d}
@media(max-width:560px){.info-cards{grid-template-columns:1fr}}

.static-category{margin:30px 0 26px;padding:22px;background:#fff;border:1px solid #f0e8ee;border-radius:18px}.static-category h2{font-size:18px;margin-top:0}.static-category p{font-size:13px;line-height:1.8;color:#635e66}.static-category ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:0;list-style:none}.static-category li{background:#faf6fa;border-radius:10px;padding:14px 9px;overflow-wrap:anywhere;text-align:center}.static-category code{font-family:inherit;white-space:pre-wrap;font-size:14px}
.page-intro h1{font-size:20px;margin:6px 0}.header-brand{font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.3;letter-spacing:-.02em}

/* Ver.10 — single navigation + one search box */
header .inner{padding-bottom:28px!important}
.clean-search{margin-top:12px!important;margin-bottom:18px!important;padding:20px 22px!important}
.topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}
.topic-pill,.more-topics>summary{display:inline-flex;align-items:center;justify-content:center;min-height:39px;white-space:nowrap;border-radius:999px;border:1px solid #eadbe7;background:white;color:#76516e;text-decoration:none;font-size:13px;font-weight:600;padding:9px 15px;cursor:pointer;line-height:1.2;list-style:none}
.topic-pill:hover,.more-topics>summary:hover{background:#fff2f8}
.topic-pill.active{background:#fae9f3;border-color:#e9b7d1;color:#a34179}
.more-topics>summary::-webkit-details-marker{display:none}
.more-topics>summary span{margin-left:7px}
.more-topics[open]{flex-basis:100%}
.topic-more{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0}
.clean-search .searchrow{margin:0}
.clean-search input{font-size:16px}
@media(max-width:600px){.clean-search{padding:16px!important}.topic-nav{gap:7px}.topic-pill,.more-topics>summary{font-size:12px;padding:8px 11px;min-height:36px}}

.filter-area{padding-top:16px;display:grid;gap:11px}.filter-line{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px;align-items:start}.filter-name{font-size:13px;font-weight:700;color:#827184;padding-top:10px}.chip-row{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.chip-row .chip{font-size:13px;padding:8px 12px}.chip-row select{border:1px solid #e8dce7;border-radius:18px;background:#fff;padding:8px 12px;color:#67445c;font:inherit;font-size:13px;max-width:100%}.selected-filters{display:flex;gap:6px;flex-wrap:wrap}.selected-filters:empty{display:none}.related-pages{padding:20px 4px;font-size:12px;color:#8a7986}.related-pages a{color:#77536c}.clean-search{padding:20px!important}@media(max-width:600px){.filter-line{grid-template-columns:1fr;gap:5px}.filter-name{padding-top:0}.chip-row{gap:6px}.chip-row .chip{padding:8px 10px}}

/* Ver.12: pastel editorial visual system. Changes appearance only. */
:root{--ink:#414149;--muted:#81808b;--line:#ded9df;--pink:#f4d5e5;--accent:#9a6281;--bg:#f8f7f8;--blue:#ceddff;--blue-ink:#4b618d;--tile-line:#e9e6eb}
body{background-color:#f9f8fa;background-image:linear-gradient(to right,rgba(179,174,185,.095) 1px,transparent 1px),linear-gradient(to bottom,rgba(179,174,185,.095) 1px,transparent 1px);background-size:30px 30px;background-position:center top;color:var(--ink)}
header{position:relative;background:linear-gradient(115deg,#f8e5ed 0%,#faf3f7 52%,#edf2fa 100%);border-bottom:1px solid #e5dfe7;padding:34px 20px 30px}
header small{color:#956f86;letter-spacing:.15em;font-size:11px}
header h1,header .header-brand{color:#41434e;letter-spacing:-.03em;font-weight:800}
header p{color:#737782}
main.inner{padding-top:25px}
.panel,.clean-search{background:rgba(255,255,255,.965);border:1px solid #e4dfe5;border-radius:19px;box-shadow:0 5px 22px rgba(61,62,79,.027)}
input[type=search]{background:#fff;border:1px solid #ddd8e0;color:#444450;border-radius:12px;box-shadow:inset 0 1px 2px #00000006}
input[type=search]::placeholder{color:#9c99a3}
input:focus,select:focus,button:focus-visible{outline:2px solid #9fb8e9;outline-offset:2px}
.clear{border-color:#dddce3;background:#f7f7f9;color:#656672;font-weight:600}
.filter-name{color:#666773;letter-spacing:.035em}
.chip{background:#fdfbfd;border-color:#e9d7e2;color:#665968;font-weight:500}
.chip:hover{background:#fff2f8;border-color:#ddb4cc}
.chip.on{background:#d8e3ff;border-color:#aec4ed;color:#364e79;box-shadow:inset 0 0 0 1px #c3d2f2;font-weight:700}
.chip-row select,.advancedgrid select{border-color:#e2dce4;color:#555461;background:#fff}
.advanced,.related-pages a{color:#7d6480}
.related-pages{border-top:1px solid #eeeaf0;margin-top:28px;color:#898791}
.selected button{background:#eef2ff;color:#52658d}
.summary strong{color:#424654}.summary span,.sectionlabel{color:#85828b}
.shuffle{background:#ecf1ff;border-color:#c5d3f4;color:#4d6492;font-weight:700}.shuffle:hover{background:#dde9ff}
.order-reset{background:white;border-color:#e3dce6;color:#73717d}.order-reset:hover{background:#f6f3f7}
.library{gap:10px}.tile{background:#ffffff;border:1px solid #e8e5e9;border-radius:13px;box-shadow:0 2px 8px #44445c07;color:#3e424c}
.tile:hover{background:#f9fbff;border-color:#b8c9e9;box-shadow:0 3px 12px #5e789118}
.tile:active,.tile.copied{background:#edf3ff;border-color:#a7bae5}.tile.multi{background:#fff}
.tile .copied-label{color:#4b6494}
.loadmore{background:#eff3ff;border-color:#cad8ef;color:#506591;font-weight:700}
.page-intro h1{color:#454651}.page-intro p{color:#82808a}
footer{background:#faf8fae8;color:#97909b;border-top:1px solid #eae5eb}footer a{color:#766e83}
#toast{background:#4c5363;color:#fff}
@media(max-width:560px){header{padding:25px 15px 23px}main.inner{padding-top:16px}.library{gap:7px}.tile{box-shadow:none}.clean-search{border-radius:16px}}

/* Profile page — subdued framing, no motifs to compete with the materials */
.profile-header{background:#f7eef4;padding:60px 20px 50px;border-bottom:1px solid #e9dce4;text-align:center}
.profile-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:#b48aab}
.profile-header h1{margin:13px 0 7px;font-size:clamp(32px,5vw,46px);color:#484953;letter-spacing:.025em}
.profile-header p{color:#7f7d86;margin:0}
.profile-main{padding-top:35px;padding-bottom:55px;max-width:1000px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.profile-card{background:#fff;border:1px solid #eae3eb;border-radius:19px;padding:28px 30px;box-shadow:0 4px 20px #56607608}
.profile-card h2{margin:0 0 15px;color:#464751;font-size:19px}
.profile-card p{line-height:1.9;color:#77757d;font-size:14px}
.profile-muted{margin-top:-3px}
.profile-links{display:grid;gap:10px;margin-top:18px}
.profile-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:14px 17px;background:#fbf8fb;border:1px solid #ebdce8;border-radius:12px;color:#51505d;transition:background .15s}
.profile-links a:hover{background:#f0f3ff;border-color:#c4d1ee}
.profile-links strong{display:block;font-weight:700;font-size:14px}
.profile-links small{display:block;margin-top:3px;color:#8c8992;font-size:12px}
.profile-site{margin-top:18px}
.profile-back{display:inline-block;text-decoration:none;margin-top:12px;padding:11px 20px;border-radius:999px;background:#e5ecff;border:1px solid #c8d5ef;color:#455a85;font-weight:700;font-size:13px}
@media(max-width:700px){.profile-grid{grid-template-columns:1fr}.profile-card{padding:22px}.profile-header{padding:40px 15px 34px}}

/* Emoji presence is an independent condition within the single type-filter row. */
.emoji-modes{margin-top:8px;padding-top:9px;border-top:1px solid rgba(160,145,160,.18)}

/* v20: keep long decorations inside their individual cards */
.tile{overflow:hidden}.tile pre{max-width:none;flex-shrink:0}
#emoji-modes{margin-top:7px}

/* Multiline X comparison preview; regular cards and the saved text are unchanged. */
.multi-result{grid-column:1/-1;position:relative;min-width:0}
.multi-result>.tile.multi{width:100%;display:flex;overflow:hidden;padding-bottom:44px}
.x-preview-trigger{position:absolute;right:13px;bottom:10px;border:1px solid #cbd8f4;border-radius:999px;background:#f4f7ff;color:#4a6089;padding:6px 12px;font-size:12px;font-weight:650;z-index:2}
.x-preview-trigger:hover{background:#e9efff}
.x-preview-open{overflow:hidden}
.x-preview-overlay[hidden]{display:none!important}
.x-preview-overlay{position:fixed;inset:0;z-index:1000;background:#17192399;padding:20px;display:grid;place-items:center}
.x-preview-panel{width:min(100%,680px);max-height:92dvh;overflow:auto;background:#fff;border-radius:20px;padding:18px;box-shadow:0 15px 70px #0004;color:#252a34}
.x-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.x-preview-head strong{font-size:17px}
#x-preview-close{font-size:27px;border:0;background:transparent;color:#5a5d66;line-height:1;padding:4px 10px}
.x-preview-explain{font-size:12px;color:#6e7280;line-height:1.6;margin:9px 0}
.x-preview-modes{display:flex;gap:8px;margin:14px 0}
.x-preview-modes button{border:1px solid #dde1e8;background:white;color:#3f4a58;padding:8px 12px;border-radius:999px;font-size:12px}
.x-preview-modes button[aria-pressed="true"]{background:#e8efff;border-color:#a8bee9;color:#304e86;font-weight:700}
.x-preview-stage{background:#f5f6f8;border-radius:15px;padding:15px;overflow:auto;display:flex;justify-content:center}
.x-preview-post{display:flex;gap:10px;background:white;padding:17px 12px;border:1px solid #e1e5e9;border-radius:14px;max-width:100%;width:360px}
.x-preview-avatar{width:35px;height:35px;flex:none;background:#e9d4e1;border-radius:50%}
.x-preview-body{min-width:0;flex:1}
.x-preview-author{font-family:-apple-system,BlinkMacSystemFont,Arial,"Hiragino Kaku Gothic ProN",sans-serif;font-size:14px;font-weight:700;white-space:nowrap}
.x-preview-author span{color:#74808c;font-weight:400;font-size:12px}
.x-preview-content{max-width:100%;overflow-x:auto}
.x-preview-content pre{margin:11px 0 0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:15px;line-height:1.55;white-space:pre;letter-spacing:normal;width:max-content;max-width:none;tab-size:4}
.x-preview-overlay[data-mode="pc"] .x-preview-post{width:580px}
.x-preview-overlay[data-mode="pc"] .x-preview-content pre{font-family:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:15px;line-height:1.5}
.x-preview-foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:15px}
.x-preview-foot button{border-radius:999px;border:1px solid #d4d9e1;background:#fff;padding:10px 14px;color:#3a4253}
#x-preview-copy{background:#e5eeff;border-color:#b9cdf0;color:#294776;font-weight:700}
@media(max-width:560px){.x-preview-overlay{padding:10px}.x-preview-panel{padding:13px}.x-preview-stage{padding:9px}.x-preview-post{padding:12px 8px;gap:7px}.x-preview-content pre{font-size:14px}}

/* v22: desktop emoji chips align with the type chips instead of the label column. */
@media (min-width:601px){
  .filter-line > #types{grid-column:2;grid-row:1;}
  .filter-line > #emoji-modes{grid-column:2;grid-row:2;margin-top:0;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;}
  #emoji-modes > .chip{flex:0 0 auto;width:auto;max-width:none;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}
}