:root{--bg: #faf6f0;--ink: #2b2622;--ink-soft: #554c43;--ink-faint: #6e6459;--coral: #d97a63;--coral-deep: #ac5238;--coral-soft: rgba(217, 122, 99, .12);--sage: #8fa98f;--sage-deep: #57745c;--sage-soft: rgba(143, 169, 143, .16);--coral-action: linear-gradient(180deg, #b45843 0%, #9f4a35 100%);--coral-action-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), inset 0 -2px 5px rgba(96, 34, 18, .28), 0 2px 6px rgba(159, 74, 53, .3), 0 10px 26px rgba(217, 122, 99, .35);--glass-fill: linear-gradient( 165deg, rgba(255, 255, 255, .78) 0%, rgba(255, 255, 255, .5) 100% );--glass-fill-strong: linear-gradient( 165deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .72) 100% );--glass-edge-hi: rgba(255, 255, 255, .9);--glass-edge-lo: rgba(255, 255, 255, .42);--glass-edge-dark: rgba(122, 100, 84, .16);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .68), inset 0 -1px 0 rgba(43, 38, 34, .04), 0 1px 2px rgba(43, 38, 34, .05), 0 10px 28px rgba(43, 38, 34, .09), 0 30px 70px rgba(217, 122, 99, .08);--glass-shadow-sm: inset 0 1px 0 rgba(255, 255, 255, .62), 0 1px 2px rgba(43, 38, 34, .05), 0 6px 16px rgba(43, 38, 34, .08);--glass-blur: blur(24px) saturate(170%);--glass-blur-strong: blur(28px) saturate(180%);--glass-blur-sm: blur(14px) saturate(160%);--font-heading: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;--radius-lg: 26px;--radius: 20px;--radius-sm: 14px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1);--duration: .25s}@media (prefers-color-scheme: dark){:root{--bg: #1c1a17;--ink: #ece4d9;--ink-soft: #c8bcae;--ink-faint: #a89a89;--coral: #e2907a;--coral-deep: #f0a892;--coral-soft: rgba(226, 144, 122, .16);--sage: #a4bda4;--sage-deep: #b5cdb5;--sage-soft: rgba(164, 189, 164, .18);--glass-fill: linear-gradient( 165deg, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, .05) 100% );--glass-fill-strong: linear-gradient( 165deg, rgba(44, 39, 34, .88) 0%, rgba(34, 30, 26, .78) 100% );--glass-edge-hi: rgba(255, 255, 255, .26);--glass-edge-lo: rgba(255, 255, 255, .1);--glass-edge-dark: rgba(0, 0, 0, .4);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .42), 0 30px 70px rgba(0, 0, 0, .3);--glass-shadow-sm: inset 0 1px 0 rgba(255, 255, 255, .12), 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.8;background-color:var(--bg);min-height:100dvh}body:before{content:"";position:fixed;inset:-8vmax;z-index:-2;pointer-events:none;background:radial-gradient(46vmax 38vmax at 88% -6%,rgba(217,122,99,.42),transparent 68%),radial-gradient(42vmax 36vmax at -12% 24%,rgba(143,169,143,.44),transparent 68%),radial-gradient(38vmax 32vmax at 62% 112%,rgba(217,122,99,.3),transparent 70%);filter:blur(36px)}body:after{content:"";position:fixed;inset:-6vmax;z-index:-1;pointer-events:none;background:radial-gradient(30vmax 26vmax at 16% 88%,rgba(201,185,227,.4),transparent 70%),radial-gradient(26vmax 22vmax at 70% 34%,rgba(244,205,178,.5),transparent 70%);filter:blur(28px)}@media (prefers-color-scheme: dark){body:before{background:radial-gradient(46vmax 38vmax at 88% -6%,rgba(217,122,99,.16),transparent 68%),radial-gradient(42vmax 36vmax at -12% 24%,rgba(143,169,143,.15),transparent 68%),radial-gradient(38vmax 32vmax at 62% 112%,rgba(217,122,99,.1),transparent 70%)}body:after{background:radial-gradient(30vmax 26vmax at 16% 88%,rgba(160,146,190,.12),transparent 70%),radial-gradient(26vmax 22vmax at 70% 34%,rgba(190,150,122,.12),transparent 70%)}}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.45;letter-spacing:.02em;margin:0 0 .6em}h1{font-size:1.7rem;font-weight:700;letter-spacing:.03em;line-height:1.5}h2{font-size:1.28rem;font-weight:700}h3{font-size:1.08rem}p{margin:0 0 1em}a{color:var(--coral-deep);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-style:wavy}img{max-width:100%}:focus-visible{outline:2px solid var(--coral-deep);outline-offset:2px;border-radius:6px}.container{width:min(100% - 2rem,46rem);margin-inline:auto}.section{margin-block:2.75rem}.glass{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid;border-color:var(--glass-edge-hi) var(--glass-edge-dark) var(--glass-edge-dark) var(--glass-edge-lo);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.chips{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0;list-style:none}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.15rem;font:inherit;font-weight:600;color:var(--ink);text-decoration:none;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid;border-color:var(--glass-edge-hi) var(--glass-edge-dark) var(--glass-edge-dark) var(--glass-edge-lo);border-radius:999px;box-shadow:var(--glass-shadow-sm);cursor:pointer;transition:transform var(--duration) var(--spring),background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.chip:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff9e,0 2px 4px #2b26220f,0 10px 22px #2b26221a}.chip:active{transform:translateY(0) scale(.97)}.chip[aria-pressed=true],.chip.is-selected{color:#fff;background:var(--coral-action);border-color:rgba(255,255,255,.45) rgba(96,34,18,.35) rgba(96,34,18,.4) rgba(255,255,255,.22);box-shadow:var(--coral-action-shadow)}.chip:disabled{opacity:.45;cursor:not-allowed;transform:none}.chip-static{cursor:default}.chip-static:hover{transform:none}.result-card{padding:1.4rem 1.4rem 1.15rem;margin-bottom:1.4rem}.result-card .pattern-label{display:inline-block;padding:.2rem .75rem;margin-bottom:.85rem;font-size:.78rem;font-weight:700;letter-spacing:.03em;color:var(--sage-deep);background:var(--sage-soft);border:1px solid rgba(143,169,143,.35);border-radius:999px}.result-card .body-text{font-size:1.08rem;line-height:1.9;white-space:pre-wrap;margin:0 0 .9rem}.result-card .mail-subject{font-size:.9rem;font-weight:600;color:var(--ink-soft);margin-bottom:.5rem}.result-card .tip,.result-card .ng{display:flex;gap:.5rem;font-size:.88rem;line-height:1.7;color:var(--ink-soft);margin:.35rem 0}.result-card .tip:before,.result-card .ng:before{flex-shrink:0;font-weight:700}.result-card .tip:before{content:"💡 ポイント";color:var(--sage-deep)}.result-card .ng:before{content:"🚫 NG例";color:var(--coral-deep)}.mode-tabs{display:inline-flex;gap:.25rem;padding:.3rem;margin-bottom:1.4rem;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid;border-color:var(--glass-edge-hi) var(--glass-edge-dark) var(--glass-edge-dark) var(--glass-edge-lo);border-radius:999px;box-shadow:var(--glass-shadow-sm)}.mode-tab{min-height:44px;padding:.5rem 1.4rem;font:inherit;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--spring)}.mode-tab[aria-selected=true]{color:#fff;background:var(--coral-action);box-shadow:var(--coral-action-shadow)}[data-mode=line] .mode-mail,[data-mode=mail] .mode-line{display:none}.score-meter{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.85rem;color:var(--ink-soft)}.score-meter .score-track{flex:1;max-width:12rem;height:10px;background:#ffffff73;border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:inset 0 1px 3px #2b262224,inset 0 -1px #ffffff80;overflow:hidden}.score-meter .score-fill{height:100%;background:linear-gradient(90deg,#aec5ae 0%,var(--sage) 55%,#7c9a7d 100%);border-radius:999px;box-shadow:inset 0 1px #ffffff8c;transition:width .3s var(--ease)}.score-meter .score-value{font-weight:700;color:var(--sage-deep);font-variant-numeric:tabular-nums}@media (prefers-color-scheme: dark){.score-meter .score-track{background:#ffffff14;border-color:#ffffff24;box-shadow:inset 0 1px 3px #00000073,inset 0 -1px #ffffff14}}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:48px;padding:.7rem 1.2rem;margin-top:.9rem;font:inherit;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--coral-action);border:1px solid;border-color:rgba(255,255,255,.45) rgba(96,34,18,.35) rgba(96,34,18,.4) rgba(255,255,255,.22);border-radius:var(--radius);box-shadow:var(--coral-action-shadow);cursor:pointer;transition:transform var(--duration) var(--spring),box-shadow var(--duration) var(--ease)}.copy-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff52,inset 0 -2px 5px #60221247,0 4px 10px #9f4a3552,0 16px 34px #d97a6366}.copy-button:active{transform:scale(.97)}.copy-button.is-copied{background:linear-gradient(180deg,#57745c,#47624c);border-color:rgba(255,255,255,.4) rgba(28,46,32,.35) rgba(28,46,32,.4) rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff4d,0 6px 18px #57745c66}.copy-button .icon-check{display:none}.copy-button.is-copied .icon-check{display:inline}.copy-button.is-copied .icon-copy{display:none}.sticky-bar{position:fixed;inset-inline:.8rem;bottom:calc(.8rem + env(safe-area-inset-bottom));z-index:50;padding:.6rem .9rem;background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid;border-color:var(--glass-edge-hi) var(--glass-edge-dark) var(--glass-edge-dark) var(--glass-edge-lo);border-radius:22px;box-shadow:var(--glass-shadow)}@media (min-width: 48rem){.sticky-bar{inset-inline:max(.8rem,calc((100% - 46rem)/2))}}.sticky-bar .sticky-inner{display:flex;align-items:center;gap:.75rem;width:min(100%,46rem);margin-inline:auto}.sticky-bar .sticky-label{flex:1;min-width:0;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-bar .sticky-reset{flex-shrink:0;min-height:44px;padding:.5rem 1.05rem;font:inherit;font-size:.88rem;font-weight:700;color:var(--coral-deep);background:var(--coral-soft);border:1px solid rgba(217,122,99,.35);border-radius:999px;cursor:pointer;transition:transform var(--duration) var(--spring),background-color var(--duration) var(--ease)}.sticky-bar .sticky-reset:hover{transform:translateY(-1px)}body.has-sticky-bar main{padding-bottom:6rem}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.result-card.animate-in{animation:card-in .3s var(--ease) both}.result-card.animate-in:nth-of-type(2){animation-delay:.12s}.result-card.animate-in:nth-of-type(3){animation-delay:.24s}.result-card.animate-in:nth-of-type(4){animation-delay:.36s}.result-card.animate-in:nth-of-type(5){animation-delay:.48s}.result-card.animate-in:nth-of-type(6){animation-delay:.6s}.result-card.animate-in:nth-of-type(n+7){animation-delay:.72s}.site-header{position:relative;z-index:40;padding:.9rem 0 .4rem}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .6rem .5rem 1.2rem;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid;border-color:var(--glass-edge-hi) var(--glass-edge-dark) var(--glass-edge-dark) var(--glass-edge-lo);border-radius:999px;box-shadow:var(--glass-shadow-sm)}.site-header .site-logo{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;letter-spacing:.03em;color:var(--ink);text-decoration:none}.site-header nav{display:flex;gap:.4rem;font-size:.88rem}.site-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem .85rem;font-weight:600;color:var(--ink-soft);text-decoration:none;border-radius:999px;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.site-header nav a:hover{color:var(--coral-deep);background:var(--coral-soft)}.site-footer{margin-top:4.5rem;padding:2.5rem 0 3rem;font-size:.85rem;color:var(--ink-faint);text-align:center}.site-footer .footer-message{font-family:var(--font-heading);font-size:1rem;letter-spacing:.03em;color:var(--ink-soft);margin-bottom:1.2rem}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin-bottom:1rem}.site-footer nav a{color:var(--ink-soft)}.breadcrumb{padding:0;margin:0 0 1.2rem;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;font-size:.82rem;color:var(--ink-faint)}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.3rem}.faq-item{padding:.9rem 1.2rem;margin-bottom:.8rem}.faq-item summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center}.faq-item p{margin:.5rem 0 0;font-size:.92rem;color:var(--ink-soft)}.card-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.link-card{display:block;padding:1.05rem 1.2rem;color:var(--ink);text-decoration:none;font-weight:600;transition:transform var(--duration) var(--spring),box-shadow var(--duration) var(--ease)}.link-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffad,inset 0 -1px #2b26220a,0 2px 4px #2b26220f,0 16px 36px #2b26221f,0 34px 80px #d97a631a}.link-card .card-desc{display:block;margin-top:.3rem;font-size:.82rem;font-weight:400;color:var(--ink-soft)}.prose h2{margin-top:2.2rem;padding-bottom:.35rem;border-bottom:2px solid;border-image:linear-gradient(90deg,#8fa98f8c,#8fa98f00) 1}.prose h3{margin-top:1.8rem}.prose p,.prose li{line-height:1.9}.prose ul{padding-left:1.4rem}.micro-copy{display:inline-block;padding:.55rem 1.1rem;margin:1.2rem 0;font-size:.92rem;font-weight:600;color:var(--sage-deep);background:var(--sage-soft);border:1px solid rgba(143,169,143,.35);border-radius:999px}.step-label{font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);margin:1.6rem 0 .65rem}.muted{color:var(--ink-faint);font-size:.85rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}