:root{color-scheme:light;--ink:#3a2b22;--muted:#766c78;--line:#eadde7;--paper:#ffffff;--soft:#fff7fb;--brand:#ec4f87;--brand-strong:#c83a6e;--mint:#35b970;--blue:#2474d7;--rose:#e85d7d;--amber:#ffc43d;--shadow:0 16px 40px rgba(89,58,80,0.12)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:linear-gradient(135deg,rgba(236,79,135,.11),rgba(255,196,61,.09) 30%,rgba(53,185,112,.08) 62%,rgba(36,116,215,.1)),linear-gradient(180deg,#fff9fc,#ffffff 45%,#f5fbff);color:var(--ink);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{margin:0 auto;max-width:1180px;padding:16px 20px 20px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.94);border:1px solid rgba(236,79,135,.16);border-radius:8px;display:flex;justify-content:space-between;gap:16px;min-height:68px;padding:7px 10px;position:-webkit-sticky;position:sticky;top:8px;z-index:30}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:12px;min-width:0}.logoBrand{flex:0 1 auto}.brandLogoImage{display:block;height:52px;max-width:min(260px,42vw);object-fit:contain;object-position:left center;width:260px}.brand small,.brand strong{display:block}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.navLinks{gap:12px}.heroBand,.navLinks{align-items:center;display:flex}.heroBand{background:linear-gradient(90deg,rgba(236,79,135,.1),rgba(255,196,61,.1),rgba(53,185,112,.1),rgba(36,116,215,.1)),rgba(255,255,255,.74);border:1px solid var(--line);border-radius:8px;gap:18px;justify-content:space-between;margin:16px 0 14px;padding:14px 18px}.heroCopy{min-width:0}.heroLogoFrame{background:#fff;border:1px solid rgba(236,79,135,.18);border-radius:10px;box-shadow:0 14px 34px rgba(83,47,70,.1);margin:6px 0 10px;max-width:680px;padding:7px 9px}.heroLogoImage{display:block;max-height:190px;object-fit:contain;width:100%}.visuallyHidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.adminHero h1,.heroCopy h1{font-size:clamp(28px,4vw,42px);letter-spacing:0;line-height:1.08;margin:4px 0 6px}.adminHero p,.heroCopy p{color:var(--muted);line-height:1.55;max-width:620px;margin:0}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.heroStats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.heroStats span{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:7px 10px}.heroStats span:first-child{color:var(--blue)}.heroStats span:nth-child(2){color:var(--brand-strong)}.heroStats span:nth-child(3){color:#18875a}.searchPanel{align-items:end;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;grid-template-columns:240px minmax(220px,1fr) 150px 170px auto;margin-bottom:24px;padding:14px}.favoriteSearchPanel{box-shadow:none;grid-template-columns:280px minmax(220px,1fr) auto;margin:0 0 16px}.filterTagBlock{display:grid;grid-gap:8px;gap:8px;grid-column:1/-1}.fieldLabel,.filterTagBlock>span{color:var(--muted);display:block;font-size:12px;font-weight:700}.filterTags{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.filterTagButton{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:13px;font-weight:800;gap:6px;min-height:34px;max-width:100%;padding:7px 11px}.filterTagButton svg{flex:0 0 auto}.selectedFilterTag{background:#e9f1ff;border-color:#bcd0f7;color:var(--brand-strong)}.viewTabs{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px;padding:4px}.viewTabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:8px 12px}.viewTabs .selected{background:#fff;border-color:var(--line);box-shadow:0 4px 12px rgba(30,45,80,.08);color:var(--ink)}.viewTabs span{background:var(--soft);border-radius:999px;min-width:26px;padding:3px 7px}.viewTabs span,label span{color:var(--muted);font-size:12px}label span{display:block;font-weight:700;margin-bottom:6px}.toggleField{min-width:0}.toggleControl{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;font-size:13px;font-weight:800;gap:8px;min-height:44px;padding:10px 12px;width:100%}.toggleControl input{flex:0 0 auto;min-height:16px;width:16px}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:44px;outline:none;padding:10px 12px;width:100%}textarea{min-height:94px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(36,107,254,.12)}.inputIcon{align-items:center;display:flex;gap:8px}.inputIcon svg{color:var(--muted);flex:0 0 auto}.yearRange{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.rangeSeparator{color:var(--muted);font-weight:800}.ghostButton,.ghostLink,.iconButton,.primaryButton,.segmented button,.tag{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:10px 14px}.primaryButton{background:var(--brand);color:#fff}.primaryButton:hover{background:var(--brand-strong)}.primaryButton:disabled{background:#9aa8bd;cursor:not-allowed}.ghostButton,.ghostLink{background:#fff;border-color:var(--line);color:var(--ink)}.compact{min-height:38px;padding:8px 12px}.full{width:100%}.toast{background:#fff7e6;border:1px solid #ffd89d;border-radius:8px;color:#7a4b00;margin:0 0 18px;padding:12px 14px}.workspace{align-items:start;display:block}.feed,.panel{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:8px;min-width:0;padding:18px}.sideRail{display:grid;grid-gap:16px;gap:16px;position:-webkit-sticky;position:sticky;top:16px}.favoritePanel{max-height:calc(100vh - 32px);overflow:auto}.sectionHeader{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.sectionHeader h2{font-size:24px;letter-spacing:0;margin:4px 0 0}.sectionHeader.tight{margin-bottom:12px}.countBadge{background:var(--soft);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:800;padding:7px 10px}.postList{display:grid;grid-gap:14px;gap:14px;min-width:0}.resultGrid{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.resultGrid .postCard{display:flex;flex-direction:column;padding:12px}.resultGrid .postMeta{flex-wrap:nowrap;gap:6px;overflow:hidden}.resultGrid .postMeta span{flex:0 1 auto;font-size:11px;min-width:0;overflow:hidden;padding:5px 7px;text-overflow:ellipsis;white-space:nowrap}.resultGrid .postMeta .yearPill{flex:0 0 auto}.resultGrid .postMeta .favoriteTagPill{max-width:120px}.resultGrid .postCard h3{font-size:16px;margin:9px 0 4px}.resultGrid .mnemonic{font-size:16px;line-height:1.45}.resultGrid .explanation{font-size:13px;line-height:1.45;margin-top:5px}.resultGrid .postActions{gap:6px;margin-top:auto;padding-top:10px}.resultGrid .iconButton{font-size:12px;min-height:36px;min-width:36px;padding:7px 9px}.postCard{background:#fff;border:1px solid var(--line);border-radius:8px;max-width:100%;min-width:0;overflow:hidden;padding:18px}.clickableCard{cursor:pointer}.clickableCard:hover{border-color:#b9c9df;box-shadow:0 10px 28px rgba(30,45,80,.08)}.clickableCard:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px rgba(36,107,254,.14);outline:none}.postCard h3{font-size:22px;letter-spacing:0;margin:12px 0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postMeta{display:flex;flex-wrap:wrap;gap:8px}.postMeta span{background:var(--soft);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:6px 9px}.postMeta .yearPill{background:#e9f1ff;color:var(--brand-strong)}.postMeta .favoriteTagPill{background:#eefaf5;color:#0e7355}.mnemonic{color:var(--ink);font-size:20px;font-weight:800;line-height:1.55;margin:0}.explanation,.mnemonic{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explanation{color:var(--muted);line-height:1.7;margin:10px 0 0;max-width:100%}.postActions{display:flex;gap:8px;margin-top:16px}.iconButton{background:#fff;border-color:var(--line);color:var(--muted);min-width:44px}.activeFavorite{background:#fff7e9;border-color:#f7d38e;color:#a76500}.activeReport{background:#fff0f2}.activeReport,.dangerButton{border-color:#f2bfca;color:var(--rose)}.dangerButton:hover{background:#fff0f2}.square{min-width:44px;padding:10px}.postForm{display:grid;grid-gap:10px;gap:10px}.inlineEdit{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.inlineEdit h3{font-size:18px;margin:0}.segmented{background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:4px}.reportBox .segmented{grid-template-columns:1fr 1fr 1fr}.segmented button{background:transparent;color:var(--muted);min-height:36px;padding:7px 10px}.segmented .selected{background:#fff;box-shadow:0 4px 12px rgba(30,45,80,.08);color:var(--ink)}.tagGrid{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#fff;border-color:var(--line);color:var(--muted);min-height:34px;padding:7px 10px}.selectedTag{background:#e9f1ff;color:var(--brand-strong)}.loginPrompt{display:grid;grid-gap:12px;gap:12px}.authForm,.reportBox{display:grid;grid-gap:10px;gap:10px}.reportBox{background:#fff7f8;border:1px solid #f2bfca;border-radius:8px;margin-top:14px;padding:12px}.actionRow{display:flex;flex-wrap:wrap;gap:8px}.configWarning{background:#fff7e6;border:1px solid #ffd89d;border-radius:8px;color:#7a4b00;font-size:13px;line-height:1.6;margin:0;padding:10px 12px}.empty,.loginPrompt p{color:var(--muted);line-height:1.7;margin:0}.small{font-size:14px}.favoriteList{display:grid;grid-gap:10px;gap:10px}.favoriteItem{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;min-width:0;overflow:hidden;padding:12px}.favoriteItem strong{line-height:1.45}.favoriteItem p,.favoriteItem strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favoriteItem p{color:var(--ink);font-weight:800;line-height:1.55;margin:0}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:18px}.pagination span{color:var(--muted);font-size:14px;font-weight:800;min-width:64px;text-align:center}.pagination button:disabled{cursor:not-allowed;opacity:.48}.modalOverlay{align-items:center;background:rgba(23,32,51,.38);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:40}.modalPanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px rgba(23,32,51,.22);max-height:min(760px,calc(100vh - 40px));max-width:520px;overflow:auto;padding:18px;width:min(100%,520px)}.compactModal{max-width:420px}.detailModal{max-width:640px;width:min(100%,640px)}.detailPagePanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin:18px auto 0;max-width:760px;padding:22px}.detailPagePanel h1{font-size:34px;line-height:1.28}.detailModal h2,.detailPagePanel h1{letter-spacing:0;margin:4px 0 0;overflow-wrap:anywhere;word-break:break-word}.detailModal h2{font-size:24px;line-height:1.35}.detailMeta{margin-bottom:16px}.detailContent{display:grid;grid-gap:16px;gap:16px;margin:0}.detailContent div{display:grid;grid-gap:6px;gap:6px}.detailContent dt{color:var(--muted);font-size:12px;font-weight:800}.detailContent dd{line-height:1.75;margin:0;overflow-wrap:anywhere;word-break:break-word}.detailActions{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px}.detailMnemonic{color:var(--ink);font-size:22px;font-weight:800;line-height:1.55}.legalPanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:18px;gap:18px;margin:18px auto 0;max-width:860px;padding:26px}.legalPanel h1{font-size:34px;letter-spacing:0;line-height:1.25;margin:0}.legalPanel h2{font-size:20px;letter-spacing:0;margin:0 0 8px}.legalPanel li,.legalPanel p{color:var(--muted);line-height:1.8}.legalPanel p,.legalPanel ul{margin:0}.legalPanel ul{padding-left:1.4em}.legalPanel a{color:var(--brand-strong);font-weight:800;overflow-wrap:anywhere}.legalLead{border-bottom:1px solid var(--line);padding-bottom:16px}.legalUpdated{border-top:1px solid var(--line);font-size:13px;padding-top:14px}.siteFooter{color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:14px;justify-content:center;margin:8px auto 28px;max-width:1180px;padding:0 20px}.siteFooter a:hover{color:var(--brand-strong)}.favoriteTarget{background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;margin-bottom:14px;min-width:0;padding:12px}.favoriteTarget .yearPill{background:#e9f1ff;border-radius:999px;color:var(--brand-strong);font-size:12px;font-weight:800;justify-self:start;padding:6px 9px}.favoriteTarget p,.favoriteTarget strong{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favoriteTarget p{color:var(--muted);font-weight:800}.tagPicker{display:grid;grid-gap:14px;gap:14px;margin-bottom:14px}.tagInputRow{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-top:6px}.selectedTagSummary{display:flex;flex-wrap:wrap;gap:8px}.selectedTagSummary button{align-items:center;background:#eefaf5;border:1px solid #bde4d6;border-radius:999px;color:#0e7355;display:inline-flex;font-size:13px;font-weight:800;gap:6px;min-height:32px;max-width:100%;padding:6px 10px}.adminHero{align-items:center;display:flex;gap:18px;padding:36px 0 22px}.adminHero svg{background:#e9f1ff;border-radius:8px;color:var(--brand);height:58px;padding:12px;width:58px}.adminGrid{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr}.compactList .postCard{padding:14px}.adminCard h3{font-size:18px}.reportSummary{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 12px}@media (max-width:920px){.adminGrid{grid-template-columns:1fr}.searchPanel{grid-template-columns:1fr 1fr}.favoriteSearchPanel{grid-template-columns:1fr}.sideRail{position:static}}@media (max-width:620px){.shell{padding:14px}.topbar{align-items:center;flex-direction:row;gap:8px;min-height:52px;padding:6px;top:0}.brandLogoImage{height:38px;max-width:none;width:clamp(112px,38vw,168px)}.navLinks{flex:0 0 auto;gap:5px;justify-content:flex-end;margin-left:auto;min-width:0;width:auto}.navLinks .ghostButton,.navLinks .primaryButton{font-size:12px;gap:5px;min-height:34px;padding:6px 8px}.navLinks svg{height:15px;width:15px}.heroBand{align-items:flex-start;flex-direction:column;margin-top:10px}.adminHero h1,.heroCopy h1{font-size:30px}.heroStats{justify-content:flex-start}.searchPanel,.viewTabs{grid-template-columns:1fr}.postActions{flex-wrap:wrap}.resultGrid,.tagInputRow{grid-template-columns:1fr}}@media (max-width:380px){.brandLogoImage{height:34px;width:104px}.navLinks .ghostButton,.navLinks .primaryButton{font-size:11px;padding:5px 6px}}