:root{color-scheme:light;--ink:#4a3b35;--ink-soft:#7a6a62;--paper:#fffaf1;--card:#fff;--silver:#e4e9ee;--silver-deep:#5d6870;--apricot:#f7c28b;--apricot-deep:#c9672f;--pink:#fbd5dc;--pink-deep:#e07b8f;--leaf:#cfe7c6;--leaf-deep:#4f8a45;--sky:#dcecf8;--butter:#fff0b8;--red:#c2412f;--red-bg:#fde7e3;--amber:#9a5a00;--amber-bg:#fff2d9;--green:#3e7a3a;--green-bg:#e6f3e2;--radius:22px;--wobble:255px 18px 225px 18px / 18px 225px 18px 255px;--shadow:4px 4px 0 var(--ink);--font-body:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;--font-display:"Mochiy Pop One", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);background-image:radial-gradient(var(--leaf) 1.2px, transparent 1.3px);color:var(--ink);font-family:var(--font-body);background-size:26px 26px;margin:0;font-size:16px;font-weight:500;line-height:1.95}a{color:var(--apricot-deep);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px;border-radius:6px}img{max-width:100%;height:auto}svg{max-width:100%;display:block}.wrap{max-width:980px;margin:0 auto;padding-inline:16px}.narrow{max-width:760px}h1,h2,h3{text-wrap:balance;color:var(--ink)}h1{font-family:var(--font-display);letter-spacing:.02em;margin:.3em 0 .6em;font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:400;line-height:1.5}h2{font-family:var(--font-display);align-items:center;gap:10px;margin:2.2em 0 .8em;font-size:clamp(1.18rem,2.4vw,1.45rem);font-weight:400;line-height:1.5;display:flex}h2 .paw{width:26px;height:26px;color:var(--pink-deep);flex:none}h3{margin:1.6em 0 .5em;font-size:1.1rem;font-weight:700}.lead{color:var(--ink-soft)}.small{color:var(--ink-soft);font-size:.85rem}.site-header{background:var(--card);border-bottom:3px solid var(--ink);top:env(safe-area-inset-top,0px);z-index:20;position:sticky}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;min-height:64px;padding-block:6px;display:flex}.logo{color:var(--ink);font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:8px;font-size:1.22rem;text-decoration:none;display:flex}.logo .face{width:40px;height:40px}.logo small{font-family:var(--font-body);color:var(--ink-soft);letter-spacing:.08em;margin-top:2px;font-size:.62rem;line-height:1;display:block}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{color:var(--ink);border:2px solid #0000;border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:700;text-decoration:none}.site-nav a:hover{border-color:var(--ink);background:var(--butter)}.site-nav a[aria-current=page]{background:var(--pink);border-color:var(--ink)}main{padding-block:26px 56px}.menu-btn{font:inherit;color:var(--ink);background:var(--butter);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 12px;font-size:.82rem;font-weight:700;display:none}.menu-btn .bars{gap:4px;width:18px;display:grid}.menu-btn .bars i{background:var(--ink);border-radius:2px;height:2.5px;transition:transform .2s,opacity .2s;display:block}.menu-btn[aria-expanded=true]{background:var(--pink)}.menu-btn[aria-expanded=true] .bars i:first-child{transform:translateY(6.5px)rotate(45deg)}.menu-btn[aria-expanded=true] .bars i:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] .bars i:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.drawer{inset:calc(58px + env(safe-area-inset-top,0px)) 0 0;z-index:19;background:var(--paper);background-image:radial-gradient(var(--leaf) 1.2px, transparent 1.3px);background-size:26px 26px;animation:.22s ease-out drawer-in;position:fixed;overflow-y:auto}@keyframes drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.drawer-inner{padding-block:18px 40px;position:relative}.drawer-nav{gap:10px;margin:0;padding:0;list-style:none;display:grid}.drawer-nav a{background:var(--card);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;text-decoration:none;display:flex}.drawer-nav a[aria-current=page]{background:var(--pink)}.drawer-nav strong{font-family:var(--font-display);font-size:1.05rem;font-weight:400}.drawer-nav small{color:var(--ink-soft);text-align:right;font-size:.76rem}.drawer-extra{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}.drawer-extra a{color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:3px 14px;font-size:.84rem;font-weight:700;text-decoration:none}.drawer-cat{width:110px;margin:20px 0 0 auto}body.menu-open{overflow:hidden}@media (width<=760px){.site-nav{display:none}.menu-btn{display:inline-flex}.header-inner{flex-wrap:nowrap;min-height:58px;padding-block:4px}.logo{font-size:1.08rem}.logo .face{width:34px;height:34px}.logo small{font-size:.55rem}main{padding-block:18px 44px}.card{padding:14px}.card h3{font-size:.96rem}.card p{font-size:.8rem}.card-icon{width:42px;height:42px}.card-icon svg{width:24px;height:24px}.product{border-radius:16px;padding:10px}.product .comment{display:none}.fortune .face{width:58px}.prose{font-size:.98rem}h2{margin-top:1.8em}}@media (width<=360px){.menu-label{display:none}}.sketch{background:var(--card);border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow)}.bubble{background:var(--card);border:3px solid var(--ink);border-radius:26px;padding:14px 18px;position:relative}.bubble:after{content:"";background:var(--card);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:20px;height:20px;position:absolute;bottom:-14px;left:34px;transform:rotate(45deg)}.hero{background:linear-gradient(180deg, var(--sky) 0%, #eef6fc 60%, var(--paper) 100%);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:34px;grid-template-columns:1.05fr 1fr;align-items:center;gap:12px 28px;padding:26px 26px 18px;display:grid;overflow:hidden}.hero-copy .eyebrow{background:var(--butter);border:2px solid var(--ink);border-radius:999px;padding:2px 14px;font-size:.82rem;font-weight:700;display:inline-block}.hero h1{margin:.45em 0 .4em;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.45}.hero h1 em{background:linear-gradient(transparent 62%, var(--pink) 62%);font-style:normal}.hero p{margin:0 0 1em}.hero-art svg{width:100%;height:auto}.hero-art .px-layer{will-change:transform;transform-box:view-box}.cta{flex-wrap:wrap;gap:10px;display:flex}.btn{border:3px solid var(--ink);color:var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);color:var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-pink{background:var(--pink)}.btn-butter{background:var(--butter)}.btn-leaf{background:var(--leaf)}@media (width<=760px){.hero{grid-template-columns:1fr;padding:20px 16px 14px}.hero-art{order:-1;width:100%;max-width:420px;margin:0 auto}}.praise{grid-template-columns:200px 1fr;align-items:start;gap:20px;margin-top:34px;display:grid}.praise .speaker svg{width:100%;max-width:200px}.praise-body .bubble{margin-bottom:22px;font-size:1.02rem}.praise-body .bubble:after{border-right:0;border-bottom:3px solid var(--ink);border-left:3px solid var(--ink);top:38px;bottom:auto;left:-14px}.traits{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.trait{padding:16px 18px}.trait h3{align-items:center;gap:8px;margin:0 0 .3em;font-size:1.02rem;display:flex}.trait p{margin:0;font-size:.9rem;line-height:1.75}.trait:nth-child(4n+1){background:#fff6f8}.trait:nth-child(4n+2){background:#f5f9fc}.trait:nth-child(4n+3){background:#fffbea}.trait:nth-child(4n+4){background:#f3faf1}.meter-list{gap:8px;margin:22px 0 0;padding:18px 20px;list-style:none;display:grid}.meter-list li{grid-template-columns:9.5em 1fr;align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:grid}.meter-list .stars{color:var(--pink-deep);letter-spacing:.12em;font-size:1.05rem}.meter-list .stars small{color:var(--ink-soft);letter-spacing:0;margin-left:6px;font-size:.75rem;font-weight:500}@media (width<=680px){.praise{grid-template-columns:1fr}.praise .speaker{max-width:140px;margin:0 auto}.praise-body .bubble:after{border-left:3px solid var(--ink);border-top:3px solid var(--ink);border-bottom:0;border-right:0;top:-14px;left:50%}.meter-list li{grid-template-columns:1fr;gap:0}}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.card{color:var(--ink);padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}a.card:hover{box-shadow:6px 6px 0 var(--ink);color:var(--ink);transform:translate(-2px,-2px)rotate(-.4deg)}.card h3{margin:6px 0 .2em;font-size:1.05rem}.card p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.7}.card .tag{border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-block}.card-icon{border:2.5px solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.card-icon svg{width:30px;height:30px;color:var(--ink)}.bg-pink{background:var(--pink)}.bg-sky{background:var(--sky)}.bg-leaf{background:var(--leaf)}.bg-butter{background:var(--butter)}.bg-apricot{background:#fde0c2}.bg-silver{background:var(--silver)}.beginner-band{color:var(--ink);background:#fff6f8;grid-template-columns:130px auto 1fr;align-items:center;gap:4px 14px;margin-top:30px;padding:18px 22px;text-decoration:none;display:grid}.beginner-band:hover{color:var(--ink);transform:rotate(-.3deg)}.beginner-art{grid-row:span 2;width:130px}.beginner-art svg{width:100%;height:auto}.beginner-band strong,.beginner-band span:last-child{grid-column:3}.beginner-band .beginner-mark{background:var(--leaf);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;grid-area:span 2/2;padding:2px 12px;font-size:.78rem;font-weight:700}.beginner-band strong{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.beginner-band span:last-child{color:var(--ink-soft);font-size:.88rem}@media (width<=620px){.beginner-band{grid-template-columns:96px 1fr}.beginner-art{grid-row:span 3;width:96px}.beginner-band .beginner-mark{grid-area:auto/2;justify-self:start}.beginner-band strong,.beginner-band span:last-child{grid-column:2}}.fortune-band{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:30px;display:grid}.fortune{color:var(--ink);background:#fff3f6;align-items:center;gap:14px;padding:18px;text-decoration:none;display:flex}.fortune .face{flex:none;width:76px}.fortune h3{font-family:var(--font-display);margin:0;font-weight:400}.fortune p{color:var(--ink-soft);margin:2px 0 0;font-size:.86rem}.fortune:hover{color:var(--ink);transform:rotate(-.6deg)}.card-art{padding-top:12px}.card-art img{aspect-ratio:12/5;object-fit:cover;border:2px solid var(--ink);border-radius:12px;width:100%;margin-bottom:10px;display:block}.walk-divider{max-width:520px;margin:34px auto 0}.walk-divider svg{width:100%;height:auto}.walk-divider.flip svg{transform:scaleX(-1)}.list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.list li a{color:var(--ink);background:var(--card);border:2.5px solid var(--ink);border-radius:18px;padding:14px 18px;text-decoration:none;transition:background .15s;display:block}.list li a:hover{background:var(--butter)}.list .t{font-weight:700;line-height:1.6}.list .d{color:var(--ink-soft);margin-top:2px;font-size:.86rem;line-height:1.7}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title a{font-size:.88rem;font-weight:700}.badge{vertical-align:middle;border:2px solid;border-radius:999px;margin-right:6px;padding:0 10px;font-size:.74rem;font-weight:700;line-height:1.9;display:inline-block}.u-emergency{background:var(--red-bg);color:var(--red)}.u-soon{background:var(--amber-bg);color:var(--amber)}.u-watch{background:var(--green-bg);color:var(--green)}.cat{background:var(--card);color:var(--ink)}.article{padding:30px 30px 34px}.article .meta{color:var(--ink-soft);font-size:.85rem}.prose{font-size:1.02rem}.prose h2{background:var(--butter);border:2.5px solid var(--ink);border-radius:14px;max-width:none;margin-top:2em;padding:6px 16px;display:block}.prose h3{border-left:5px solid var(--apricot);padding-left:12px}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.25em}.prose table{border-collapse:separate;border-spacing:0;border:2.5px solid var(--ink);border-radius:14px;width:100%;max-width:none;font-size:.92rem;overflow:hidden}.prose th:first-child{border-top-left-radius:11px}.prose th:last-child{border-top-right-radius:11px}.prose>:first-child{margin-top:0}#hs-text p{margin:0 0 .7em}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1.5px dashed #d8cdc5;padding:9px 12px}.prose tr:last-child td{border-bottom:0}.prose th{background:var(--sky);white-space:nowrap;border-bottom:2.5px solid var(--ink)}.prose blockquote{border:2.5px dashed var(--leaf-deep);background:#f3faf1;border-radius:16px;margin:1.4em 0;padding:14px 18px}.prose blockquote p{margin:0}.prose strong{background:linear-gradient(transparent 60%, var(--butter) 60%)}.notice{border:2.5px solid var(--ink);border-radius:16px;margin:16px 0;padding:12px 16px;font-size:.92rem}.notice-review{background:var(--amber-bg)}.notice-emergency{background:var(--red-bg);border-color:var(--red);color:#6d1e16}.notice-emergency strong{color:var(--red);background:0 0}.breadcrumb{color:var(--ink-soft);margin-bottom:10px;font-size:.84rem}.breadcrumb a{color:var(--ink-soft)}.related{margin-top:36px}.eyecatch{margin:4px 0 18px}.eyecatch img{border:3px solid var(--ink);border-radius:20px;width:100%;display:block}.eyecatch-art svg{border:3px solid var(--ink);border-radius:20px;width:100%;height:auto}.eyecatch figcaption{color:var(--ink-soft);text-align:right;margin-top:4px;font-size:.74rem}.list li a.has-thumb{grid-template-rows:auto 1fr;grid-template-columns:112px 1fr;align-items:start;column-gap:14px;display:grid}.list .thumb{object-fit:cover;border:2px solid var(--ink);border-radius:10px;grid-row:1/span 2;width:112px;height:63px}@media (width<=480px){.list li a.has-thumb{grid-template-columns:84px 1fr}.list .thumb{width:84px;height:47px}}.products{margin-top:36px}.products .pr-note{color:var(--ink-soft);margin:-6px 0 12px;font-size:.78rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.product{color:var(--ink);background:var(--card);border:2.5px solid var(--ink);border-radius:20px;grid-template-rows:auto 1fr auto;gap:8px;padding:14px;text-decoration:none;transition:transform .15s;display:grid}.product:hover{color:var(--ink);transform:translateY(-3px)}.product .img{aspect-ratio:1;background:#fff;border-radius:14px;place-items:center;max-width:100%;display:grid;overflow:hidden}.product .img img{object-fit:contain;width:100%;height:100%}.product .name{font-size:.88rem;font-weight:700;line-height:1.55}.product .maker{color:var(--ink-soft);font-size:.74rem;display:block}.product .comment{color:var(--ink-soft);margin:0;font-size:.8rem;line-height:1.6}.product .go{background:var(--butter);border:2px solid var(--ink);border-radius:999px;justify-self:start;padding:2px 12px;font-size:.8rem;font-weight:700}.tool{padding:26px}.field{border:0;min-width:0;margin:0 0 18px;padding:0}.field>label,.field>legend{margin-bottom:6px;padding:0;font-weight:700;display:block}.field .hint{color:var(--ink-soft);margin-top:4px;font-size:.84rem}input[type=number],input[type=date],input[type=text],select{font:inherit;border:2.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:14px;width:100%;max-width:260px;padding:9px 14px}.row{flex-wrap:wrap;gap:0 18px;display:flex}.row>.field{flex:180px}.choices{gap:8px;display:grid}.choices.cols{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.choices label{cursor:pointer;background:#fff;border:2.5px solid #d8cdc5;border-radius:16px;align-items:flex-start;gap:10px;padding:10px 14px;font-weight:500;line-height:1.6;display:flex}.choices label:has(input:checked){border-color:var(--ink);background:var(--butter)}.choices input{accent-color:var(--pink-deep);flex:none;margin-top:5px}.pill-radio{flex-wrap:wrap;gap:8px;display:flex}.pill-radio label{cursor:pointer;background:#fff;border:2.5px solid #d8cdc5;border-radius:999px;align-items:center;gap:6px;padding:5px 16px;font-weight:700;display:inline-flex}.pill-radio label:has(input:checked){border-color:var(--ink);background:var(--pink)}.pill-radio input{accent-color:var(--pink-deep)}.result{border:2.5px solid var(--ink);background:#f3faf1;border-radius:20px;margin-top:22px;padding:20px 22px}.result .big{font-family:var(--font-display);font-size:1.7rem;line-height:1.4}.result .sub{color:var(--ink-soft);font-size:.9rem}.result p:last-child{margin-bottom:0}.meter{border:2px solid var(--ink);background:#e3e9e4;border-radius:999px;height:16px;margin:22px 0 6px;position:relative}.meter .range{background:var(--leaf);position:absolute;top:0;bottom:0}.meter .dot{background:var(--pink-deep);border:3px solid var(--ink);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%}.meter-labels{color:var(--ink-soft);justify-content:space-between;font-size:.78rem;display:flex}.paw-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.paw-choices label{cursor:pointer;text-align:center;background:#fff;border:2.5px solid #d8cdc5;border-radius:18px;justify-items:center;gap:4px;padding:10px 6px 8px;font-size:.82rem;font-weight:700;line-height:1.4;transition:transform .12s;display:grid;position:relative}.paw-choices label:hover{transform:translateY(-2px)}.paw-choices label:has(input:checked){border-color:var(--ink);background:var(--pink);box-shadow:3px 3px 0 var(--ink)}.paw-choices label:has(input:focus-visible){outline:3px solid var(--pink-deep);outline-offset:2px}.paw-choices input{opacity:0;pointer-events:none;position:absolute}.paw-pic{width:100%;max-width:92px}.paw-pic svg,.result-paw svg{width:100%;height:auto}.result-paw{float:right;width:120px;margin:0 0 8px 14px}#p-text p{margin:0 0 .7em}@media (width<=520px){.paw-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.result-paw{width:88px}}.luck{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.luck-value{font-family:var(--font-display);color:var(--pink-deep);font-size:1.3rem}.lucky{margin-top:14px}.lucky-label{background:var(--butter);border:2px solid var(--ink);border-radius:999px;margin-bottom:8px;padding:0 12px;font-size:.8rem;font-weight:700;display:inline-block}.lucky-card{background:var(--card);border:2.5px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:18px;grid-template-columns:120px 1fr;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:transform .15s;display:grid}.lucky-card:hover{color:var(--ink);transform:translateY(-2px)}.lucky-card img{object-fit:contain;background:#fff;border-radius:12px;width:120px;height:120px}.lucky-name{font-weight:700;line-height:1.5;display:block}.lucky-why{color:var(--ink-soft);margin:4px 0 8px;font-size:.84rem;line-height:1.65;display:block}.lucky-card .go{background:var(--butter);border:2px solid var(--ink);border-radius:999px;padding:1px 12px;font-size:.78rem;font-weight:700;display:inline-block}@media (width<=480px){.lucky-card{grid-template-columns:84px 1fr}.lucky-card img{width:84px;height:84px}}.site-footer{border-top:3px solid var(--ink);background:var(--card);color:var(--ink-soft);padding-block:26px 30px;font-size:.84rem}.footer-inner{grid-template-columns:90px 1fr;align-items:start;gap:18px;display:grid}.footer-inner .face{width:90px}.site-footer p{margin:.35em 0}.footer-links{flex-wrap:wrap;gap:6px 16px;display:flex}@media (width<=600px){.prose table{display:block;overflow-x:auto}.article,.tool{padding:22px 16px}.footer-inner{grid-template-columns:1fr}.footer-inner .face{width:64px}}.article-page{max-width:820px;margin-inline:auto}@media (width<=760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.traits{grid-template-columns:1fr}}@media (width<=360px){.grid,.product-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.praise .speaker svg{transform-origin:50% 100%;animation:3.2s ease-in-out infinite bob}@keyframes bob{0%,to{translate:0;rotate:0deg}50%{translate:0 -7px;rotate:-2.5deg}}.hero-art .cat-red{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out .4s infinite bob}.trait .paw,.card .card-icon svg{transition:rotate .2s}.trait:hover .paw,.card:hover .card-icon svg{animation:.6s ease-in-out wiggle}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-18deg}50%{rotate:14deg}75%{rotate:-8deg}}.walk-divider svg g[fill=\#d8cdc5]{animation:2.4s ease-in-out infinite step}@keyframes step{0%,to{opacity:.55}50%{opacity:1}}@supports (animation-timeline:view()){.trait,.radar,.beginner-band,.fortune,.grid>.card,.list li{animation:linear both rise view();animation-range:entry entry 55%}@keyframes rise{0%{opacity:0;translate:0 34px;scale:.96}to{opacity:1;translate:0;scale:1}}}}.supervisor{background:var(--green-bg);border:2.5px solid var(--ink);border-radius:18px;grid-template-columns:56px 1fr;align-items:start;gap:14px;margin-top:28px;padding:16px 18px;display:grid}.supervisor .sv-face{width:56px}.supervisor p{color:var(--ink-soft);margin:4px 0 0;font-size:.86rem;line-height:1.75}.works{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.work{padding:16px 18px}.work-art{border:2px solid var(--ink);border-radius:10px;margin:0 0 10px;line-height:0;overflow:hidden}.work-art svg{width:100%;height:auto;display:block}.work h3{margin:8px 0 2px;font-size:1.05rem}.work .tag{border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-block}.work p{margin:0 0 .5em;font-size:.86rem;line-height:1.75}.work .work-by{color:var(--ink-soft);font-size:.78rem}.work .work-src{color:var(--ink-soft);margin:0;font-size:.74rem}@media (width<=760px){.works{grid-template-columns:1fr}}.coat-stage{grid-template-columns:220px 1fr;align-items:start;gap:18px;margin-bottom:18px;display:grid}.coat-pic svg{width:100%;height:auto}.coat-result{margin-top:0}@media (width<=600px){.coat-stage{grid-template-columns:1fr}.coat-pic{width:180px;margin:0 auto}}.type-choices label{font-weight:500}h1,h2,h3,h4,h5,h6,.card,.product .name,td,.fortune,.work,.list .t,.tag,.btn,.badge,.big,.sub,legend,label,th,.breadcrumb,.eyebrow,.result-lead{word-break:keep-all;overflow-wrap:break-word}.traits-wrap{padding-bottom:70px;position:relative}.traits{z-index:1;position:relative}.trait.sketch{isolation:isolate;box-shadow:none;background:0 0;border:0;padding:19px 21px;position:relative}.trait.sketch:before{content:"";z-index:-1;background:var(--trait-bg,var(--card));border:3px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);position:absolute;inset:0}.trait:nth-child(4n+1){--trait-bg:#fff6f8}.trait:nth-child(4n+2){--trait-bg:#f5f9fc}.trait:nth-child(4n+3){--trait-bg:#fffbea}.trait:nth-child(4n+4){--trait-bg:#f3faf1}.paw-trail{z-index:50;pointer-events:none;width:18px;height:18px;color:var(--pink-deep);opacity:0;margin:-9px 0 0 -9px;animation:1.1s ease-out forwards paw-trail;position:absolute}.paw-trail svg{width:100%;height:100%}@keyframes paw-trail{0%{opacity:0;scale:.4}15%{opacity:.85;scale:1.1}30%{scale:1}to{opacity:0;scale:1}}@media (prefers-reduced-motion:no-preference){.trait.sketch:before{animation:5.5s ease-in-out infinite box-sway}.trait:nth-child(2):before{animation-duration:6.2s;animation-delay:-1.1s}.trait:nth-child(3):before{animation-duration:5.1s;animation-delay:-2.3s}.trait:nth-child(4):before{animation-duration:6.6s;animation-delay:-3.2s}.trait:nth-child(5):before{animation-duration:5.8s;animation-delay:-.6s}.trait:nth-child(6):before{animation-duration:6s;animation-delay:-4s}@keyframes box-sway{0%,to{translate:0;rotate:0deg}25%{translate:2px -4px;rotate:-.9deg}50%{translate:-1px -1px;rotate:.5deg}75%{translate:-2px -5px;rotate:.9deg}}.trait:hover:before{animation:.5s cubic-bezier(.3,1.8,.5,1) box-hop}@keyframes box-hop{0%{translate:0}40%{translate:0 -9px;rotate:-1.5deg}to{translate:0}}.hero h1 em{background-repeat:no-repeat;background-size:0% 100%;animation:1s cubic-bezier(.6,0,.3,1) .5s forwards marker}@keyframes marker{to{background-size:100% 100%}}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(2){animation-delay:.3s}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(3){animation-delay:.6s}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(4){animation-delay:.9s}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(5){animation-delay:1.2s}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(6){animation-delay:1.5s}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(7){animation-delay:1.8s}.walk-divider svg g[fill=\#d8cdc5]:nth-of-type(8){animation-delay:2.1s}.fortune .face svg{transition:rotate .25s cubic-bezier(.3,1.8,.5,1),translate .25s}.fortune:hover .face svg{translate:0 -3px;rotate:-10deg}.card-art img{transition:scale .3s}a.card-art:hover img{scale:1.04}.hero-art .cat-silver{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-in-out infinite breathe}@keyframes breathe{50%{scale:1.012 1.018}}.hero-art .h-tail{transform-box:fill-box;transform-origin:0 88%;animation:3.2s ease-in-out infinite tail-sway}@keyframes tail-sway{0%,to{rotate:0deg}30%{rotate:-9deg}55%{rotate:4deg}75%{rotate:-3deg}}.hero-art .h-head{transform-box:fill-box;transform-origin:50% 92%;animation:7s ease-in-out infinite head-tilt}@keyframes head-tilt{0%,38%,to{rotate:0deg}46%,62%{rotate:9deg}70%{rotate:-2deg}76%{rotate:0deg}}.hero-art .h-eyes{transform-box:fill-box;transform-origin:50%;transition:translate .25s ease-out;animation:4.3s infinite blink}@keyframes blink{0%,90%,96%,to{scale:1}93%{scale:1 .1}}.hero-art .h-ear{transform-box:fill-box;transform-origin:20% 100%;animation:5.3s ease-out 1.2s infinite ear-flick}@keyframes ear-flick{0%,80%,to{rotate:0deg}83%{rotate:14deg}86%{rotate:-4deg}89%{rotate:8deg}92%{rotate:0deg}}}body{line-break:strict;overflow-wrap:break-word}pb-t,:where(*):has(>pb-t){word-break:keep-all}td,th{overflow-wrap:break-word}.product .name{text-wrap:balance}.logo .face{flex:none;display:block;position:relative}.logo .face-calm,.logo .face-hiss{position:absolute;inset:0}.logo .face-hiss{opacity:0}.logo .face svg{width:100%;height:100%}.hiss-bubble{z-index:2;border:2.5px solid var(--ink);color:#d23b3b;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:0 100%;background:#fff;border-radius:14px 14px 14px 3px;padding:3px 9px;font-size:.95rem;line-height:1.3;position:absolute;top:-12px;left:118%;scale:.2}.hiss-bubble:after{content:"💢";font-size:.95rem;position:absolute;top:-14px;right:-14px}.logo.hiss .face-calm{opacity:0}.logo.hiss .face-hiss{opacity:1;animation:.95s linear hiss-shake}.logo.hiss .hiss-bubble{animation:.95s cubic-bezier(.3,1.8,.5,1) forwards hiss-pop}@keyframes hiss-shake{0%{translate:0;scale:.8}8%{scale:1.3}16%,32%,48%,64%{translate:-2px 1px}24%,40%,56%,72%{translate:2px -1px}80%,to{translate:0;scale:1.2}}@keyframes hiss-pop{0%{opacity:0;rotate:-12deg;scale:.2}18%{opacity:1;rotate:4deg;scale:1.1}30%,85%{opacity:1;rotate:0deg;scale:1}to{opacity:0;scale:1}}.sister{opacity:.75;font-size:.75rem}.sister a{color:inherit}
