/* White base, black typography, red interaction accents. */
:root{
  font-family:var(--font-ui);
  --font-ui:Inter,"Noto Sans JP",sans-serif;
  color:var(--ink);background:var(--base);font-synthesis:none;
  --base:#ffffff;--ink:#000000;--muted:#737373;--line:#e5e5e5;
  --accent:#dc2626;--accent-hover:#b91c1c;--accent-soft:#fef2f2;
  --surface:#fafafa;--surface-strong:#f5f5f5;
  --sidebar:238px;--preview-size:48px;
}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg{pointer-events:none}[data-icon]{display:inline-flex;align-items:center;justify-content:center}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus{outline:none}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder{color:var(--muted)}input,select{min-width:0;color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;padding:12px;background:var(--base)}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--base);border-right:1px solid var(--line);padding:31px 16px 20px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;gap:12px;padding:0 8px;align-items:flex-start;font-size:16px;font-weight:700;line-height:1.22;letter-spacing:.035em}.brand-mark{width:33px;height:36px;display:flex;align-items:center;gap:3px;flex-shrink:0;margin-top:2px}.brand-mark i{display:block;border:1.7px solid var(--ink);width:8px;height:27px;border-radius:1px}.brand-mark i:nth-child(2){height:33px;transform:rotate(-9deg);background:var(--accent)}.brand-edition{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:10px;white-space:nowrap}.sidebar-rule{height:1px;background:var(--line);margin:25px 8px 17px}.sidebar-search{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:9px 8px;width:100%;text-align:left;border-radius:5px}.sidebar-search:hover{background:var(--surface-strong)}kbd{font-family:inherit;border:1px solid var(--line);font-size:12px;line-height:17px;padding:0 5px;border-radius:3px;color:var(--muted);font-weight:400}.sidebar-search kbd{margin-left:auto}.nav-group{margin-top:27px}.nav-group h2{font-size:12px;font-weight:600;letter-spacing:.10em;color:var(--muted);margin:0 11px 10px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 11px;width:100%;border-radius:5px;font-size:13px;text-align:left;margin:3px 0;min-height:40px;white-space:nowrap}.nav-item>span:first-child{width:19px;flex-shrink:0}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:var(--surface-strong)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-count{margin-left:auto;font-size:12px;color:var(--base);background:var(--accent);padding:1px 6px;border-radius:4px}.soon{font-size:12px;color:var(--muted);margin-left:auto;letter-spacing:0;font-weight:400}.planned{color:var(--muted)}.text-icon{font-family:var(--font-ui);font-size:17px;font-weight:500;letter-spacing:-1px}.sidebar-bottom{margin-top:auto;padding:58px 10px 0;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:12px}.edition-label{font-size:12px;letter-spacing:.09em;font-weight:500}.sidebar-bottom>div{margin-top:12px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.workspace{margin-left:var(--sidebar)}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb svg{width:15px;height:15px}.breadcrumb strong{font-size:12px;font-weight:500;color:var(--ink)}.crumb-slash{color:var(--line)}.topbar-caption{font-size:12px;letter-spacing:.025em}.mobile-menu{display:none!important}main{max-width:1550px;margin:auto;padding:39px 45px 24px}.page-symbol{font-size:29px;letter-spacing:-1.7px;font-weight:500;width:56px;height:53px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;color:var(--ink)}.page-symbol span{color:var(--accent);font-size:24px;align-self:flex-end;margin:0 0 10px -2px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:30px;letter-spacing:.01em;line-height:1.4;margin:0;font-weight:700;display:flex;align-items:center;gap:17px}.collection-count{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:5px}.collection-count svg{width:14px;height:14px}.view-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:47px;gap:18px}.view-tabs{display:flex;gap:22px;align-self:stretch}.view-tab{position:relative;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:0 3px}.view-tab svg{width:15px;height:15px}.view-tab.selected{color:var(--ink);font-weight:600}.view-tab.selected:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--accent)}.search-field{display:flex;align-items:center;gap:7px;width:197px;font-size:12px;color:var(--muted)}.search-field svg{width:15px;height:15px}.search-field input{border:0;background:none;width:100%;padding:8px 0;font-size:12px}.search-field kbd{line-height:16px}.filter-panel{padding:20px 0 21px;display:flex;flex-direction:column;gap:13px}.filter-row{display:flex;align-items:center;gap:19px;min-height:27px}.filter-label{font-size:12px;color:var(--muted);flex-shrink:0}.filter-options{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{font-size:12px;padding:6px 11px;border-radius:5px;color:var(--muted);white-space:nowrap;line-height:1.4;transition:background .15s}.filter-chip:hover{background:var(--surface)}.filter-chip.selected{background:var(--accent-soft);color:var(--accent);font-weight:500}.language-row .filter-chip{padding:5px 11px;font-size:12px}.language-row .filter-chip.selected{background:var(--accent-soft);color:var(--accent)}.text-button{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;padding:4px}.text-button svg{width:12px;height:12px}.language-row .text-button{margin-left:auto}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.preview-input{display:flex;align-items:center;gap:11px;flex:1;min-width:80px;color:var(--muted)}.preview-input input{width:100%;border:0;background:none;font-size:12px;padding:4px 0}.preview-input .text-icon{font-size:16px}.preview-settings{display:flex;align-items:center;gap:13px;flex-shrink:0}.size-control{display:flex;align-items:center;gap:12px}.size-control input{width:80px;accent-color:var(--accent);height:3px}.size-control output{font-family:var(--font-ui);font-size:12px;min-width:32px}.size-control output span{font-size:12px;color:var(--muted);margin-left:2px}.control-divider{height:16px;width:1px;background:var(--line)}.preview-settings select{border:0;font-size:12px;background:transparent;padding:4px 10px 4px 0;cursor:pointer}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--surface-strong);color:var(--ink)}.icon-button svg{width:15px;height:15px}.results-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:22px 0 13px;align-items:center}.results-meta strong{font-family:var(--font-ui);color:var(--ink);font-weight:500;margin-right:3px}.meta-divider{margin:0 10px;color:var(--line)}.results-help{display:flex;gap:5px;align-items:center;font-size:12px}.results-help svg{width:12px;height:12px}.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.font-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--base);position:relative;transition:box-shadow .2s,transform .2s;min-width:0;cursor:pointer}.font-card:hover{box-shadow:0 5px 18px #0000000b;transform:translateY(-2px)}.font-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.font-preview{position:relative;min-height:179px;padding:22px 22px 18px;display:flex;flex-direction:column;justify-content:center;gap:12px;border-bottom:1px solid var(--line);background:var(--base);color:var(--ink);overflow:hidden}.tone-blue,.tone-sand,.tone-rose,.tone-green,.tone-lavender{background:var(--base);color:var(--ink)}.specimen-meta{display:flex;justify-content:space-between;font-family:var(--font-ui);color:currentColor;opacity:.45;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px}.specimen{font-size:var(--preview-size);font-weight:600;letter-spacing:-.035em;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere;min-height:58px;display:flex;align-items:center;padding:2px 0}.specimen.japanese{font-size:calc(var(--preview-size) * .82);letter-spacing:0}.specimen-sub{font-size:12px;line-height:1.5;opacity:.66;letter-spacing:.015em}.card-body{padding:18px 18px 17px;position:relative}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:5px}.font-name{font-family:var(--font-ui);font-size:14px;letter-spacing:-.02em;font-weight:600;padding:0;text-align:left;line-height:1.5;position:relative;z-index:2}.font-name:hover{text-decoration:underline;text-underline-offset:3px}.copy-icon{opacity:0;vertical-align:middle;margin-left:6px;color:var(--muted)}.copy-icon svg{width:11px;height:11px}.font-name:hover .copy-icon{opacity:1}.card-language{font-size:12px;background:var(--surface);color:var(--muted);padding:3px 5px;border-radius:3px;white-space:nowrap;line-height:1.3;margin-top:2px}.card-reading{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.6}.card-tagline{font-size:12px;color:var(--muted);line-height:1.75;margin:11px 0 13px;min-height:18px}.card-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:12px;border-radius:3px;background:var(--surface-strong);color:var(--muted);padding:3px 6px;line-height:1.4}.mood-tag{background:var(--surface-strong);color:var(--muted)}.page-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;line-height:1.7}.page-footer>span:first-child{display:flex;align-items:center;gap:6px}.page-footer svg{width:12px;height:12px}.footer-dot{margin:0 8px}.empty-state{text-align:center;padding:66px 20px}.empty-state>span{color:var(--muted);margin-bottom:15px}.empty-state>span svg{height:30px;width:30px}.empty-state h2{font-size:17px}.empty-state p{font-size:13px;color:var(--muted)}.primary-button{background:var(--accent);color:var(--base);padding:10px 16px;border-radius:5px;font-size:12px}.primary-button:hover{background:var(--accent-hover)}.toast{position:fixed;left:calc(50% + 119px);bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--base);padding:12px 20px;border-radius:7px;box-shadow:0 4px 18px #0002;font-size:12px;transition:opacity .18s,transform .18s;z-index:90;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.font-grid.list-view{grid-template-columns:1fr;gap:10px}.list-view .font-card{display:grid;grid-template-columns:36% 1fr}.list-view .font-preview{min-height:140px;border-bottom:0;padding:18px 25px}.list-view .specimen{min-height:44px;font-size:calc(var(--preview-size) * .8)}.list-view .card-body{padding:18px 24px}.list-view .specimen-sub{display:none}
dialog{width:min(720px,calc(100% - 40px));border:1px solid var(--line);padding:0;border-radius:12px;max-height:88dvh;color:var(--ink);box-shadow:0 24px 80px #00000022}dialog::backdrop{background:#00000055;backdrop-filter:blur(3px)}.sidebar-shade{display:none}
@media(min-width:1650px){.font-grid{grid-template-columns:repeat(4,minmax(0,1fr))}main{padding-left:54px;padding-right:54px}}
@media(max-width:1200px){:root{--sidebar:218px}main{padding:32px 28px 24px}.topbar{padding:0 28px}.font-grid{gap:15px}.filter-row{gap:12px}.filter-options{gap:3px}.filter-chip{padding:6px 8px;font-size:12px}.font-preview{padding:20px 17px}.card-body{padding:16px 15px}.font-name{font-size:13px}.brand{font-size:14px}.brand-edition{font-size:12px}.sidebar{padding-left:12px;padding-right:12px}.soon{font-size:12px}.toast{left:calc(50% + 109px)}}
@media(max-width:980px){.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-caption{display:none}.results-help{display:none}.preview-toolbar{gap:12px}.preview-settings{gap:9px}.size-control input{width:56px}.preview-settings select{width:80px}.font-preview{min-height:185px}.specimen-meta{font-size:12px}.card-tagline{font-size:12px}.card-reading{font-size:12px}.card-language,.tag{font-size:12px}.page-footer{flex-direction:column;gap:5px}}
@media(max-width:740px){:root{--sidebar:238px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:25px 16px}.sidebar.open{transform:translateX(0)}.sidebar-shade:not([hidden]){display:block;position:fixed;inset:0;background:#00000055;z-index:19}.workspace{margin-left:0}.topbar{height:55px;padding:0 18px}.breadcrumb{gap:9px;font-size:12px}.breadcrumb>span[data-icon]{display:none}.mobile-menu{display:inline-flex!important;margin-left:-5px}.topbar .breadcrumb strong{font-size:12px}main{padding:28px 20px}.page-symbol{height:45px;width:48px;font-size:26px;margin-bottom:15px}h1{font-size:27px}.collection-count{font-size:12px;padding:5px 8px}.view-tabs{gap:18px}.search-field{width:155px}.search-field input{font-size:12px}.filter-panel{padding:17px 0;gap:11px}.filter-row{align-items:flex-start;gap:12px}.filter-label{padding-top:6px}.filter-options{gap:4px}.filter-chip{font-size:12px;padding:6px 8px}.preview-toolbar{flex-wrap:wrap;padding:10px 12px;gap:8px}.preview-input{flex-basis:100%;padding-bottom:8px;border-bottom:1px solid var(--line)}.preview-input input{font-size:12px}.preview-settings{width:100%;justify-content:flex-end;gap:12px}.size-control{margin-right:auto;flex:1}.size-control input{width:100%;max-width:150px}.preview-settings select{font-size:12px}.results-meta{font-size:12px;margin-top:20px}.font-grid{gap:13px}.font-preview{padding:17px 14px;min-height:160px;gap:10px}.specimen{font-size:calc(var(--preview-size) * .8);min-height:45px}.specimen.japanese{font-size:calc(var(--preview-size) * .65)}.specimen-sub{font-size:12px}.specimen-meta{font-size:12px}.card-body{padding:13px}.font-name{font-size:12px}.copy-icon{display:none}.card-reading{font-size:12px}.card-tagline{font-size:12px;min-height:35px;margin:10px 0}.card-language{font-size:12px}.tag{font-size:12px}.toast{left:50%}.list-view .font-preview{padding:14px}.list-view .card-body{padding:15px}.list-view .specimen{font-size:calc(var(--preview-size) * .65)}.list-view .specimen-meta>span:last-child{display:none}.page-footer{font-size:12px}.brand{font-size:16px}.brand-edition{font-size:12px}}
@media(max-width:390px){main{padding:24px 15px}.font-grid{grid-template-columns:1fr}.font-preview{min-height:180px}.specimen{font-size:var(--preview-size)}.specimen.japanese{font-size:calc(var(--preview-size) * .85)}.font-name{font-size:15px}.card-tagline{min-height:0;font-size:12px}.card-reading{font-size:12px}.tag{font-size:12px}.card-language{font-size:12px}.search-field{width:130px}.collection-count{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Readable interface scale and compact Notion-style page heading. */
.sidebar{width:var(--sidebar)}
.brand-edition{display:none}
.sidebar-rule{margin-top:24px}
.nav-item{font-size:14px;gap:9px}.soon{font-size:12px}.nav-item.planned{font-size:13px}
.nav-group h2{font-size:12px;letter-spacing:.05em}
.sidebar-bottom{font-size:12px;line-height:1.6}.sidebar-bottom>div{font-size:12px}.edition-label{font-size:12px;letter-spacing:0}
main{padding-top:28px}.page-heading{position:relative;padding-left:71px;min-height:53px;margin-bottom:24px}.page-heading .title-row{min-height:53px}.page-symbol{position:absolute;left:0;top:2px;width:53px;height:53px;margin:0}.topbar,.breadcrumb strong{font-size:12px}
.view-tab{font-size:14px}.view-toolbar{min-height:45px}.search-field{width:205px}.search-field input{font-size:14px}.search-field kbd{font-size:12px}
.filter-panel{gap:8px;padding:15px 0}.filter-chip{font-size:13px;padding:6px 9px}.filter-label{font-size:13px}.language-row .filter-chip{font-size:13px}.filter-options{gap:5px}
.preview-input input{font-size:14px}.preview-settings select{font-size:13px}.size-control output{font-size:13px}.size-control output span{font-size:12px}
.results-meta{font-size:12px;margin:18px 0 12px}.results-help{font-size:12px}.font-preview{min-height:161px;padding:18px 20px;gap:9px}.specimen-meta{font-size:12px;letter-spacing:.02em}.specimen-sub{font-size:14px}.card-body{padding:17px 18px}.font-name{font-size:17px}.card-language{font-size:12px}.card-reading{font-size:12px}.card-tagline{font-size:14px;line-height:1.7;margin:10px 0 14px;min-height:48px}.tag{font-size:12px;padding:3px 6px}.page-footer{font-size:12px}.card-open{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:6px}.card-open:focus-visible{outline-offset:-3px}.card-top .font-name{z-index:2}.font-grid .copy-icon{display:none}.text-button{font-size:12px}.toast{font-size:14px}
body.dialog-open{overflow:hidden}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--muted);font-size:12px;letter-spacing:.05em}.detail-preview{padding:30px 32px;white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere;font-size:18px}.detail-sample{font-size:56px;line-height:1.4;margin-bottom:16px;letter-spacing:-.025em}.detail-body{padding:28px 32px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-heading h2{font-size:27px;font-family:var(--font-ui);letter-spacing:-.025em;line-height:1.25;margin:0;overflow-wrap:anywhere}.detail-reading{font-size:12px;color:var(--muted);margin:7px 0 16px}.secondary-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:8px 10px;border-radius:5px;font-size:12px;white-space:nowrap}.secondary-button:hover{background:var(--surface-strong)}.secondary-button svg{width:14px;height:14px}.detail-description{font-size:16px;line-height:1.9;color:var(--muted);margin:22px 0}.font-properties{margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.font-properties>div{display:grid;grid-template-columns:125px 1fr;gap:12px;margin:8px 0}.font-properties dt{color:var(--muted)}.font-properties dd{margin:0;line-height:1.7}.property-note{display:block;font-size:12px;color:var(--muted)}.detail-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 10px}.detail-section-header h3{font-size:15px;margin:0}.detail-section-header .text-button{gap:5px;color:var(--accent)}.code-block{background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:6px;font-size:12px;line-height:1.7;overflow-x:auto;margin:0}.prompt-preview{font-size:14px;line-height:1.9;white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:6px;color:var(--muted);margin:0}.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-top:25px}.detail-footer .primary-button{font-size:13px;flex-shrink:0}
@media(max-width:1200px){:root{--sidebar:238px}.nav-item.planned{font-size:13px}.filter-chip{font-size:12px}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-tagline{min-height:24px}.specimen-meta{font-size:12px}.font-preview{min-height:160px}.toast{left:calc(50% + 119px)}}
@media(max-width:740px){.sidebar{width:238px}.page-heading{padding-left:60px;min-height:44px;margin-bottom:20px}.page-heading .title-row{min-height:44px}.page-symbol{width:44px;height:44px;top:3px}.view-tabs{gap:14px}.view-tab{font-size:13px}.search-field{width:155px}.search-field input{font-size:12px}.filter-chip{font-size:12px}.filter-label{font-size:12px}.language-row .filter-chip{font-size:12px}.preview-settings select{font-size:12px}.preview-input input{font-size:14px}.font-grid{grid-template-columns:1fr}.font-preview{min-height:169px;padding:20px}.specimen{font-size:var(--preview-size)}.specimen.japanese{font-size:calc(var(--preview-size) * .82)}.specimen-sub{font-size:14px}.card-body{padding:18px 20px}.font-name{font-size:18px}.card-tagline{font-size:14px;min-height:0}.card-reading,.card-language,.tag{font-size:12px}.collection-count{font-size:12px}.page-footer{font-size:12px;line-height:1.8}.list-view .font-card{grid-template-columns:34% 1fr}.list-view .font-name{font-size:15px}.list-view .card-tagline{font-size:12px}.list-view .card-language{display:none}.list-view .specimen-meta{font-size:10px}.list-view .specimen{font-size:26px}.list-view .card-body{padding:13px}.list-view .card-tags .mood-tag{display:none}.toast{left:50%}.detail-body{padding:22px}.detail-preview{padding:22px}.detail-sample{font-size:38px}.detail-heading{align-items:flex-start;flex-direction:column;gap:0}.detail-heading .secondary-button{margin-bottom:16px}.font-properties>div{grid-template-columns:1fr;gap:2px}.detail-footer{flex-direction:column;align-items:flex-start}.detail-footer .primary-button{font-size:14px}.code-block{font-size:12px}.topbar-caption{display:none}}
.sidebar-close{display:none}
@media(max-width:740px){.sidebar-close{display:inline-flex;position:absolute;right:6px;top:8px}.sidebar-shade:not([hidden]){left:238px}.sidebar.open{box-shadow:12px 0 35px #00000012}}