:root{--accent: #0f9ea3;--accent-dark: #0b8085;--accent-soft: #e2f3f1;--green: #3fa98a;--ink: #1b2a32;--ink-soft: #66757d;--num: #cfd9dd;--line: #e7ebed;--bg: #ffffff;--dark: #16202a;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1040px;margin:0 auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-size:1.35rem;font-weight:800;letter-spacing:.02em}.logo .dot{color:var(--accent)}.nav{display:flex;gap:30px}.nav a{font-size:.92rem;font-weight:600;color:var(--ink-soft)}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--accent)}.menu-btn{display:none;background:none;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink)}.hero{background:linear-gradient(180deg,#cdeee7,#e7f6f1 45%,#fff);text-align:center;padding:64px 24px 72px}.hero-inner{max-width:760px}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.22em;margin:0 0 18px}.hero-title{font-size:2.7rem;font-weight:800;line-height:1.4;letter-spacing:.01em;margin:0 0 20px;color:var(--ink)}.hero-sub{color:var(--ink-soft);font-size:1rem;margin:0 0 30px}.br-sp{display:none}.search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 8px 8px 22px;max-width:520px;margin:0 auto;box-shadow:0 14px 34px #0f9ea329}.search input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent;color:var(--ink)}.search button{border:none;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;padding:11px 24px;border-radius:999px;cursor:pointer}.search button:hover{background:var(--accent-dark)}.hero{position:relative;overflow:hidden}.hero-mascots{display:flex;justify-content:center;align-items:flex-end;gap:22px;margin-top:56px}.mascot{margin:0;width:140px;position:relative;text-align:center}.mascot img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 10px rgba(22,50,58,.18))}.mascot-name{margin-top:8px;font-size:.78rem;font-weight:800;color:var(--ink)}.mascot-uta .mascot-name{color:var(--accent)}.mascot-yuzu .mascot-name{color:#f59a3c}.bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;color:#fff;font-size:.8rem;font-weight:800;padding:8px 15px;border-radius:16px;box-shadow:0 6px 16px #16323a2e;z-index:2}.bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-width:9px}.bubble-uta{background:var(--accent)}.bubble-uta:after{border-top-color:var(--accent)}.bubble-yuzu{background:#f59a3c}.bubble-yuzu:after{border-top-color:#f59a3c}@keyframes pop-in{0%{opacity:0;transform:translateY(16px) scale(.85)}70%{opacity:1;transform:translateY(0) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.mascot{animation:pop-in .6s cubic-bezier(.2,.8,.3,1.25) both}.mascot-uta{animation-delay:.05s}.mascot-yuzu{animation-delay:.25s;animation-duration:.8s}@media (hover: hover){.mascot-uta:hover img{animation:uta-jump .5s ease}.mascot-yuzu:hover img{animation:yuzu-wobble .7s ease}}@keyframes uta-jump{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-14px) rotate(-4deg)}55%{transform:translateY(0) rotate(3deg)}78%{transform:translateY(-5px)}}@keyframes yuzu-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}85%{transform:rotate(-1deg)}}.bubble{transform-origin:bottom center;animation:bubble-sway 3s ease-in-out infinite}.bubble-uta{animation-duration:2.4s}.bubble-yuzu{animation-duration:3.8s}@keyframes bubble-sway{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.mascot,.mascot img,.bubble{animation:none!important}}@media (min-width: 900px){.hero{padding-bottom:40px}.hero-mascots{display:block;margin:0}.mascot{position:absolute;bottom:24px;width:172px}.mascot-uta{left:3.5%}.mascot-yuzu{right:3.5%}}@media (min-width: 1180px){.mascot-uta{left:7%}.mascot-yuzu{right:7%}}.section{padding:56px 24px 8px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.section-head h2{font-size:1.4rem;font-weight:800;margin:0}.view-all{color:var(--ink-soft);font-size:.85rem;font-weight:600}.view-all:hover{color:var(--accent)}.article-list{list-style:none;margin:8px 0 0;padding:0}.article-row{border-bottom:1px solid var(--line)}.row-link{display:flex;align-items:center;gap:28px;padding:26px 4px}.row-num{font-size:1.6rem;font-weight:800;color:var(--num);width:42px;flex-shrink:0}.row-body{flex:1;min-width:0}.row-cat{display:block;color:var(--accent);font-size:.78rem;font-weight:700;margin-bottom:6px}.row-title{font-size:1.22rem;font-weight:700;line-height:1.5;margin:0;color:var(--ink)}.row-link:hover .row-title{color:var(--accent)}.row-thumb{width:188px;height:116px;border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#93a2a8;font-size:.78rem}.row-thumb img{width:100%;height:100%;object-fit:cover}.tint-0{background:repeating-linear-gradient(-45deg,#e4f2ee,#e4f2ee 9px,#dbeee8 9px 18px)}.tint-1{background:repeating-linear-gradient(-45deg,#e7f3ea,#e7f3ea 9px,#ddeee1 9px 18px)}.tint-2{background:repeating-linear-gradient(-45deg,#e6f1f3,#e6f1f3 9px,#dbebed 9px 18px)}.categories{text-align:center;padding:48px 24px 8px}.cat-label{color:var(--ink-soft);font-size:.92rem;font-weight:700;margin:0 0 18px}.cat-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pill{border:1px solid var(--line);border-radius:999px;padding:9px 20px;font-size:.86rem;font-weight:600;color:var(--ink-soft);background:#fff;cursor:pointer}.pill:hover,.pill.active{border-color:var(--accent);color:var(--accent)}.author-band{background:var(--dark);color:#e8edf0;margin-top:56px;padding:40px 24px}.author-inner{display:flex;align-items:center;gap:26px}.avatar{width:76px;height:76px;border-radius:50%;flex-shrink:0;object-fit:cover;background:#1f2832}.author-text{flex:1;min-width:0}.author-eyebrow{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.12em;margin:0 0 6px}.author-name{font-size:1.2rem;font-weight:800;margin:0 0 8px;color:#fff}.author-role{font-size:.82rem;font-weight:500;color:#aab6bd;margin-left:10px}.author-bio{font-size:.9rem;color:#b9c3c9;margin:0;line-height:1.8}.author-btn{flex-shrink:0;border:1px solid #46535d;border-radius:999px;padding:12px 26px;font-size:.88rem;font-weight:700;color:#fff}.author-btn:hover{background:#ffffff14}.site-footer{text-align:center;padding:28px 24px;color:var(--ink-soft);font-size:.8rem;background:#fff;border-top:1px solid var(--line)}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-bottom:14px}.footer-nav a{color:var(--ink-soft);font-weight:600}.footer-nav a:hover{color:var(--accent)}.footer-copy{margin:0}.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;padding:13px 30px;border-radius:999px;margin:6px 0}.btn:hover{background:var(--accent-dark)}.container.article-wrap{padding-top:40px;padding-bottom:64px}.article .cover{width:100%;max-height:380px;object-fit:cover;border-radius:var(--radius)}.article h1{font-size:2rem;margin:24px 0 12px}.article .meta{color:var(--ink-soft);font-size:.9rem;margin-bottom:26px}.article-body{font-size:1.02rem}.article-body h2{margin-top:34px;padding-left:14px;border-left:5px solid var(--accent)}.article-body ul{padding-left:1.2em}.article-body strong{color:var(--accent-dark)}.badge{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark)}.back-link{display:inline-block;margin-top:34px;font-weight:700;color:var(--accent)}.back-link:hover{text-decoration:underline}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 6px;box-shadow:0 10px 24px #16323a29}.graph-placeholder{border:2px dashed var(--line);border-radius:var(--radius);padding:30px 16px;text-align:center;color:var(--ink-soft);font-size:.9rem;background:#fafcfc;margin:22px 0}.graph-figure{margin:22px 0}.graph-figure img{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--line)}.graph-figure figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:8px;text-align:center}.graph-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.graph-marks .mark{font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:999px}.mark-max{background:#fde8e7;color:#d6453f}.mark-min{background:#e4f0fb;color:#2b73c2}.page-title{font-size:1.8rem;font-weight:800;margin:0 0 8px}.page-lead{color:var(--ink-soft);font-size:.95rem;margin:0 0 22px}.page-lead a{color:var(--accent);font-weight:600}.page-lead a:hover{text-decoration:underline}.empty-note{color:var(--ink-soft);background:#fafcfc;border:1px dashed var(--line);border-radius:var(--radius);padding:28px 16px;text-align:center;font-size:.92rem}.cat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.cat-card{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .15s,transform .15s}.cat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cat-card-name{font-weight:800;color:var(--ink)}.cat-card-count{font-size:.82rem;color:var(--ink-soft)}.pets{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin:18px 0 8px}.pets figure{margin:0}.pets img{height:300px;width:auto;max-width:100%;border-radius:var(--radius);display:block}.pets figcaption{text-align:center;font-weight:700;margin-top:8px;font-size:.92rem;color:var(--ink)}@media (max-width: 560px){.pets img{height:150px}}@media (max-width: 720px){.menu-btn{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 16px}.nav.open{display:flex}.nav a{padding:10px 0}.hero{padding:44px 18px 52px}.hero-title{font-size:1.6rem;word-break:keep-all}.hero-sub{font-size:.95rem}.br-sp{display:inline}.row-link{gap:16px;padding:20px 2px}.row-num{font-size:1.2rem;width:30px}.row-title{font-size:1.02rem}.row-thumb{width:96px;height:70px}.author-inner{flex-wrap:wrap;gap:18px}.author-btn{width:100%;text-align:center}}