:root{--navy:#071a38;--muted:#748197;--line:#dfe8f3;--surface:#fff;--bg:#f7fafd;--shadow:0 7px 20px rgba(22,54,91,.08)}*{box-sizing:border-box}html{min-width:0}body{margin:0;color:var(--navy);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Noto Sans JP",sans-serif}.page-width{width:min(1450px,calc(100% - 48px));margin-inline:auto}.hero{height:305px;background:linear-gradient(90deg,rgba(245,250,255,.28),rgba(241,248,255,.42)),url('/static/img/tokugen-fuji-hero.png') center 58%/cover no-repeat;border-bottom:1px solid #d8e5f3;position:relative}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;color:var(--navy);text-decoration:none}.brand-seal,.mini-seal{display:grid;place-items:center;border-radius:50%;background:#b50016;color:#fff;border:3px solid #fff;box-shadow:0 0 0 1px #b50016;font-family:serif}.brand-seal{width:50px;height:50px;font-size:28px}.brand strong{display:block;font-size:26px;line-height:1.05;font-family:serif}.brand small{display:block;letter-spacing:2px;font-weight:700;margin-top:5px}.hero-actions{display:flex;align-items:center;gap:12px}.today{text-align:right}.today strong,.today small{display:block}.today small{margin-top:5px;font-size:12px;letter-spacing:2px}.icon-btn,.manage-btn{border:0;box-shadow:var(--shadow);cursor:pointer;height:46px}.icon-btn{width:46px;border-radius:50%;background:#fff;font-size:22px}.manage-btn{padding:0 25px;border-radius:13px;background:var(--navy);color:#fff;font-weight:700;font-size:15px}.hero-center{text-align:center;position:absolute;top:68px;left:50%;transform:translateX(-50%);width:60%}.hero-center h1{font-family:serif;font-size:39px;letter-spacing:4px;margin:0}.english{letter-spacing:8px;font-weight:800;margin:4px}.tagline{letter-spacing:7px;font-size:14px}.search-wrap{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(760px,calc(100% - 40px));height:58px;background:rgba(255,255,255,.95);border-radius:32px;display:flex;align-items:center;padding:0 24px;box-shadow:0 10px 30px rgba(21,55,89,.18);gap:14px}.search-wrap>span{font-size:30px}.search-wrap input{flex:1;border:0;outline:0;background:transparent;font-size:16px;min-width:0;color:#1d2d44}.search-wrap small{color:#9aa7b8;white-space:nowrap}.category-block{--accent:#167fe5;margin:18px 0;padding:14px 15px 16px;border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--accent) 8%,#fff)}.favorite-section{--accent:#ffb400}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 7px 10px}.section-heading h2{margin:0;font-size:21px;color:color-mix(in srgb,var(--accent) 82%,#071a38)}.section-heading h2 span{margin-right:5px}.view-more,.text-btn{font-size:13px;color:var(--accent)}.text-btn{background:transparent;border:0;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:10px}.favorite-cards{grid-template-columns:repeat(6,1fr)}.site-card{position:relative;min-width:0}.site-card>a,.disabled-link{height:100%;min-height:92px;display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface);border:1px solid rgba(19,52,88,.08);border-radius:10px;text-decoration:none;color:var(--navy);box-shadow:0 3px 10px rgba(31,58,86,.035);transition:transform .18s ease,box-shadow .18s ease}.site-card>a:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(29,55,86,.12)}.site-card.compact>a,.site-card.compact .disabled-link{min-height:76px}.site-icon{width:48px;height:48px;flex:0 0 48px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,#fff),color-mix(in srgb,var(--accent) 55%,#fff));display:grid;place-items:center;color:#fff;overflow:hidden}.site-icon img{width:100%;height:100%;object-fit:contain;background:#fff}.site-icon b{font-size:18px}.site-icon:has(img) b{display:none}.site-icon.fallback b{display:block}.site-copy{min-width:0;display:block}.site-copy strong,.site-copy small{display:block}.site-copy strong{font-size:15px;line-height:1.35}.site-copy small{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.35}.arrow{margin-left:auto;color:var(--accent);font-weight:800}.unconfigured{opacity:.68}.card-edit{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:#edf3fa;cursor:pointer}.add-card{min-height:92px;border:1px dashed #b8c3d0;border-radius:10px;background:rgba(255,255,255,.7);color:#6b7583;cursor:pointer}.add-card b{font-size:28px;display:block}.admin-only{display:none!important}body[data-admin=true] .admin-only{display:inline-block!important}body[data-admin=true] .site-card{cursor:grab}body[data-admin=true] .site-card.dragging{opacity:.35}.new-category{width:100%;padding:14px;border:1px dashed #9eabb9;border-radius:12px;background:#fff}.admin-bar{display:none;position:sticky;bottom:12px;z-index:10;width:min(760px,calc(100% - 30px));margin:15px auto;padding:10px 15px;border-radius:14px;background:#071a38;color:#fff;box-shadow:0 12px 35px #071a3855;align-items:center;gap:10px}.admin-bar span{margin-right:auto}.admin-bar button,.import-btn{border:1px solid #ffffff44;background:#ffffff14;color:#fff;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:13px}.import-btn input{display:none}body[data-admin=true] .admin-bar{display:flex}footer{display:flex;justify-content:space-between;align-items:center;color:#758398;font-size:12px;padding:22px 0 30px}.mini-seal{width:27px;height:27px;display:inline-grid}.no-results,.empty-state{text-align:center;color:var(--muted);padding:24px}dialog{width:min(600px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px #0b1c3655;background:var(--surface);color:var(--navy)}dialog::backdrop{background:rgba(7,20,40,.38);backdrop-filter:blur(3px)}dialog form{padding:28px;position:relative}dialog h3{font-size:23px;margin:0 0 10px}dialog p{color:var(--muted)}dialog label{display:grid;gap:6px;font-size:13px;font-weight:700;margin:13px 0}dialog input,dialog select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--navy);font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.check{display:flex!important;align-items:center}.check input{width:auto}.close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:28px;color:var(--muted);cursor:pointer}.primary,.danger{border:0;border-radius:9px;padding:11px 20px;font-weight:700;cursor:pointer}.primary{background:#0b2d57;color:#fff}.danger{background:#fff0f1;color:#b00020}.form-actions{display:flex;justify-content:space-between}.form-error{color:#c31d35!important;font-size:13px;min-height:18px}.toast{position:fixed;z-index:30;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#071a38;color:#fff;padding:11px 18px;border-radius:10px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{height:330px}.hero-center{top:95px;width:90%}.hero-center h1{font-size:30px}.brand strong{font-size:19px}.today{display:none}.favorite-cards{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.search-wrap small{display:none}.page-width{width:min(100% - 24px,1450px)}}
@media(max-width:560px){.hero{height:350px;background-position:62% center}.topbar{height:68px;align-items:center}.brand-seal{width:40px;height:40px;font-size:22px}.brand strong{font-size:17px}.brand small{font-size:9px;letter-spacing:1px}.manage-btn{padding:0 12px}.manage-btn span{display:none}.hero-center{top:90px}.hero-center h1{font-size:27px;letter-spacing:2px}.english{font-size:13px;letter-spacing:5px}.tagline{font-size:12px;letter-spacing:3px}.search-wrap{bottom:20px}.cards,.favorite-cards{grid-template-columns:1fr}.site-card>a,.disabled-link{min-height:76px}.category-block{margin:12px 0;padding:12px 10px}.form-grid{grid-template-columns:1fr}.admin-bar{flex-wrap:wrap}.admin-bar span{width:100%;margin:0}footer{display:block;line-height:2}footer strong{display:block}.section-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}body.dark{--navy:#edf5ff;--muted:#9babbe;--line:#314158;--surface:#16253a;--bg:#0b1421;background:var(--bg)}body.dark .hero{filter:saturate(.8);box-shadow:inset 0 0 0 1000px rgba(5,17,34,.22)}body.dark .brand,body.dark .hero-center,body.dark .today{color:#071a38}body.dark .category-block{background:color-mix(in srgb,var(--accent) 11%,#101c2b)}body.dark .search-wrap{background:#fff}body.dark .search-wrap input{color:#071a38}
.icon-btn{color:#071a38}.manage-btn{background:#071a38}