:root{
  font-family:Inter,"PingFang SC","Hiragino Sans GB","Yu Gothic UI","Meiryo","Malgun Gothic","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  color:#5e506d;background:#fff8fc;
  --ink:#5e506d;--title:#493d58;--muted:#9385a0;
  --pink:#f7cfe2;--pink2:#ffe6f0;--wisteria:#cdbcf2;--lavender:#e9e1fb;
  --mint:#d9f1e7;--lemon:#fff0bd;--peach:#ffddd0;--sky:#dceffc;
  --panel:rgba(255,255,255,.88);--line:rgba(139,108,164,.15);--ok:#56957a;--danger:#c56c82;
  --shadow:0 16px 38px rgba(100,77,122,.10)
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100vh;color:var(--ink);overflow-x:hidden;background:
  radial-gradient(circle at 6% 7%,rgba(255,212,232,.78) 0,rgba(255,212,232,0) 28%),
  radial-gradient(circle at 94% 6%,rgba(210,195,244,.72) 0,rgba(210,195,244,0) 29%),
  radial-gradient(circle at 86% 84%,rgba(218,242,230,.48) 0,rgba(218,242,230,0) 26%),
  linear-gradient(145deg,#fffafd 0%,#fbf8ff 50%,#fffdf7 100%)}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(1px)}
body:before{width:330px;height:330px;left:-190px;bottom:-65px;background:radial-gradient(circle,rgba(247,207,226,.52),rgba(247,207,226,0) 68%)}
body:after{width:300px;height:300px;right:-175px;top:36%;background:radial-gradient(circle,rgba(205,188,242,.46),rgba(205,188,242,0) 68%)}
.petals span{position:fixed;z-index:-1;display:block;width:12px;height:18px;border-radius:70% 30% 65% 35%;background:rgba(206,185,239,.28);transform:rotate(34deg)}
.petals span:nth-child(1){left:5%;top:18%}.petals span:nth-child(2){left:12%;top:77%;transform:rotate(-18deg);background:rgba(247,193,218,.25)}
.petals span:nth-child(3){right:8%;top:23%;transform:rotate(70deg)}.petals span:nth-child(4){right:17%;top:72%;transform:rotate(8deg);background:rgba(255,213,195,.30)}
.petals span:nth-child(5){left:44%;top:5%;transform:rotate(92deg);opacity:.55}.petals span:nth-child(6){right:35%;bottom:5%;transform:rotate(-52deg);opacity:.5}
.shell{width:min(1060px,calc(100% - 32px));margin:0 auto;padding:46px 0 30px}
.hero{display:flex;align-items:center;gap:17px;margin-bottom:23px}
.brand-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(166,129,193,.18);border-radius:22px;background:linear-gradient(145deg,#fff,#fdeaf2 52%,#ebe3fb);box-shadow:0 12px 27px rgba(134,96,157,.12),inset 0 1px 0 #fff;color:#9e79bd;font-size:33px;font-weight:800;position:relative}
.brand-mark:after{content:"✦";position:absolute;right:-5px;top:-7px;color:#efb9d2;font-size:15px;text-shadow:0 2px 8px rgba(187,129,157,.16)}
.eyebrow{font-size:11px;letter-spacing:.18em;color:#a78ab7;font-weight:800}
.hero h1{font-size:35px;line-height:1;margin:5px 0 8px;color:var(--title);letter-spacing:-.02em}.sparkle{font-size:17px;color:#ddaac8;vertical-align:top}
.hero p{margin:0;color:var(--muted);font-size:14px}.hero-tools{margin-left:auto;display:flex;align-items:center;gap:9px}
.web-badge,.lang-wrap{height:37px;display:flex;align-items:center;border:1px solid rgba(166,129,193,.18);background:rgba(255,255,255,.74);box-shadow:0 7px 20px rgba(101,76,121,.06);border-radius:999px;color:#9273aa;font-size:12px;font-weight:750}
.web-badge{padding:0 13px}.lang-wrap{padding:0 10px 0 11px;gap:5px}.lang-wrap select{border:0;background:transparent;color:#796687;font:inherit;outline:none;cursor:pointer;padding:0 15px 0 1px;max-width:105px}
.notice{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(181,151,202,.16);background:rgba(255,255,255,.70);box-shadow:0 9px 24px rgba(113,88,132,.055);backdrop-filter:blur(10px);border-radius:19px;margin-bottom:21px}
.notice-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff1f6,#eee8fb);color:#c48baa;font-size:17px;font-weight:800}.notice strong{display:block;font-size:13px;color:#594761}.notice span{color:var(--muted);font-size:12px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.card{position:relative;min-height:222px;padding:22px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,251,253,.84));box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(103,79,125,.14);border-color:rgba(158,126,183,.24)}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#f6cbe0,#e3d7fa)}
.card.tone-lavender:before{background:linear-gradient(90deg,#d5c7f4,#dceffc)}.card.tone-mint:before{background:linear-gradient(90deg,#d4eee3,#fff0bd)}.card.tone-peach:before{background:linear-gradient(90deg,#ffddd0,#f7cfe2)}
.card:after{content:"";position:absolute;right:-52px;top:-61px;width:158px;height:158px;border-radius:50%;background:radial-gradient(circle,rgba(218,203,243,.33),rgba(218,203,243,0) 69%);pointer-events:none}
.corner-sparkle{position:absolute;right:18px;bottom:17px;color:rgba(196,159,217,.25);font-size:24px;transform:rotate(13deg)}
.product-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff3f8,#f9e4ef);border:1px solid rgba(216,167,192,.15);font-size:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 18px rgba(133,100,149,.07)}
.tone-lavender .icon{background:linear-gradient(145deg,#f9f6ff,#ebe5fb)}.tone-mint .icon{background:linear-gradient(145deg,#f7fffb,#e2f4ec)}.tone-peach .icon{background:linear-gradient(145deg,#fff9f5,#ffede5)}
.state{font-size:11px;border:1px solid rgba(145,116,164,.17);border-radius:999px;padding:6px 10px;color:#97889f;background:rgba(252,249,253,.86);white-space:nowrap}.state.ok{color:#4e8e74;border-color:rgba(86,158,126,.19);background:#eef8f4}.state.disabled{color:#bd687b;border-color:rgba(200,111,132,.19);background:#fff0f3}
.card h2{margin:17px 0 3px;font-size:21px;color:#51415e}.subtitle{font-size:10px;color:#b09dbc;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.desc{height:43px;margin:11px 0 18px;color:var(--muted);font-size:13px;line-height:1.6;padding-right:10px}
.action{width:100%;border:1px solid rgba(194,151,177,.16);border-radius:15px;padding:11px 14px;font-weight:800;cursor:pointer;background:linear-gradient(110deg,#f9dce9,#e7dcfa);color:#60486a;box-shadow:0 8px 20px rgba(150,105,140,.09);transition:transform .15s ease,filter .15s ease}.action span{margin-left:4px}.action:hover{filter:brightness(1.018);transform:translateY(-1px)}.action.locked{background:rgba(250,248,252,.88);color:#8c7b97;border:1px dashed rgba(146,117,165,.29);box-shadow:none}.action:disabled{cursor:not-allowed;opacity:.55;transform:none}
footer{display:flex;justify-content:space-between;gap:20px;margin-top:27px;color:#a698ad;font-size:11px}.footer-flower{letter-spacing:.32em;color:#b59bc4}
.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(74,58,85,.20);backdrop-filter:blur(11px);z-index:100}.modal.hidden{display:none}.modal-card{position:relative;width:min(470px,100%);padding:29px;border:1px solid rgba(156,121,181,.20);border-radius:27px;background:rgba(255,253,254,.98);box-shadow:0 30px 82px rgba(84,61,99,.22);overflow:hidden}.modal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#f7cade,#d8c9f6,#d9efe6,#ffe9b9)}.modal-deco{position:absolute;right:52px;top:18px;color:rgba(200,159,220,.26);font-size:28px}.close{position:absolute;right:15px;top:13px;width:34px;height:34px;border:0;border-radius:50%;background:#f8eef5;color:#9c899f;font-size:25px;cursor:pointer}.modal-kicker{font-size:10px;color:#a386b5;letter-spacing:.15em;font-weight:800}.modal h2{margin:6px 0 19px;font-size:24px;color:#51405c}
label{display:block;margin:13px 0;color:#695871;font-size:12px;font-weight:700}input{width:100%;margin-top:7px;padding:12px 13px;border:1px solid rgba(149,119,169,.20);border-radius:13px;background:#fff;color:#584761;outline:none;font:inherit;box-shadow:inset 0 1px 2px rgba(100,75,116,.03)}input::placeholder{color:#bab0bf}input:focus{border-color:#b99cd1;box-shadow:0 0 0 4px rgba(188,159,211,.13)}
.primary{width:100%;margin-top:8px;padding:12px;border:0;border-radius:14px;background:linear-gradient(110deg,#f2cadc,#d9cff6);color:#594262;font-weight:850;cursor:pointer;box-shadow:0 9px 22px rgba(146,102,140,.12)}.primary:hover{filter:brightness(1.018)}.primary:disabled{opacity:.6;cursor:wait}.form-status{min-height:20px;margin-top:10px;font-size:12px;color:var(--muted)}.form-status.error{color:var(--danger)}.form-status.ok{color:var(--ok)}.empty{grid-column:1/-1;min-height:120px}.empty .desc{height:auto}
@media(max-width:760px){.shell{padding-top:27px}.hero{align-items:flex-start;flex-wrap:wrap}.hero-tools{width:100%;margin-left:81px;justify-content:flex-start}.grid{grid-template-columns:1fr}.hero h1{font-size:30px}.web-badge{display:none}footer{flex-direction:column;gap:7px}.desc{height:auto}.card:hover{transform:none}}
@media(max-width:470px){.shell{width:min(100% - 22px,1060px)}.brand-mark{width:57px;height:57px;border-radius:19px}.hero{gap:13px}.hero-tools{margin-left:70px}.lang-wrap{max-width:150px}.card{padding:20px;border-radius:22px}.modal-card{padding:25px 21px}}