*{box-sizing:border-box;margin:0;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}:root{--bg:#fbf6ea;--surface:#fff;--text:#1f1d1a;--muted:#5f5a52;--line:#1f1d1a;--accent:#d9342b;--accent-soft:#fde3df;--pop:#ffcf24;--blue:#1f6fd1;--blue-soft:#dde9fb;--shadow:4px 4px 0 var(--text);--display:"Dela Gothic One", "Hiragino Sans", sans-serif;background-color:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:radial-gradient(#1f1d1a14 1.2px,#0000 1.3px);background-size:14px 14px;line-height:1.7}::selection{background:var(--pop);color:var(--text)}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;font-weight:400}h2{background:linear-gradient(transparent 60%, var(--pop) 60%);width:fit-content}a{color:var(--text);-webkit-text-decoration:underline 3px var(--accent);text-decoration:underline 3px var(--accent);text-underline-offset:3px;font-weight:700;transition:background .15s}a:hover{background:var(--pop)}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--pop);border:2px solid var(--text);box-shadow:2px 2px 0 var(--text);border-radius:999px;font-weight:700;transition:transform .1s,box-shadow .1s}button:hover{box-shadow:3px 3px 0 var(--text);transform:translate(-1px,-1px)rotate(-1deg)}button:active{box-shadow:none;transform:translate(2px,2px)}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}table{border:3px solid var(--text);box-shadow:var(--shadow)}th{background:var(--text);color:var(--pop)}header nav a{border:2px solid var(--text);background:var(--surface);box-shadow:2px 2px 0 var(--text);border-radius:999px;padding:.15rem .75rem;text-decoration:none}header nav a:nth-child(3n+1):hover{background:var(--pop)}header nav a:nth-child(3n+2):hover{background:var(--blue);color:#fff}header nav a:nth-child(3n):hover{background:var(--accent);color:#fff}.logo{background:var(--accent);border:3px solid var(--text);box-shadow:var(--shadow);padding:.1rem .6rem;transition:transform .2s;display:inline-block;transform:rotate(-3deg);color:#fff!important;text-decoration:none!important}.logo:hover{background:var(--accent);transform:rotate(2deg)scale(1.05)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sticker{border:2px solid var(--text);background:var(--pop);white-space:nowrap;padding:.05rem .6rem;font-size:.75rem;font-weight:800;display:inline-block;transform:rotate(-2deg)}.sticker[data-tone=red]{background:var(--accent);color:#fff}.sticker[data-tone=blue]{background:var(--blue);color:#fff}.sticker[data-tone=plain]{background:var(--surface)}.num{font-family:var(--display);letter-spacing:-.02em;font-weight:400;line-height:1}.chip{border:2px solid var(--text);background:var(--surface);min-height:2.25rem;box-shadow:2px 2px 0 var(--text);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .85rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:600px){header{flex-wrap:nowrap!important;gap:.5rem!important;padding:.6rem .75rem!important}header nav{flex-wrap:nowrap!important;gap:.3rem!important;font-size:.75rem!important}header nav a{white-space:nowrap;padding:.1rem .5rem}.logo{white-space:nowrap;font-size:1rem}}
