:root{--primary:#00548c;--primary-dk:#00253e;--coral:#ed6d46;--coral-dk:#d45a30;--canvas:#f8f8f8;--ink:#222;--body-text:#444;--white:#fff;--hairline:#ddd;--muted:#888;--line:#ddd;--line-soft:#efefef;--ai-900:#00253e;--ai-800:#00548c;--ai-700:#0c5382;--ai-500:#004d81;--ai-200:#bdcfdf;--ai-100:#dce8f0;--ai-050:#f0f5f8;--shu:#ed6d46;--shu-dark:#d45a30;--shu-soft:#fdf0eb;--kin:#ed6d46;--kin-soft:#fdf0eb;--matcha:#2f7a56;--matcha-soft:#e7f2eb;--gofun:#f8f8f8;--font-display:"Roboto","Arial",sans-serif;--font-body:"Noto Sans JP","Noto Sans","Arial",sans-serif;--font-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--r-sm:0px;--r-md:0px;--r-lg:0px;--r-full:9999px;--shadow-sm:rgba(0,0,0,.25) 0px 0px 20px 0px;--shadow-md:rgba(0,0,0,.25) 0px 0px 20px 0px;--shadow-lg:rgba(177,66,32,.7) 0px 50px 80px;--wrap:1340px;--gutter:24px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;overflow-x:clip;font-family:var(--font-body);font-size:16px;line-height:1.8;letter-spacing:.03em;color:var(--body-text);background:var(--canvas);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:.03em}ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:0}.wrap{position:relative;width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rail{position:absolute;left:20px;top:4px;bottom:0;display:none;display:flex;flex-direction:column;align-items:center;gap:12px;writing-mode:vertical-rl;font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.35em;color:var(--ai-500)}.rail:after{content:"";writing-mode:horizontal-tb;width:1px;flex:1 1;min-height:56px;background:linear-gradient(var(--ai-200),transparent)}@media (min-width:1300px){.rail{display:flex}.has-rail .wrap{padding-left:84px}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--shu)}.eyebrow:before{content:"";width:22px;height:2px;background:var(--shu)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;border:1px solid transparent;border-radius:0;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap;height:52px}.btn:hover{opacity:.88}.btn:active{opacity:1}.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dk);border-color:var(--primary-dk);opacity:1}.btn-ink{background:var(--coral);color:var(--white);border-color:var(--coral)}.btn-ink:hover{background:var(--coral-dk);border-color:var(--coral-dk);opacity:1}.btn-ghost{background:var(--white);color:var(--coral);border-color:var(--coral)}.btn-ghost:hover{background:var(--white);color:var(--coral-dk);border-color:var(--coral-dk);opacity:1}.btn-sm{padding:10px 20px;font-size:15px;height:44px}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-full);font-size:12px;font-weight:700;letter-spacing:.01em;background:var(--ai-100);color:var(--ai-700);white-space:nowrap}.chip-shu{background:var(--shu-soft);color:var(--shu-dark)}.chip-kin{background:var(--kin-soft);color:var(--kin)}.chip-matcha{background:var(--matcha-soft);color:var(--matcha)}.chip-grey{background:var(--line-soft);color:var(--muted)}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip-plain:before{display:none}.hanko{display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid var(--shu);border-radius:8px;color:var(--shu);font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1;background:var(--white);flex:none}.photo{position:relative;overflow:hidden;border-radius:0;background-color:var(--ai-050);background-repeat:repeat;background-size:96px;border:1px solid var(--hairline)}.photo:after{content:attr(data-label);position:absolute;inset:auto 0 0 0;padding:26px 14px 10px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ai-800);background:linear-gradient(transparent,rgba(246,247,250,.96) 55%)}.pat-seigaiha{background-image:url(/patterns/seigaiha.svg)}.pat-asanoha{background-image:url(/patterns/asanoha.svg)}.pat-kikko{background-image:url(/patterns/kikko.svg)}.pat-yagasuri{background-image:url(/patterns/yagasuri.svg)}.avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--white);background:var(--ai-700);flex:none;letter-spacing:0}.avatar-sm{width:34px;height:34px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:13px;font-weight:700;color:var(--ai-900)}.field>label .opt{font-weight:500;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);font-size:14.5px;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ai-500);box-shadow:0 0 0 3px rgba(47,93,158,.14)}.field textarea{resize:vertical;min-height:110px}.field .hint{font-size:12px;color:var(--muted)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}#toast-host{position:fixed;right:20px;bottom:20px;z-index:9000;flex-direction:column}#toast-host,.toast{display:flex;gap:10px}.toast{align-items:center;padding:12px 18px;border-radius:var(--r-sm);background:var(--ai-900);color:var(--white);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);animation:toast-in .28s cubic-bezier(.2,.8,.3,1);max-width:min(360px,calc(100vw - 40px))}.toast-err{background:var(--shu-dark)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.modal-host{position:fixed;inset:0;z-index:8000;display:none;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;background:rgba(14,31,56,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-host.open{display:flex}.modal{width:100%;max-width:720px;background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:modal-in .26s cubic-bezier(.2,.8,.3,1);overflow:hidden}.modal-wide{max-width:980px}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line-soft)}.modal-head h3{font-size:20px}.modal-head .sub{font-size:13.5px;color:var(--muted);margin-top:2px}.modal-body{padding:24px 26px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;background:var(--gofun);border-top:1px solid var(--line-soft)}.modal-x{border:0;background:var(--line-soft);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;color:var(--muted);flex:none}.modal-x:hover{background:var(--shu-soft);color:var(--shu-dark)}.reveal{opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}