*,button{padding:0}.brand-inner,.wrap{margin:0 auto;max-width:1180px}.brand-inner,.breadcrumb-nav,.hero,.wrap{max-width:1180px}.icon-btn:hover,.nav-toggle:hover{background:#ececec}.cat-section,.info-section{content-visibility:auto;contain-intrinsic-size:auto 600px;scroll-margin-top:70px}.card,.faq summary,.nav-toggle,.toc-summary,button{cursor:pointer}.style-table tbody tr:hover,body{background:#fafafa}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root{--header-height:65px}body{color:#262626;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}a{color:#833ab4;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0}img,svg{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:8px;top:-48px;z-index:100;background:#833ab4;color:#fff;padding:10px 16px;border-radius:8px;transition:top .15s}.skip-link:focus{top:8px}.wrap{padding:0 20px}.brand-bar{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;height:var(--header-height)}.brand-inner{padding:12px 20px;display:flex;align-items:center;gap:10px}.nav-toggle,.site-nav{margin-left:auto}.brand-logo{font-weight:800;font-size:1.05rem;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{font-size:.75rem;color:#737373;display:none}@media(max-width:600px){.tabs-wrap{top:56px}}.site-nav-list{display:flex;align-items:center;gap:20px;list-style:none}.nav-overlay[hidden],.nav-toggle,body.favorites-mode .card,body.favorites-mode .card-grid.no-favs,body.favorites-mode .cat-section.no-favs{display:none}.site-nav-list a{color:#262626;font-weight:600;font-size:.92rem;padding:6px 2px;border-bottom:2px solid transparent}.site-nav-list a:focus-visible,.site-nav-list a:hover{color:#833ab4;border-bottom-color:#833ab4}.site-nav-list a:focus-visible{outline:#833ab4 solid 2px;outline-offset:2px}.nav-toggle{flex-shrink:0;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#f5f5f5;border:none}.nav-toggle:focus-visible{outline:#833ab4 solid 2px;outline-offset:2px}.nav-toggle-bar{display:block;width:20px;height:2px;background:#262626;border-radius:2px;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] .nav-toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;top:65px;background:rgba(0,0,0,.4);z-index:90;opacity:0;transition:opacity .2s}.nav-overlay.visible{opacity:1}@media(max-width:760px){.nav-toggle{display:flex}.site-nav{margin-left:0;position:fixed;top:65px;right:0;height:calc(100vh - 65px);width:min(78vw,320px);background:#fff;z-index:95;padding:20px;overflow-y:auto;transform:translateX(calc(100% + 35px));transition:transform .25s;box-shadow:-8px 0 24px rgba(0,0,0,.12)}.site-nav.open{transform:translateX(0)}.site-nav-list{flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px}.site-nav-list a{display:block;width:100%;padding:12px 8px;border-bottom:1px solid #f0f0f0}}.hero{margin:0 auto;padding:22px 20px 8px;text-align:center;min-height:140px}.hero h1{font-size:clamp(1.35rem,4vw,2.1rem);font-weight:800;margin:0 0 8px;min-height:40px}.hero p.lead{color:#737373;margin:0 auto 18px;max-width:640px;font-size:.98rem;min-height:28px}.breadcrumb-nav{margin:0 auto 8px;text-align:left}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;gap:6px;font-size:.8rem;color:#737373}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list li:not(:last-child)::after{content:"/";margin-left:6px;color:#b0b0b0;font-weight:300}.breadcrumb-list a,.toc-list a{color:#833ab4;text-decoration:none;transition:color .15s}.check-list li,.tip-list p{color:#3d3d3d;font-size:.94rem}.footer-social-list a,.icon-btn{transition:background .15s,color .15s}.breadcrumb-list a:hover,.toc-list a:hover{color:#fd1d1d;text-decoration:underline}.breadcrumb-list [aria-current=page]{color:#737373;font-weight:600}.control-bar{max-width:760px;margin:0 auto 6px;padding:0 20px}.input-row{display:flex;align-items:center;gap:4px;background:#fff;border:1.5px solid #e5e5e5;border-radius:16px;padding:6px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.input-row:focus-within{border-color:#833ab4}.name-input{flex:1;min-width:0;border:0;background:0 0;padding:12px 10px;font-size:1rem;border-radius:10px;color:#262626}.name-input:focus{outline:#833ab4 solid 2px;outline-offset:-2px}.icon-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#6e6e6e;background:#f5f5f5;border:1.5px solid transparent}.icon-btn[hidden]{display:none!important}.icon-btn:hover{color:#262626}.icon-btn:focus-visible{outline:#833ab4 solid 2px;outline-offset:2px}.clear-btn{font-size:.8rem}.fav-toggle-btn[aria-pressed=true]{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.hint{text-align:center;font-size:.78rem;color:#737373;margin-top:6px}.tabs,main{max-width:1180px;margin:0 auto}.tabs-wrap{position:sticky;top:var(--header-height);z-index:49;background:rgba(250,250,250,.92);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #e5e5e5}.tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{height:5px}.tabs::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}.tab-btn{flex-shrink:0;padding:8px 14px;border-radius:20px;font-size:.85rem;font-weight:600;background:#fff;border:1.5px solid #e5e5e5;white-space:nowrap}.tab-btn[aria-current=true]{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fff;border-color:transparent}.tab-btn:focus-visible{outline:#833ab4 solid 2px;outline-offset:2px}main{padding:8px 20px 80px;min-height:900px}.cat-section{padding:26px 0 6px;border-bottom:1px solid #e5e5e5}.cat-section:last-child,.info-section:last-child{border-bottom:0}.cat-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.cat-head .cat-label{font-size:1.15rem;font-weight:700;margin:0;color:#262626}.cat-count{font-size:.75rem;color:#616161;background:#f0f0f0;padding:2px 8px;border-radius:20px;flex-shrink:0}#loadingIndicator,.empty-fav{color:#737373;text-align:center}.card,.feature-card{border:1px solid #e5e5e5}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;min-height:800px;overflow:hidden}.card,.card .card-actions,body.favorites-mode .card.is-fav{display:flex}.card{position:relative;background:#fff;border-radius:12px;transition:box-shadow .15s,border-color .15s;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;min-height:90px}.card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1);border-color:#d8d8d8}.card:active{transform:scale(.98)}.card:focus-visible{outline:#833ab4 solid 2px;outline-offset:2px}.card.copied{background:#f0fdf4;border-color:#16a34a}.card .card-text{font-size:1.15rem;word-break:break-word;text-align:center;line-height:1.4;width:100%;padding:0 30px 0 10px}.card .card-actions{position:absolute;top:8px;right:8px;gap:4px}.card .card-actions button{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#6e6e6e;background:rgba(255,255,255,.85);backdrop-filter:blur(2px);border:1px solid transparent;transition:.15s}.card .card-actions button:hover{background:#f5f5f5;color:#262626}.card .card-actions button.copy-btn,.guide-figure figcaption a{color:#833ab4}.card .card-actions button.copy-btn:hover,.card .card-actions button.fav-btn[aria-pressed=false]:hover{color:#fd1d1d}.card .card-actions button.fav-btn[aria-pressed=true]{color:#fd1d1d;background:#fff0f0;border-color:#fd1d1d}.footer-bottom,.sticky-bar,footer.site-footer{border-top:1px solid #e5e5e5}.empty-fav{display:none;padding:60px 16px}body.favorites-mode .empty-fav.show{display:block}#scrollSentinel,#toolEndSentinel{height:1px}#sections{min-height:1400px}@media(min-width:600px){#sections{min-height:600px}}#loadingIndicator{padding:22px 0 40px;font-size:.82rem}.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.08);padding:calc(env(safe-area-inset-bottom,0px) + 8px) 12px 8px;transform:translateY(110%);transition:transform .22s}.scroll-top-btn,.toast{position:fixed;color:#fff;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.sticky-bar.visible{transform:translateY(0)}.sticky-inner{max-width:760px;margin:0 auto;display:flex;gap:8px}.content-wrap,.faq{max-width:820px}.sticky-inner .input-row{flex:1;box-shadow:none;margin:0}.scroll-top-btn{right:16px;z-index:55;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);font-size:1.2rem;box-shadow:0 4px 14px rgba(0,0,0,.22);transform:translateY(12px) scale(.9)}.scroll-top-btn.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-top-btn:focus-visible{outline:#262626 solid 2px;outline-offset:2px}body:has(.sticky-bar.visible) .scroll-top-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.toast{left:50%;bottom:90px;transform:translate(-50%,20px);z-index:80;background:#000;padding:10px 18px;border-radius:22px;font-size:.85rem}.toast.show{opacity:1;transform:translate(-50%,0)}.content-wrap{margin:0 auto;padding:8px 20px 10px}.info-section{padding:34px 0;border-bottom:1px solid #e5e5e5}.info-section h2{font-size:1.4rem;font-weight:800;margin-bottom:14px;line-height:1.3}.info-section h3,.lead-in{margin-bottom:8px;font-weight:700}.info-section h3{font-size:1.08rem}.info-section p{color:#3d3d3d;font-size:.98rem;line-height:1.7;margin-bottom:14px}.info-section p:last-child,.step-list p:last-child{margin-bottom:0}.lead-in{color:#262626}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}.feature-card{background:#fff;border-radius:14px;padding:20px 16px;text-align:center}.feature-icon,.mood-icon{display:block;font-size:1.8rem;margin-bottom:10px}.compare-card .compare-title,.feature-card .feature-title{font-weight:700;color:#262626}.feature-card p:last-child,.mood-card p:last-child,.perk-card p:last-child{font-size:.92rem}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.compare-card{background:#fff;border:1px solid #e5e5e5;border-left:4px solid #833ab4;border-radius:12px;padding:18px}.compare-card:nth-child(2){border-left-color:#fd1d1d}.step-list{list-style:none;margin:18px 0;display:flex;flex-direction:column;gap:14px}.step-list li{display:flex;gap:14px;align-items:flex-start}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.guide-list li,.mood-card{background:#fff;border:1px solid #e5e5e5}.step-list .step-title{font-weight:700;color:#262626;margin-bottom:2px}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}.check-list,.guide-list{margin:14px 0;flex-direction:column;display:flex;list-style:none}.mood-card{border-radius:14px;padding:22px 18px}.guide-list{gap:10px}.guide-list li{border-radius:10px;padding:12px 16px;font-size:.94rem;line-height:1.6}.perk-card,.tip-list li{border:1px solid #e5e5e5;background:#fff}.check-list{gap:8px}.check-list li{position:relative;padding-left:26px}.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:#16a34a;font-weight:700}.tip-list{list-style:none;margin:16px 0;display:flex;flex-direction:column;gap:12px}.tip-list li{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:14px 16px}.tip-icon{flex-shrink:0;font-size:1.2rem}.tip-list p{margin:0}.perk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.perk-card{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:16px}.perk-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.perk-card .perk-title{font-weight:700;color:#262626;margin-bottom:4px}.faq details{border:1px solid #e5e5e5;border-radius:10px;padding:12px 16px;margin-bottom:8px;background:#fff}.faq summary{font-weight:700}.faq p{margin:8px 0 0;color:#737373}.related-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.related-keywords span{background:#f2f2f2;border-radius:20px;padding:5px 12px;font-size:.78rem;color:#555}footer.site-footer{background:#fff;color:#666;font-size:.86rem}.footer-inner{max-width:1180px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding:40px 20px 28px}@media(min-width:560px){.brand-tag{display:inline}.footer-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}.footer-brand .brand-logo{font-size:1.05rem}.footer-tagline{margin-top:10px;max-width:240px;color:#666;font-size:.85rem;line-height:1.55}.footer-col h3{font-size:.78rem;font-weight:700;color:#262626;margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:#666;font-size:.86rem}.footer-col a:focus-visible,.footer-col a:hover{color:#833ab4;text-decoration:underline}.footer-social-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.footer-social-list a{width:44px;height:44px;border-radius:50%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;color:#555}.footer-social-list a:focus-visible,.footer-social-list a:hover{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.footer-social-list svg{width:19px;height:19px;fill:currentColor;display:block}.footer-bottom{padding:16px 20px;text-align:center;font-size:.78rem}.footer-bottom a{color:#737373;text-decoration:underline}.toc-details{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:14px;padding:0;margin:12px 0 32px}.toc-summary{font-weight:700;font-size:.95rem;color:#262626;padding:16px 20px;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none;border-radius:14px;transition:background .2s}.toc-summary:hover{background:#f0f0f0}.toc-summary::after{content:"▾";font-size:1rem;color:#833ab4;transition:transform .25s}.toc-details[open] .toc-summary::after{transform:rotate(180deg)}.toc-details .toc-wrap{padding:0 20px 20px;background:0 0;border:none;border-radius:0;margin:0}.toc-details .toc-inner,.toc-inner,.toc-list,.toc-wrap{padding:0}.toc-wrap{background:0 0;border:none;border-radius:0;margin:0}.font-card,.style-table{border:1px solid #e5e5e5;background:#fff}.toc-list{list-style:none;margin:0;font-size:.9rem}.toc-list>li{margin-bottom:4px}.toc-sublist{list-style:none;padding-left:20px;margin:2px 0 6px;font-size:.85rem}.toc-sublist li{margin-bottom:2px}.font-grid,.mistake-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:18px 0 0}.font-card{border-radius:14px;padding:20px 18px;transition:box-shadow .2s,border-color .2s}.font-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);border-color:#d0d0d0}.font-sample{display:block;font-size:1.5rem;text-align:center;padding:10px 0 8px;color:#262626;border-bottom:2px solid #f0f0f0;margin-bottom:12px}.font-card h3{font-size:1.05rem;font-weight:700;color:#262626;margin:0 0 8px}.font-card p{font-size:.94rem;color:#3d3d3d;line-height:1.6;margin:0}.table-responsive{overflow-x:auto;margin:18px 0 0}.style-table{width:100%;border-collapse:collapse;font-size:.92rem;border-radius:14px;overflow:hidden}.style-table thead{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.style-table th{padding:12px 16px;text-align:left;font-weight:700}.style-table td{padding:10px 16px;border-bottom:1px solid #f0f0f0}.style-table tbody tr:last-child td{border-bottom:none}.guide-figure{margin:18px 0 20px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:12px}.guide-figure-right{float:right;max-width:320px;margin:8px 0 16px 20px}.guide-image{width:100%;height:auto;border-radius:10px;display:block}.guide-image-phone{max-width:280px;margin:0 auto}.guide-figure figcaption{font-size:.82rem;color:#737373;padding:10px 4px 2px;text-align:center;line-height:1.5}.mistake-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:18px 16px;border-left:4px solid #fd1d1d}.mistake-icon{display:block;font-size:1.2rem;margin-bottom:6px}.mistake-card h3{font-size:.98rem;font-weight:700;color:#262626;margin:0 0 6px}.mistake-card p{font-size:.92rem;color:#3d3d3d;line-height:1.6;margin:0}.cta-box{background:#f5f0ff;border:2px solid #833ab4;border-radius:14px;padding:24px 28px;text-align:center;margin:18px 0 0;transition:box-shadow .2s}.cta-box:hover{box-shadow:0 4px 14px rgba(131,58,180,.15)}.cta-text{font-size:1.05rem;margin:0;color:#262626;font-weight:500}.cta-text a{color:#833ab4;text-decoration:underline;font-weight:700}.cta-text a:hover{color:#fd1d1d;text-decoration:none}@media(max-width:600px){.info-section h2{font-size:1.22rem}.card-grid,.compare-grid,.feature-grid,.font-grid,.mistake-grid,.mood-grid,.perk-grid{grid-template-columns:1fr}.guide-figure-right{float:none;max-width:100%;margin:18px 0}.guide-image-phone{max-width:100%}.style-table{font-size:.82rem}.style-table td,.style-table th{padding:8px 10px}.toc-details .toc-wrap{padding:0 16px 16px}.toc-summary{font-size:.88rem;padding:14px 16px}.cta-box{padding:18px 16px}.cta-text{font-size:.95rem}.guide-figure{padding:8px}main{min-height:2200px}.card{padding:16px 10px;min-height:70px}.card .card-text{font-size:1rem;padding:0 20px 0 6px}.tabs{padding:6px 8px;gap:4px}.tab-btn{font-size:.75rem;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.card,.nav-overlay,.nav-toggle-bar,.scroll-top-btn,.site-nav,.sticky-bar,.toast{transition:none}html{scroll-behavior:auto}}