*,*:before,*:after{box-sizing:border-box}:root{--page-bg-0: #fff5f9;--page-bg-1: #fce8f4;--page-bg-2: #f3e8ff;--page-ink: #5c4a5a;--page-ink-deep: #3d2f3b;--page-muted: #9a8494;--accent: #f472b6;--accent-deep: #ec4899;--accent-soft: #fbcfe8;--accent-glow: rgba(244, 114, 182, .35);--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(244, 114, 182, .22);--card-export-size: 1080px}html,body{margin:0;min-height:100%}body{position:relative;overflow-x:hidden;background:radial-gradient(ellipse 90% 60% at 15% 0%,rgba(251,207,232,.55),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 10%,rgba(233,213,255,.45),transparent 50%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(254,205,211,.35),transparent 55%),linear-gradient(165deg,var(--page-bg-0),var(--page-bg-1) 45%,var(--page-bg-2));color:var(--page-ink);font-family:"M PLUS Rounded 1c",Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;line-height:1.65}.page-bg-deco{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.deco{position:absolute;-webkit-user-select:none;user-select:none}.deco-star,.deco-heart{color:var(--accent);opacity:.28;animation:float 6s ease-in-out infinite}.deco-1{top:8%;left:10%;font-size:1.4rem;animation-delay:0s}.deco-2{top:18%;right:12%;font-size:1.8rem;color:#f9a8d4;animation-delay:-1.2s}.deco-3{top:42%;left:6%;font-size:1rem;animation-delay:-2.4s}.deco-4{bottom:22%;right:8%;font-size:1.5rem;color:#e9b4ff;animation-delay:-.8s}.deco-5{bottom:12%;left:14%;font-size:1.2rem;animation-delay:-3.5s}.deco-blob{border-radius:50%;filter:blur(40px);opacity:.45}.deco-6{width:220px;height:220px;top:-40px;right:-60px;background:#fbcfe8}.deco-7{width:180px;height:180px;bottom:10%;left:-50px;background:#e9d5ff}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(6deg)}}#app{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:2.25rem 1.25rem 4rem}.page-header{text-align:center;margin-bottom:1.75rem}.page-eyebrow{margin:0 0 .5rem;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.18em;color:var(--accent-deep);text-transform:lowercase}.page-title{margin:0;font-family:Shippori Mincho,Yu Mincho,serif;font-size:clamp(1.85rem,5vw,2.45rem);font-weight:800;letter-spacing:.08em;color:var(--page-ink-deep);text-shadow:0 2px 16px rgba(244,114,182,.18)}.page-tag{display:inline-block;margin:.85rem 0 0;padding:.35rem .9rem;border-radius:999px;background:linear-gradient(135deg,#fff,#fff0f7);border:1.5px solid var(--accent-soft);color:var(--accent-deep);font-size:.88rem;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 14px #f472b61f}.page-lead{margin:.85rem 0 0;font-size:.92rem;color:var(--page-muted);font-weight:500}.input-panel{background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:24px;padding:1.4rem 1.35rem 1.25rem;box-shadow:0 12px 32px #f472b61a,0 2px #ffffffd9 inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-label{display:block;font-size:.84rem;color:var(--accent-deep);margin-bottom:.55rem;font-weight:700;letter-spacing:.06em}.input-label:before{content:"♡ ";opacity:.75}.blood-label:before{content:"◆ "}.input-row{display:flex;gap:.65rem}.input-row input{flex:1;min-width:0;padding:.85rem 1.1rem;border:1.5px solid rgba(244,114,182,.25);border-radius:999px;font:inherit;font-size:1rem;font-weight:500;background:#fff;color:var(--page-ink-deep);transition:border-color .2s,box-shadow .2s}.input-row input::placeholder{color:#9c8894a6}.input-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #f472b62e}.input-row button,.result-actions button{border:none;border-radius:999px;padding:.85rem 1.35rem;font:inherit;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.input-row button{background:linear-gradient(135deg,#f9a8d4 0%,var(--accent-deep) 100%);color:#fff;font-weight:800;box-shadow:0 8px 20px var(--accent-glow)}.input-row button:hover,.primary-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.input-row button:active,.primary-action:active{transform:translateY(0)}.blood-label{margin-top:1.1rem}.blood-group{display:flex;flex-wrap:wrap;gap:.55rem}.blood-pill{border:1.5px solid rgba(244,114,182,.28);border-radius:999px;background:#fff;color:var(--page-ink-deep);font:inherit;font-size:.92rem;font-weight:700;padding:.55rem 1.1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.blood-pill:hover{transform:translateY(-1px)}.blood-pill.is-selected{background:linear-gradient(135deg,#f9a8d4 0%,var(--accent-deep) 100%);color:#fff;border-color:transparent;box-shadow:0 8px 18px var(--accent-glow)}.input-hint,.save-hint{margin:.85rem 0 0;font-size:.78rem;color:var(--page-muted);font-weight:500}.result-section{margin-top:1.85rem}.card-frame{display:flex;justify-content:center;overflow:visible;padding:.5rem 0}.card-scaler{--card-scale: .32;position:relative;transform-origin:top left;transform:scale(var(--card-scale));width:calc(var(--card-export-size) * var(--card-scale));height:calc(var(--card-export-size) * var(--card-scale));flex-shrink:0;filter:drop-shadow(0 20px 36px rgba(244,114,182,.16))}.certificate{--cert-border: #e879a9;--cert-hex: #f472b6;--cert-paper: #fff8fb;--cert-ink: #4a3f48;--cert-ink-soft: rgba(74, 63, 72, .52);position:absolute;top:0;left:0;width:var(--card-export-size);height:var(--card-export-size);overflow:hidden;color:var(--cert-ink);background:var(--cert-paper);border:36px solid var(--cert-border);border-radius:28px;box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--cert-hex) 55%,white),inset 0 0 0 8px #ffffff80}.cert-bg-pattern{position:absolute;top:36px;right:36px;bottom:36px;left:36px;border-radius:8px;opacity:.55;background-image:radial-gradient(circle at 12% 18%,rgba(251,207,232,.45),transparent 38%),radial-gradient(circle at 88% 82%,rgba(233,213,255,.35),transparent 40%),radial-gradient(circle at 1px 1px,rgba(244,114,182,.07) 1px,transparent 0);background-size:auto,auto,22px 22px;pointer-events:none}.cert-frame{position:absolute;top:52px;right:44px;bottom:44px;left:44px;border:2px solid color-mix(in srgb,var(--cert-border) 38%,transparent);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffffbf,inset 0 0 0 10px #ffffff6b;overflow:hidden}.cert-corner{position:absolute;width:72px;height:72px;color:color-mix(in srgb,var(--cert-border) 70%,white);pointer-events:none;opacity:.85}.cert-corner-tl{top:-2px;left:-2px}.cert-corner-tr{top:-2px;right:-2px}.cert-corner-bl{bottom:-2px;left:-2px}.cert-corner-br{bottom:-2px;right:-2px}.cert-inner{position:relative;width:100%;max-width:100%;height:100%;padding:22px 28px 20px;display:grid;align-content:start;gap:8px;text-align:center;overflow:hidden;box-sizing:border-box}.cert-inner>*{width:100%;min-width:0}.cert-header{width:100%;margin:0;flex-shrink:0}.cert-name{margin:0;flex-shrink:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px;font-weight:800;letter-spacing:.06em;color:var(--cert-ink)}.cert-section-label{margin:0 0 6px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:18px;font-weight:800;letter-spacing:.1em;color:color-mix(in srgb,var(--cert-border) 55%,var(--cert-ink))}.cert-unit{width:100%;max-width:100%;margin:0;padding:12px 18px 14px;min-height:0;flex-shrink:0;border:2px solid color-mix(in srgb,var(--cert-border) 35%,transparent);border-radius:20px;background:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffffd9;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.cert-unit .cert-section-label{text-align:center;flex-shrink:0}.cert-role{width:100%;max-width:100%;flex-shrink:0;margin:0;padding:8px 16px;border:1.5px dashed color-mix(in srgb,var(--cert-border) 35%,transparent);border-radius:16px;background:#ffffff73}.cert-group{margin:0;width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;font-family:"M PLUS Rounded 1c",Shippori Mincho,sans-serif;font-size:40px;line-height:1.3;font-weight:800;text-align:center;word-break:keep-all;overflow-wrap:anywhere;color:var(--cert-ink)}.cert-position{margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:28px;line-height:1.3;font-weight:700;max-width:100%;color:var(--cert-ink)}.cert-subtitle{margin:0 0 6px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:18px;letter-spacing:.14em;color:color-mix(in srgb,var(--cert-border) 50%,var(--cert-ink-soft));font-weight:700}.cert-label{margin:0;font-family:Shippori Mincho,serif;font-size:34px;letter-spacing:.45em;font-weight:800;text-indent:.5em;color:var(--cert-ink)}.cert-header-rule{width:240px;height:2px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cert-border) 55%,transparent) 15%,color-mix(in srgb,var(--cert-border) 55%,transparent) 85%,transparent)}.cert-profile{margin:0;width:100%;max-width:100%;flex-shrink:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:17px}.cert-profile-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:8px 12px;min-height:100%;border:1.5px solid color-mix(in srgb,var(--cert-border) 25%,transparent);border-radius:14px;background:#ffffff80;box-sizing:border-box}.cert-profile dt{margin:0;font-weight:800;font-size:15px;letter-spacing:.14em;white-space:nowrap;color:color-mix(in srgb,var(--cert-border) 45%,var(--cert-ink))}.cert-profile dd{margin:0;width:100%;font-weight:700;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.cert-profile-row--color dd{display:flex;align-items:center;gap:8px}.cert-color-value{min-width:0}.cert-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px #00000014,0 2px 8px #f472b626;flex-shrink:0}.cert-color-name{word-break:keep-all}.cert-divider{display:none}.cert-meta{margin:0;flex:1;min-width:0;text-align:center}.cert-induction,.cert-career{margin:0;font-family:Shippori Mincho,serif;font-size:24px;line-height:1.4;letter-spacing:.04em}.cert-footer{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin-top:2px}.cert-quote{width:100%;max-width:100%;flex-shrink:0;margin:0;padding:10px 16px 12px;border:2px solid color-mix(in srgb,var(--cert-border) 45%,transparent);border-radius:16px;background:linear-gradient(180deg,#ffffffb8,#fff8fbe0);box-sizing:border-box}.cert-quote .cert-section-label{margin-bottom:6px;color:color-mix(in srgb,var(--cert-border) 65%,var(--cert-ink))}.cert-copy{margin:0;padding:0;border:none;font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px;line-height:1.45;font-weight:800;max-width:100%;color:var(--cert-ink)}.cert-copy:before{content:"「";opacity:.75;color:color-mix(in srgb,var(--cert-border) 50%,var(--cert-ink))}.cert-copy:after{content:"」";opacity:.75;color:color-mix(in srgb,var(--cert-border) 50%,var(--cert-ink))}.cert-seal{position:static;flex-shrink:0;width:84px;height:84px;border-radius:50%;border:3px solid color-mix(in srgb,var(--cert-border) 75%,white);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);background:#ffffffd1;box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--cert-hex) 18%,transparent),0 4px 14px #f472b61f;color:var(--cert-ink)}.cert-seal-year{font-family:Shippori Mincho,serif;font-size:26px;font-weight:700;line-height:1}.cert-seal-label{margin-top:4px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:18px;font-weight:800;letter-spacing:.16em;color:color-mix(in srgb,var(--cert-border) 55%,var(--cert-ink))}.result-actions{margin-top:1.35rem;text-align:center}.primary-action{background:linear-gradient(135deg,#fff,#ffe4f0);color:var(--accent-deep);font-weight:800;padding-inline:1.65rem;border:1.5px solid var(--accent-soft);box-shadow:0 8px 22px #f472b629}@media(max-width:480px){#app{padding-top:1.75rem}.page-lead{font-size:.86rem;padding:0 .25rem}.input-row{flex-direction:column}.input-row button{width:100%}.deco-1,.deco-3,.deco-5{opacity:.18}}