@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{--ink:#15352f;--ink-soft:#49615c;--paper:#f7f3ea;--paper-deep:#eee8dc;--cream:#fffdf7;--green:#165f4e;--green-light:#dcece3;--orange:#e55f35;--orange-light:#ffe8da;--line:#d9d5ca;--shadow:0 18px 50px #18362f1a;--radius:28px;--shell:min(1180px, calc(100% - 40px));color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0, #ffffffbf, transparent 28rem), var(--paper);min-width:320px;min-height:100vh;margin:0}body,button,input{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible+span{outline-offset:4px;outline:3px solid #e98a69}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.shell{width:var(--shell);margin-inline:auto}.site-header{z-index:10;backdrop-filter:blur(16px);background:#f7f3eae0;border-bottom:1px solid #15352f14;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-text strong{letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-size:1.12rem;font-weight:700;line-height:1}.brand-text small{color:var(--ink-soft);letter-spacing:.04em;font-size:.55rem;font-weight:600}.brand-mark{background:var(--green);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.brand-mark span{background:var(--paper);border-radius:50%;width:7px;height:7px;position:absolute}.brand-mark span:first-child{transform:translate(-7px,4px)}.brand-mark span:nth-child(2){transform:translate(6px,5px)}.brand-mark span:nth-child(3){transform:translateY(-7px)}.site-nav{align-items:center;gap:26px;display:flex}.nav-link{color:var(--ink-soft);font-size:.92rem;font-weight:600;position:relative}.nav-link:after{background:var(--orange);content:"";height:2px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 24px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink);box-shadow:0 10px 24px #15352f2b}.button-dark:hover{background:#0b4539;box-shadow:0 14px 30px #15352f38}.button-orange{color:#fff;background:var(--orange);box-shadow:0 12px 28px #e55f353b}.button-orange:hover{background:#cf4e28}.button-ghost{border:1px solid var(--line);color:var(--ink);background:#ffffff75}.button-small{min-height:44px;padding-inline:20px;font-size:.9rem}.button-arrow{font-size:1.2em}.eyebrow{color:var(--orange);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 16px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:currentColor;width:20px;height:2px}.section-title{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.25}.section-copy{max-width:42rem;color:var(--ink-soft);margin:18px 0 0;font-size:1rem;line-height:2}.text-link{color:var(--green);align-items:center;gap:7px;font-weight:700;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(3px,-3px)}.hobby-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.hobby-card{border-radius:var(--radius);background:var(--cream);border:1px solid #15352f17;flex-direction:column;min-width:0;min-height:440px;padding:26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #18362f0d}.hobby-card:before{background:var(--soft);content:"";border-radius:50%;width:190px;height:190px;position:absolute;top:-68px;right:-54px}.hobby-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.card-topline{z-index:1;justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex;position:relative}.rank{font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:700}.rarity{color:var(--accent);background:var(--soft);border-radius:999px;padding:5px 10px;font-size:.7rem;font-weight:700}.card-icon{z-index:1;width:76px;height:76px;color:var(--accent);background:var(--soft);border-radius:22px;place-items:center;margin:26px 0 18px;font-family:DM Sans,sans-serif;font-size:2rem;font-weight:700;display:grid;position:relative}.card-parent{color:var(--accent);margin:0 0 6px;font-size:.76rem;font-weight:700}.hobby-card h3{margin:0;font-size:1.28rem;line-height:1.45}.hobby-card h3 a:after{content:"";position:absolute;inset:0}.card-tagline{color:var(--ink-soft);margin:12px 0 20px;font-size:.9rem;line-height:1.75}.match-reason{border-left:3px solid var(--accent);color:var(--ink);background:var(--soft);margin:-4px 0 18px;padding:10px 12px;font-size:.78rem;line-height:1.65}.quick-facts{gap:8px;margin:auto 0 20px;display:flex}.quick-facts div{background:#f6f4ee;border-radius:12px;flex:1;padding:10px 12px}.quick-facts dt{color:#7b8582;font-size:.68rem}.quick-facts dd{margin:2px 0 0;font-size:.86rem;font-weight:700}.card-link{z-index:2;width:fit-content;font-size:.83rem;position:relative}.page-hero{padding:88px 0 64px}.page-hero-inner{grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);align-items:end;gap:60px;display:grid}.page-title{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(2.7rem,7vw,5.8rem);line-height:1.08}.page-description{color:var(--ink-soft);margin:20px 0 0;font-size:1rem;line-height:2}.site-footer{color:#e6eee9;background:var(--ink);margin-top:120px;padding:62px 0 24px}.footer-grid{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-brand .brand-mark{background:var(--orange)}.footer-brand .brand-text small{color:#8fa69e}.footer-grid p{color:#9eb3ac;margin:18px 0 0;font-size:.88rem}.footer-links{color:#bed0c9;gap:28px;font-size:.86rem;display:flex}.footer-links a:hover{color:#fff}.footer-bottom{color:#819a91;border-top:1px solid #ffffff1a;justify-content:space-between;gap:24px;margin-top:54px;padding-top:20px;display:flex}@media (width<=880px){.hobby-grid{grid-template-columns:repeat(2,1fr)}.page-hero-inner{grid-template-columns:1fr;gap:24px}}@media (width<=640px){:root{--shell:min(100% - 28px, 1180px);--radius:22px}.header-inner{min-height:70px}.site-nav{gap:10px}.nav-link,.site-header .brand-text small{display:none}.hobby-grid{grid-template-columns:1fr}.hobby-card{min-height:390px}.page-hero{padding:60px 0 44px}.footer-grid,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}