:root{--font-sans: "Outfit", "Noto Sans JP", system-ui, -apple-system, sans-serif;--bg-color: #f8fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--radius-lg: 12px;--radius-md: 8px;--radius-full: 9999px;--transition-base: all .25s cubic-bezier(.4, 0, .2, 1);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg-color: #0b0f19;--card-bg: #161f30;--border-color: #243249;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;max-width:880px;margin:0 auto;padding:1.5rem;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}header.site{border-bottom:1px solid var(--border-color);padding-bottom:1.2rem;margin-bottom:2rem}h1{font-size:1.8rem;font-weight:700;margin:.2rem 0;letter-spacing:-.02em}.meta{font-size:.9rem;color:var(--text-secondary)}.langs{font-size:.85rem;margin-top:.75rem;line-height:2;color:var(--text-muted)}.lang{transition:var(--transition-base);padding:.2rem .5rem;border-radius:var(--radius-md)}.lang:hover{background-color:var(--border-color);color:var(--text-primary)}.lang.current{font-weight:700;color:var(--text-primary);background-color:var(--border-color)}.search{width:100%;margin:1.5rem 0 .5rem;padding:.75rem 1rem;font-size:.95rem;font-family:var(--font-sans);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126,var(--shadow-sm)}.grid{display:flex;flex-direction:column;gap:1rem}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--card-bg);overflow:hidden;display:flex;flex-direction:row;align-items:stretch;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#6366f14d}.card .thumb-wrap{position:relative;width:170px;height:124px;flex:none}.card .thumb{width:100%;height:100%;object-fit:cover;background:#8882;transition:var(--transition-base)}.card:hover .thumb{filter:brightness(1.05)}.sample-badge{position:absolute;top:6px;left:6px;z-index:1;background:#111827b8;color:#fff;font-size:.62rem;font-weight:600;letter-spacing:.08em;padding:2px 7px;border-radius:5px;pointer-events:none}.img-wrap{position:relative;display:block}.img-wrap .sample-badge{top:10px;left:10px;font-size:.72rem;padding:3px 9px}.card .body{padding:.8rem 1rem;min-width:0;align-self:center}.card .nm{font-weight:600;font-size:1.05rem;line-height:1.4;margin-top:.2rem}.snip{font-size:.85rem;color:var(--text-secondary);margin-top:.4rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.2rem}.badge{font-size:.75rem;font-weight:600;padding:.15rem .6rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;box-shadow:var(--shadow-sm)}.badge.castle{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.badge.garden{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge.shrine{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge.temple{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.badge.museum{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.badge.attraction{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.badge.culture{background:linear-gradient(135deg,#be123c,#9f1239);color:#fff}.htag{font-size:.75rem;padding:.12rem .55rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-secondary);border-radius:var(--radius-full);white-space:nowrap;max-width:140px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle}.spot-img{width:100%;max-height:440px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.attr{font-size:.75rem;color:var(--text-muted);margin-top:.4rem;text-align:right}.attr a{text-decoration:underline}.desc{font-size:1.05rem;line-height:1.7;color:var(--text-primary);margin:1.5rem 0;white-space:pre-line}.maplink{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--card-bg);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.maplink:hover{background-color:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.back{font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;transition:var(--transition-base)}.back:hover{transform:translate(-3px)}footer{margin-top:3.5rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:1.2rem;text-align:center}@media(max-width:480px){.card .thumb-wrap{width:120px;height:100px}body{padding:1rem}}