.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-var.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:local("Noto Sans JP"),url(/fonts/NotoSansJP-glyphs.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--paper: #fdf6ea;--paper-2: #fffdf8;--ink: #4a4036;--ink-dim: #736655;--line: #e7dcc8;--tape: rgba(255, 207, 107, .55);--accent: #a85d1c;--accent-deep: #a85f1a;--gold: #f0b13e;--gold-line: #e9b53e;--gold-bg: #ffd56b;--gold-ink: #5a3f1d;--dash: #d8c8aa;--dot: #ddcfb6;--sh-08: rgba(120, 95, 55, .08);--sh-10: rgba(120, 95, 55, .1);--sh-16: rgba(120, 95, 55, .16);--c0:#ff9a8b;--c1:#ffcf6b;--c2:#97d8b0;--c3:#9cc4f0;--c4:#c4a9e8;--c5:#ffb3c8;--c6:#f0b98a;--radius: 12px;--font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Fredoka", "Nunito", system-ui, sans-serif;--glyph: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}html{color-scheme:light}html,body{max-width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font);font-weight:600;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(168,93,28,.14);background-color:var(--paper);background-image:radial-gradient(rgba(120,100,70,.1) 1.3px,transparent 1.3px);background-size:22px 22px;background-position:-8px -8px}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.site-header{display:flex;align-items:center;gap:12px;padding:18px 16px 8px}.site-header .brand{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.5px;color:var(--ink);display:flex;align-items:baseline;gap:9px}.site-header .brand .jp{font-size:14px;color:var(--accent);font-weight:600;letter-spacing:1px}.site-header nav{margin-left:auto;display:flex;gap:10px;align-items:center}.site-header nav a{font-size:13px;font-weight:700;color:var(--ink-dim);padding:6px 13px;border-radius:20px;background:var(--paper-2);border:1.5px solid var(--line)}.site-header nav a:hover{color:var(--ink);border-color:var(--accent);text-decoration:none}.chrome{display:flex;align-items:center;gap:8px}.chrome-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;border:1.5px solid var(--line);background:var(--paper-2);color:var(--ink-dim);cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;line-height:1;transition:border-color .12s ease,color .12s ease,transform .12s ease}.chrome-btn:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.chrome-install{border-color:var(--gold-line);color:var(--gold-ink);background:#fff4d6}.dl-button{display:inline-block;padding:12px 20px;min-height:44px;box-sizing:border-box;border:1.5px solid var(--gold-line);border-radius:12px;background:#fff4d6;color:var(--gold-ink);font-weight:700;font-size:1.05em}.dl-button:hover{border-color:var(--accent);color:var(--ink);text-decoration:none}.dl-button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}main{padding:8px 0 36px}.page-head{margin:14px 0 6px}.page-head h1{font-family:var(--display);font-weight:600;font-size:clamp(24px,4vw,30px);margin:0 0 8px;line-height:1.12;letter-spacing:-.4px;color:var(--ink)}.page-head .lede{color:var(--ink-dim);font-size:15px;font-weight:600;line-height:1.6;max-width:70ch;margin:0 0 4px}.crumbs{font-size:13px;font-weight:700;color:var(--ink-dim);margin:4px 0 10px}.crumbs a{color:var(--ink-dim)}.section-title,.a-seclabel{display:flex;align-items:center;gap:10px;white-space:nowrap;margin:26px 0 12px;font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0;opacity:1}.section-title:before{content:"✦";color:var(--gold)}.section-title:after,.a-seclabel:after{content:"";flex:1;height:0;border-top:2px dotted var(--dot)}.a-seclabel .star{color:var(--gold)}.chips,.a-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 22px}.chips a,.a-chip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink);padding:8px 14px;border-radius:20px;background:var(--paper-2);border:1.5px solid var(--line);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.chips a:hover,.a-chip:hover{transform:translateY(-2px);border-color:var(--accent);text-decoration:none}.chips a .count,.a-chip .n{color:var(--ink-dim);font-weight:700}.chips a .g,.a-chip .g{font-family:var(--glyph);color:var(--ink-dim);font-size:13px}.chips a .ic,.a-chip .ic{font-size:15px}.prose p{color:var(--ink);font-size:15px;font-weight:600;line-height:1.7;max-width:70ch;margin:0 0 12px}.faq details{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:10px 14px;margin:8px 0;max-width:70ch;box-shadow:0 3px 8px var(--sh-08)}.faq summary{cursor:pointer;font-size:14px;color:var(--ink);font-weight:800}.faq summary::marker{color:var(--gold)}.faq details[open] summary{margin-bottom:8px}.faq details p{color:var(--ink-dim);font-size:14px;font-weight:600;line-height:1.6;margin:0}.site-footer{margin:30px auto 0;max-width:960px;padding:16px 16px 28px;border-top:2px dotted var(--dot);font-size:12.5px;font-weight:700;color:var(--ink-dim);text-align:center}.site-footer a{color:var(--ink-dim);text-decoration:underline}.site-footer a:hover{color:var(--ink)}.site-credit{margin-top:10px;font-size:11px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-56px;z-index:100;background:var(--paper-2);color:var(--ink);border:1.5px solid var(--gold-line);border-radius:12px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 6px 16px var(--sh-16);transition:top .15s ease}.skip-link:focus{top:8px;text-decoration:none}.chips a:focus-visible,.a-chip:focus-visible,.a-tab:focus-visible,.chrome-btn:focus-visible,.a-clear:focus-visible,.a-star:focus-visible,.site-header nav a:focus-visible,.site-footer a:focus-visible,.crumbs a:focus-visible,.skip-link:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-radius:10px}.picker{margin:4px 0 8px}.a-hero{position:relative;margin:8px 0 10px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:18px;padding:20px 26px 24px;box-shadow:0 10px 26px var(--sh-10);transform:rotate(-.5deg)}.a-tape{position:absolute;top:-13px;left:50px;width:116px;height:26px;background:var(--tape);transform:rotate(-4deg);box-shadow:0 2px 5px #0000000f}.a-tape:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,255,255,.35) 9px 10px)}.a-book-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.a-book-head>div:first-child{flex-shrink:0}.a-kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.a-book-title{font-family:var(--display);font-weight:600;white-space:nowrap;font-size:29px;line-height:1;letter-spacing:-.6px;margin:0;color:var(--ink)}.a-book-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.a-tabs{display:flex;gap:8px}.a-tab{font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;padding:8px 14px;border-radius:20px;color:var(--ink-dim);background:var(--paper);border:1.5px solid var(--line);display:inline-flex;align-items:center;gap:6px;transition:color .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.a-tab .n{font-weight:700}.a-tab:hover{color:var(--ink)}.a-tab.is-on{color:#5a3f25;border-color:var(--gold-line);background:#fff4d6;box-shadow:0 2px 0 var(--sh-10)}.a-clear{font-family:inherit;font-size:11px;font-weight:700;color:var(--ink-dim);background:none;border:none;padding:2px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.a-clear:hover{color:var(--ink)}.a-clear.is-armed{color:#c0392b;text-decoration:none}.a-tray{display:flex;flex-wrap:wrap;gap:11px;align-content:flex-start;min-height:92px}.a-tray-chip{position:relative;font-family:var(--glyph);display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;font-size:15px;line-height:1.3;cursor:pointer;box-shadow:0 4px 10px var(--sh-10);transition:transform .12s ease,box-shadow .12s ease}.a-tray-chip:hover{transform:translateY(-3px);box-shadow:0 9px 20px var(--sh-16)}.a-tray-chip.is-emoji{font-size:24px}.a-tray-chip.is-copied{background:var(--gold-bg);border-color:var(--gold-line);color:var(--gold-ink);font-weight:800;white-space:nowrap}.a-star{position:absolute;top:-9px;right:-9px;width:23px;height:23px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:#cdbb98;box-shadow:0 2px 5px #785f3724;transition:transform .12s ease,color .12s ease,border-color .12s ease,background .12s ease}.a-tray-chip:hover .a-star{transform:scale(1.1)}.a-star.is-fav{color:var(--gold);border-color:var(--gold);background:#fff7e3}.a-empty{display:flex;align-items:center;gap:16px;width:100%;padding:6px 0}.a-empty .hint{color:var(--ink-dim);font-weight:700;font-size:14px;line-height:1.4}.a-empty .slots{display:flex;gap:9px}.a-empty .slot{width:60px;height:46px;border-radius:12px;border:1.5px dashed var(--dash);background:#ffffff73}.a-search-wrap{margin:18px 0 6px;position:relative}.a-search{width:100%;font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);background:var(--paper-2);border:2px dashed var(--dash);border-radius:16px;padding:15px 18px 15px 46px;outline:none}.a-search::placeholder{color:#7d7060}.a-search:focus{border-color:#e0a45f;border-style:solid}.a-search-ic{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:17px;opacity:.6;pointer-events:none}.picker-hint{margin:8px 2px 0;font-size:12px;font-weight:700;color:var(--ink-dim)}.picker-hint kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;padding:1px 5px;border-radius:5px;border:1.5px solid var(--line);background:var(--paper-2);color:var(--ink)}@media(pointer:coarse){.picker-hint{display:none}}.browse-intro{margin:22px 0 0;font-size:13.5px;font-weight:700;color:var(--ink-dim)}#categories{scroll-margin-top:16px}.picker-status{padding:6px 2px;font-size:12px;font-weight:700;color:var(--ink-dim)}.a-grid{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;align-content:flex-start;min-height:220px}.a-cell{position:relative;font-family:var(--glyph);display:inline-flex;align-items:center;justify-content:center;background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;line-height:1.3;cursor:pointer;box-shadow:0 3px 8px var(--sh-08);min-height:40px;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.a-cell:hover{transform:translateY(-3px) rotate(0)!important;box-shadow:0 8px 18px var(--sh-16)}.a-cell:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;transform:translateY(-2px) rotate(0)!important}.a-cell.is-emoji{font-size:24px;min-width:48px}.a-cell.is-copied{background:var(--gold-bg);border-color:var(--gold-line);color:var(--gold-ink);font-weight:800;white-space:nowrap;transform:translateY(-2px) rotate(0)!important}.a-gridstar{position:absolute;top:-7px;right:-6px;font-size:12px;line-height:1;color:var(--gold);filter:drop-shadow(0 1px 1px rgba(120,95,55,.25));pointer-events:none}.picker-empty{width:100%;text-align:center;padding:40px 20px;color:var(--ink-dim);font-weight:700;font-size:14px;line-height:1.6}@media(max-width:560px){.wrap{padding:0 12px}.site-header{padding:14px 12px 6px}.site-header nav{display:none}.site-header .chrome{margin-left:auto}.a-hero{padding:16px 16px 18px;margin:8px 0}.a-tape{left:28px}.a-book-title{font-size:22px}.a-book-head{margin-bottom:12px;gap:10px}.a-kicker{letter-spacing:1.5px}.section-title,.a-seclabel{margin:22px 0 10px;font-size:16px}.site-footer{padding:16px 12px 24px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.a-cell,.a-tray-chip,.a-chip,.a-tab,.chips a,.chrome-btn{transform:none!important}.a-hero{transform:none}.a-cell:hover,.a-tray-chip:hover,.a-chip:hover,.a-tab:hover,.chips a:hover,.chrome-btn:hover{transform:none!important}}@media(pointer:coarse){.a-cell,.a-tray-chip,.a-tab,.chips a,.a-chip,.chrome-btn{min-height:44px}}