:root{color-scheme:light;--fg:#1d2733;--bg:#fff;--page-bg:#eef4fb;--muted:#5b6b7c;--border:#d8e2ee;--accent:#1f5fd6;--accent-dark:#16419c}*{box-sizing:border-box}body{color:var(--fg);background:var(--page-bg);margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}main{max-width:1320px;margin:0 auto;padding:1.3rem 1rem 3rem}.site-header{background:var(--bg);border-bottom:1px solid var(--border)}.header-inner{align-items:center;gap:1.2rem;max-width:1320px;margin:0 auto;padding:.7rem 1rem;display:flex}.brand{color:var(--fg);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.brand-mark{width:auto;height:2.7rem;display:block}.header-search{border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;display:flex;overflow:hidden}.header-search input{border:none;outline:none;flex:1;min-width:0;padding:.55rem .8rem;font-size:.9rem}.header-search button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:0 1.2rem;font-size:.85rem;font-weight:700}.header-search button:hover{background:var(--accent-dark)}.search-message{color:#b3401f;max-width:1320px;margin:0 auto;padding:0 1rem .6rem;font-size:.82rem}.header-tools{flex-shrink:0;align-items:center;gap:1.8rem;display:flex}.header-tools a{color:var(--fg);white-space:nowrap;font-size:.88rem;font-weight:600;text-decoration:none}.header-tools a:hover{color:var(--accent)}.tool-emoji{display:inline-block}.header-mobile-actions{flex-shrink:0;align-items:center;gap:.5rem;display:none}.icon-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:1.1rem;line-height:1;display:inline-flex}.icon-btn:hover{border-color:var(--accent)}.mobile-menu{border-top:1px solid var(--border);flex-direction:column;max-width:1320px;margin:0 auto;padding:.4rem 1rem .8rem;display:none}.mobile-menu a{color:var(--fg);padding:.6rem .2rem;font-size:.92rem;text-decoration:none}.mobile-menu a:hover{color:var(--accent)}.mobile-menu hr{border:none;border-top:1px solid var(--border);margin:.4rem 0}.mobile-menu:not([hidden]){display:flex}@media (width<=820px){.header-inner{flex-wrap:wrap;justify-content:space-between}.brand{order:1}.header-mobile-actions{order:2;display:flex}.header-tools{border-top:1px solid var(--border);flex-basis:100%;order:3;justify-content:space-between;gap:.5rem;margin-top:.6rem;padding-top:.6rem}.header-tools a{align-items:center;gap:.25rem;font-size:.8rem;display:flex}.header-search{flex-basis:100%;order:4}.brand-mark{height:2.1rem}}.site-footer{border-top:1px solid var(--border);max-width:1320px;color:var(--muted);margin:2rem auto 0;padding:1rem;font-size:.8rem}.site-footer p{margin:.3rem 0}.footer-nav{flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:.8rem;display:flex}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--accent);text-decoration:underline}a{color:var(--accent)}.note{color:var(--muted);font-size:.9rem}.panel{background:var(--bg);border:1px solid var(--border);border-radius:12px}.breadcrumb{color:var(--muted);font-size:.85rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.crumb-sep{color:#c3cddb;margin:0 .3rem}.cta{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.cta:hover{background:var(--accent);color:#fff}.pr-note{color:var(--muted);opacity:.85;font-size:.68rem;font-weight:500}.cta:hover .pr-note{color:var(--bg)}.howto-link{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.78rem;text-decoration:none}.howto-link:hover{text-decoration:underline}.howto-link.small{color:var(--muted);margin-left:.5rem;font-size:.72rem}.source-badge{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-style:italic;font-weight:800;display:inline-flex}.badge-yahoo{background:#f03}.badge-rakuten{background:#bf0000;border-radius:999px}.badge-amazon{color:#f90;background:#131a22}.point-mode{padding:.9rem 1.3rem}.point-mode-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.point-mode-head-text{min-width:0}.point-mode h2{margin:0;font-size:1.05rem}.point-mode-sub{color:var(--muted);margin-top:.15rem;font-size:.72rem;font-weight:400;display:block}.rate-inputs{gap:.9rem;margin-top:.6rem;display:flex}.rate-box{border:1px solid var(--border);background:var(--page-bg);cursor:text;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:.3rem;padding:.6rem .75rem;display:flex}.rate-label{text-align:center;font-size:.82rem;font-weight:700}.rate-sub{color:var(--muted);font-size:.68rem;font-weight:500;display:block}.rate-field{align-items:baseline;gap:.25rem;display:flex}.rate-input{border:1px solid var(--border);background:var(--bg);width:100%;max-width:6.5rem;color:var(--fg);text-align:center;border-radius:6px;padding:.3rem;font-size:1.5rem;font-weight:800}.rate-pct{color:var(--muted);font-size:1.1rem;font-weight:700}.rate-note{margin:.5rem 0 0;font-size:.75rem}.rate-reset-btn{color:var(--accent);background:var(--bg);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.35rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.rate-reset-btn:hover{border-color:var(--accent)}.rate-reset-btn .reset-icon{font-size:.85rem}.stepper{align-items:center;gap:.3rem;display:flex}.step-btn{border:1px solid var(--border);background:var(--bg);width:1.9rem;height:1.9rem;color:var(--accent);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex}.step-btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.rate-field.stepper{justify-content:center}@media (width<=640px){.rate-inputs{flex-direction:column}.rate-box{flex-direction:row;justify-content:flex-start}}