@property --h{syntax:"";inherits:false;initial-value:0}:root{--sky:#5ec8e6;--sky-deep:#2ba7cc;--sky-soft:#d9f2fa;--ink:#3d5762;--white:#fff;--shadow:#2e9ec240;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;color:var(--ink);background:linear-gradient(160deg, var(--sky-soft) 0%, var(--white) 60%)}.app{max-width:480px;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.title{text-align:center;letter-spacing:.04em;color:var(--sky-deep);margin:.5rem 0 0;font-size:1.5rem}.stage{flex:1;justify-content:center;align-items:center;min-height:40dvh;display:flex;position:relative}.fx-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.placeholder{color:var(--sky-deep);opacity:.7;text-align:center;font-size:1rem}.card{background:var(--white);border:2px solid var(--sky);width:100%;box-shadow:0 10px 30px var(--shadow);border-radius:20px;margin:0;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-head{background:var(--sky-soft);border-bottom:1px solid color-mix(in srgb, var(--sky) 45%, transparent);justify-content:space-between;align-items:baseline;padding:.7rem 1.25rem;display:flex}.wordmark{letter-spacing:.04em;color:var(--sky-deep);font-size:1.05rem;font-weight:900}.wordmark-sub{color:var(--ink);margin-left:.2em;font-size:.9rem}.card-no{font-variant-numeric:tabular-nums;color:var(--sky-deep);opacity:.8;font-size:.8rem;font-weight:700}.card-title{border-bottom:1px solid var(--sky-soft);padding:1.1rem 1.25rem 1rem}.category-pill{background:var(--sky);color:var(--white);border-radius:999px;align-items:center;gap:.45em;padding:.3rem .95rem;font-size:.85rem;font-weight:700;display:inline-flex}.category-suffix{opacity:.95;font-size:.78rem}.name{letter-spacing:.01em;color:var(--ink);margin:.75rem 0 .55rem;font-size:1.9rem;font-weight:800}.taxonomy{margin:0}.taxonomy-row{color:var(--ink);align-items:baseline;font-size:.92rem;line-height:1.9;display:flex}.taxonomy-row dt{letter-spacing:.5em;flex:none;font-weight:600}.taxonomy-row dt:after{content:"：";letter-spacing:normal;margin-left:-.5em}.taxonomy-row dd{margin:0}.taxonomy-row .sci{font-style:italic}.visual{background:var(--white);justify-content:center;align-items:center;min-height:32dvh;max-height:40dvh;padding:1.5rem;display:flex;position:relative}.visual-img{object-fit:contain;width:100%;height:100%}.visual-emoji{filter:drop-shadow(0 8px 16px var(--shadow));font-size:6rem;line-height:1}.rarity{background:var(--sky-deep);color:var(--white);letter-spacing:.05em;box-shadow:0 4px 10px var(--shadow);white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:800;position:absolute;top:.9rem;right:.9rem;overflow:hidden}.rarity.badge-shine{background:linear-gradient(135deg, #8fe0f2, var(--sky-deep))}.rarity.badge-shine:after,.rarity.badge-shimmer:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffffd9 50%,#0000 70%);animation:2.4s ease-in-out infinite badge-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes badge-sheen{to{transform:translate(120%)}}.rarity.badge-shimmer{background:linear-gradient(120deg,#63cfe6,#8b7bff,#c86bff) 0 0/200% 200%;animation:3s infinite badge-flow}@keyframes badge-flow{0%,to{background-position:0%}50%{background-position:100%}}.rarity.badge-holo{--h:0;color:#4a2b00;text-shadow:0 1px #fff9;background-image:linear-gradient(90deg, hsl(calc(var(--h) + 330), 100%, 78%), hsl(calc(var(--h) + 45), 100%, 70%), hsl(calc(var(--h) + 150), 90%, 74%), hsl(calc(var(--h) + 210), 95%, 78%), hsl(calc(var(--h) + 285), 95%, 80%), hsl(calc(var(--h) + 330), 100%, 78%));animation:3s linear infinite badge-hue-spin;box-shadow:0 0 12px #ffcf5cbf}@keyframes badge-hue-spin{to{--h:360}}.card.card-glow-violet{box-shadow:0 0 0 1px #8b7bff,0 14px 36px -6px #8b7bff80}.card.card-holo-gold{border-color:#ffcf5c;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop,1.8s ease-in-out .5s infinite gold-rim;position:relative}.card.card-holo-gold:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;background-image:linear-gradient(115deg,#ff7ab64d,#ffd36b5c,#7fffd44d,#7ab0ff5c,#d3a4ff4d,#ff7ab64d);animation:7s linear infinite holo-hue;position:absolute;inset:0}@keyframes gold-rim{0%,to{box-shadow:0 0 0 1px #ffcf5c,0 0 20px -2px #ffcf5c80}50%{box-shadow:0 0 0 1px #ffcf5c,0 0 44px 4px #ffcf5cf2}}@keyframes holo-hue{to{filter:hue-rotate(360deg)}}.rarity.badge-moon{color:#ffe9b0;text-shadow:0 0 8px #ffe9b08c;background:linear-gradient(135deg,#2c3e6b,#141e3c);box-shadow:0 0 12px #ffe9b073}.rarity.badge-bubble{background:linear-gradient(180deg, #8fdcf2, var(--sky-deep))}.rarity.badge-bubble:after{content:"";background-image:radial-gradient(2px at 18% 8px,#fffffff2 45%,#0000 50%),radial-gradient(1.5px at 52% 16px,#fffc 45%,#0000 50%),radial-gradient(2.5px at 80% 5px,#ffffffe6 45%,#0000 50%),radial-gradient(1.5px at 35% 20px,#ffffffb3 45%,#0000 50%);background-repeat:repeat-y;background-size:100% 24px;animation:2.2s linear infinite badge-bubbles-rise;position:absolute;inset:-24px 0 0}@keyframes badge-bubbles-rise{to{transform:translateY(-24px)}}.card.card-glow-moon{border-color:#ffe9b0;box-shadow:0 0 0 1px #ffe9b0,0 12px 32px -6px #ffde8c80}.rarity.badge-door{background:linear-gradient(135deg, #fff, #fdf8ec 55%, var(--sky-soft));color:#a67c2e;text-shadow:0 1px #ffffffe6;box-shadow:0 0 12px #fff5dce6, 0 4px 10px var(--shadow);border:1px solid #e0b054bf}.rarity.badge-door:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffecb4e6 50%,#0000 70%);animation:3.2s ease-in-out infinite badge-sheen;position:absolute;inset:0;transform:translate(-120%)}.card.card-glow-door{border-color:#d9edf6;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop,2.6s ease-in-out .4s infinite door-rim}@keyframes door-rim{0%,to{box-shadow:0 0 0 1px #eaf7fc, 0 0 18px -2px #d6eef8e6, 0 12px 30px -8px var(--shadow)}50%{box-shadow:0 0 0 1px #fffdf4, 0 0 34px 2px #fff4d6f2, 0 12px 30px -8px var(--shadow)}}.moon-intro{z-index:4;background:radial-gradient(1px at 18% 22%,#ffffffe6 50%,#0000 55%),radial-gradient(1.5px at 74% 16%,#fffc 50%,#0000 55%),radial-gradient(1px at 62% 72%,#ffffffb3 50%,#0000 55%),radial-gradient(1px at 30% 80%,#ffffffbf 50%,#0000 55%),radial-gradient(1.5px at 88% 58%,#ffffffa6 50%,#0000 55%),#101d3d;border-radius:20px;justify-content:center;align-items:center;animation:.35s moon-intro-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes moon-intro-in{0%{opacity:0}}.moon-wrap{aspect-ratio:1;border-radius:50%;width:42%;animation:1.7s forwards moon-glow;position:relative;overflow:hidden}@keyframes moon-glow{0%{box-shadow:0 0 18px #ffe9b040}70%,to{box-shadow:0 0 56px #ffe9b0bf}}.moon-disc{background:radial-gradient(closest-side at 40% 35%,#fff4cf,#ffe9b0 70%,#f2d78a);border-radius:50%;position:absolute;inset:0}.moon-shade{background:#101d3d;border-radius:50%;animation:1.2s cubic-bezier(.55,.05,.45,.95) forwards moon-wax;position:absolute;inset:-4%;transform:translate(14%)}@keyframes moon-wax{to{transform:translate(106%)}}.moon-flash{opacity:0;pointer-events:none;background:radial-gradient(50% 42%,#fff7de 0%,#fff7dea6 35%,#0000 72%);animation:.5s ease-in 1.2s forwards moon-flash;position:absolute;inset:0}@keyframes moon-flash{0%{opacity:0}45%{opacity:1}to{opacity:0}}.door-intro{z-index:4;background:var(--sky-soft);border-radius:20px;animation:.3s door-intro-in;position:absolute;inset:0;overflow:hidden}@keyframes door-intro-in{0%{opacity:0}}.door-scene{perspective:800px;animation:3s cubic-bezier(.55,0,.3,1) forwards door-scene-act;position:absolute;inset:-10px}@keyframes door-scene-act{0%,55%{transform:translate(0)scale(1)}56.5%{transform:translate(3px,-2px)scale(1)}58%{transform:translate(-3px,2px)scale(1)}59.5%{transform:translate(2px,1px)scale(1)}61%,68%{transform:translate(0)scale(1)}to{transform:translate(0)scale(1.22)}}.door-light{background:radial-gradient(circle at 50% 44%, #fffdf4 0%, #fff6dd 34%, #eaf7fc 72%, var(--sky-soft) 100%);position:absolute;inset:0}.door-rays{opacity:0;background:repeating-conic-gradient(from -8deg,#fff4d200 0deg 12deg,#fff4d2b3 16deg 20deg,#fff4d200 24deg 36deg);animation:3s linear forwards door-rays-act;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 62%);mask-image:radial-gradient(circle,#000 0%,#0000 62%)}@keyframes door-rays-act{0%,61%{opacity:0;transform:rotate(0)}76%{opacity:.9}to{opacity:.75;transform:rotate(18deg)}}.door-panel{z-index:1;backface-visibility:hidden;background:linear-gradient(#fff 0%,#f4fbfe 55%,#e8f6fb 100%);width:50.5%;animation-duration:3s;animation-timing-function:cubic-bezier(.7,0,.25,1);animation-fill-mode:forwards;position:absolute;top:0;bottom:0}.door-panel:before{content:"";border:1.5px solid color-mix(in srgb, var(--sky) 30%, transparent);border-radius:10px;position:absolute;inset:12px}.door-panel:after{content:"";border:1px solid color-mix(in srgb, var(--sky) 18%, transparent);background:linear-gradient(160deg,#ffffffe6,#d9f2fa59);border-radius:6px;position:absolute;inset:24px}.door-left{transform-origin:0;box-shadow:inset -12px 0 20px -12px var(--shadow);animation-name:door-open-l;left:-1px}.door-right{transform-origin:100%;box-shadow:inset 12px 0 20px -12px var(--shadow);animation-name:door-open-r;right:-1px}@keyframes door-open-l{0%,66%{transform:rotateY(0)}93%,to{transform:rotateY(112deg)}}@keyframes door-open-r{0%,66%{transform:rotateY(0)}93%,to{transform:rotateY(-112deg)}}.door-seam{z-index:2;opacity:0;background:linear-gradient(#0000,#fff8e1 12%,#fff 50%,#fff8e1 88%,#0000);border-radius:999px;width:4px;margin-left:-2px;animation:3s cubic-bezier(.6,0,.3,1) forwards door-seam-act;position:absolute;top:6%;bottom:6%;left:50%;transform:scaleY(.06);box-shadow:0 0 18px 6px #fff1c3e6,0 0 60px 18px #fff1c380}@keyframes door-seam-act{0%,56%{opacity:0;transform:scaleY(.06)}61%{opacity:1;transform:scaleY(.25)}69%{opacity:1;transform:scaleY(1)}86%,to{opacity:0;transform:scaleY(1)scaleX(3)}}.door-plate{z-index:3;background:linear-gradient(160deg,#fbe7ae,#e0b054 60%,#c9922e);border-radius:12px;justify-content:center;align-items:center;width:46px;height:64px;animation:3s forwards door-plate-act;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes door-plate-act{0%,54%{opacity:1;box-shadow:0 2px 8px #a06e1e59,inset 0 1px 2px #fffc}58%,66%{opacity:1;box-shadow:0 0 26px 8px #ffecaaf2,inset 0 1px 2px #fffc}73%,to{opacity:0;box-shadow:none}}.door-keyhole{background:#3f2f16;border-radius:50%;width:12px;height:12px;position:relative}.door-keyhole:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#3f2f16;width:12px;height:13px;position:absolute;top:8px;left:50%;translate:-50%}.door-ring{z-index:4;opacity:0;border:3px solid #fff0bef2;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;animation:3s ease-out forwards door-ring-act;position:absolute;top:50%;left:50%;box-shadow:0 0 22px #fff0becc,inset 0 0 12px #fff0be99}@keyframes door-ring-act{0%,55%{opacity:0;transform:scale(.3)}58%{opacity:1}71%,to{opacity:0;transform:scale(2.6)}}.door-key-fly{z-index:5;width:40px;height:98px;margin:-63px 0 0 -20px;animation:3s ease-out forwards door-key-fly-act;position:absolute;top:50%;left:50%}@keyframes door-key-fly-act{0%{transform:translate(-330px,-80px)}7%{transform:translate(-235px,8px)}14%{transform:translate(-135px,52px)}20%{transform:translate(-38px,66px)}24%,to{transform:translateY(64px)}}.door-key{transform-origin:20px 49px;width:40px;height:auto;animation:3s ease-in-out forwards door-key-act;display:block}@keyframes door-key-act{0%{opacity:1;filter:drop-shadow(0 3px 8px #be8c2880)brightness()blur();transform:translate(0)rotate(450deg)scale(1)}24%{filter:drop-shadow(0 3px 8px #be8c2880)brightness()blur();transform:translate(0)rotate(90deg)scale(1)}28%{filter:drop-shadow(0 3px 8px #be8c2880)brightness(1.05)blur();transform:translate(0)rotate(90deg)scale(1)}38%{filter:drop-shadow(0 0 8px #ffecaa99)brightness(1.15)blur();transform:translateY(-124px)rotate(196deg)scale(1.06)}42%{filter:drop-shadow(0 0 10px #ffecaabf)brightness(1.3)blur();transform:translateY(-136px)rotate(180deg)scale(1.08)}50%{opacity:1;filter:drop-shadow(0 0 18px #fff0bef2)brightness(2.4)blur();transform:translateY(-140px)rotate(180deg)scale(1.14)}58%,to{opacity:0;filter:drop-shadow(0 0 28px #fff0be)brightness(4.5)blur(8px);transform:translateY(-144px)rotate(180deg)scale(1.42)}}.door-beam{z-index:4;transform-origin:top;opacity:0;background:linear-gradient(#fff8e100 0%,#fff0bee6 35%,#fff8e1 100%);border-radius:999px;width:6px;height:96px;margin:-96px 0 0 -3px;animation:3s ease-in forwards door-beam-act;position:absolute;top:50%;left:50%;box-shadow:0 0 16px 4px #fff0beb3}@keyframes door-beam-act{0%,49%{opacity:0;transform:scaleY(.06)}55%{opacity:1;transform:scaleY(1)}62%{opacity:.9;transform:scaleY(1)}70%,to{opacity:0;transform:scaleY(1)}}.door-burst{z-index:4;opacity:0;background:radial-gradient(circle,#fff8e1f2 0%,#ffecaa99 40%,#0000 70%);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:3s ease-out forwards door-burst-act;position:absolute;top:50%;left:50%}@keyframes door-burst-act{0%,58%{opacity:0;transform:scale(.2)}54%{opacity:1;transform:scale(1)}71%,to{opacity:0;transform:scale(2)}}.door-dust{z-index:6;opacity:0;background-image:radial-gradient(1.5px at 22% 30%,#f4d182e6 50%,#0000 52%),radial-gradient(1px at 68% 18%,#f4d182cc 50%,#0000 52%),radial-gradient(1px at 84% 52%,#f4d182bf 50%,#0000 52%),radial-gradient(1.5px at 38% 66%,#f4d182b3 50%,#0000 52%),radial-gradient(1px at 12% 78%,#f4d182cc 50%,#0000 52%),radial-gradient(1px at 55% 84%,#f4d182b3 50%,#0000 52%);animation:3s linear forwards door-dust-act;position:absolute;inset:0}@keyframes door-dust-act{0%{opacity:0;transform:translateY(6px)}14%{opacity:.9}50%{opacity:.7;transform:translateY(-8px)}68%,to{opacity:0;transform:translateY(-14px)}}.door-vignette{z-index:7;pointer-events:none;background:radial-gradient(at 50% 46%,#0000 48%,#2b5a6e4d 100%);animation:3s forwards door-vignette-act;position:absolute;inset:0}@keyframes door-vignette-act{0%,66%{opacity:1}84%,to{opacity:0}}.door-flash{z-index:8;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,#fff 0%,#fffcf0e6 45%,#fffaeb80 75%,#0000 100%);animation:3s ease-in forwards door-flash-act;position:absolute;inset:0}@keyframes door-flash-act{0%,70%{opacity:0}92%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.rarity.badge-shine:after,.rarity.badge-shimmer:after,.rarity.badge-shimmer,.rarity.badge-holo,.rarity.badge-bubble:after,.card.card-holo-gold,.card.card-holo-gold:after,.moon-intro,.moon-wrap,.moon-shade,.moon-flash,.door-intro,.door-scene,.door-rays,.door-panel,.door-seam,.door-plate,.door-ring,.door-burst,.door-beam,.door-key-fly,.door-key,.door-dust,.door-vignette,.door-flash,.rarity.badge-door:after,.card.card-glow-door{animation:none}}.card-body{border-top:1px solid var(--sky-soft);padding:1.1rem 1.25rem 1.6rem}.desc{color:var(--ink);text-align:justify;white-space:pre-wrap;word-break:break-word;margin:0;font-size:1rem;line-height:1.9}.error{color:#c0392b;text-align:center;font-size:.9rem}.actions{z-index:10;margin:0 -1.25rem calc(-1 * max(1.5rem, env(safe-area-inset-bottom)));padding:.9rem 1.25rem max(1.1rem, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--white) 88%, transparent);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--sky-soft);flex-direction:column;gap:.75rem;display:flex;position:sticky;bottom:0}.btn{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:999px;padding:1rem 1.25rem;font-size:1.05rem;font-weight:700;transition:transform 80ms,box-shadow .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sky);color:var(--white);box-shadow:0 8px 18px var(--shadow)}.btn-x{background:var(--white);color:var(--ink);border:2px solid var(--sky)}.btn-redraw{appearance:none;color:var(--sky-deep);cursor:pointer;text-underline-offset:3px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:.5rem;font-size:.95rem;font-weight:600;text-decoration:underline}.btn-redraw:active{opacity:.6}.admin{max-width:560px;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.admin-head{justify-content:space-between;align-items:center;display:flex}.admin-title{color:var(--sky-deep);margin:0;font-size:1.3rem}.login{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.input{appearance:none;border:2px solid var(--sky-soft);width:100%;color:var(--ink);background:var(--white);border-radius:12px;padding:.75rem .85rem;font-family:inherit;font-size:1rem}.input:focus{border-color:var(--sky);outline:none}.btn-text{appearance:none;color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.4rem .5rem;font-size:.9rem;font-weight:600}.btn-text.danger{color:#c0392b}.content-form{background:var(--white);border:2px solid var(--sky-soft);border-radius:16px;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.form-title{color:var(--sky-deep);margin:0;font-size:1.05rem}.field{color:var(--sky-deep);flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.field-row{gap:.75rem;display:flex}.field-row .field{flex:1;min-width:0}.field-check{color:var(--ink);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.form-actions{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.content-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.content-item{background:var(--white);border:2px solid var(--sky-soft);border-radius:14px;gap:.5rem;padding:.75rem .85rem;display:flex}.content-item.is-disabled{opacity:.55}.item-main{flex:1;min-width:0}.item-line{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.item-no{color:var(--sky-deep);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.item-rarity{color:var(--white);background:var(--sky-deep);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.item-off{color:#c0392b;font-size:.7rem;font-weight:700}.item-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.item-body{color:var(--ink);opacity:.75;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.item-actions{flex-direction:column;flex:none;justify-content:center;align-items:flex-end;display:flex}.item-cat{color:var(--sky-deep);background:var(--sky-soft);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.tabs{background:var(--sky-soft);border-radius:999px;gap:.4rem;padding:.25rem;display:flex}.tab{appearance:none;color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem .5rem;font-size:.95rem;font-weight:700}.tab.active{background:var(--white);color:var(--sky-deep);box-shadow:0 2px 8px var(--shadow)}.field-label-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mini-btn{appearance:none;border:1px solid var(--sky);background:var(--white);color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.mini-btn:active{background:var(--sky-soft)}.master{flex-direction:column;gap:.85rem;display:flex}.master-add{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.input-num{flex:none;width:5rem}.btn-add{flex:none;padding:.7rem 1rem;font-size:.95rem}.master-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.master-item{background:var(--white);border:2px solid var(--sky-soft);border-radius:12px;flex-direction:column;gap:.5rem;padding:.6rem .7rem;display:flex}.master-item .input{padding:.5rem .6rem}.master-name{font-weight:700}.num-row{align-items:flex-end;gap:.6rem;display:flex}.mini-field{color:var(--sky-deep);flex-direction:column;gap:.2rem;font-size:.7rem;font-weight:700;display:flex}.master-add{align-items:stretch;gap:.6rem}.master-add .num-row{justify-content:flex-start}.master-add .btn-add{margin-left:auto}.notice{color:var(--sky-deep);background:var(--sky-soft);border-radius:10px;margin:0;padding:.5rem .75rem;font-size:.8rem;line-height:1.6}.item-rate{color:var(--sky-deep);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800}.master-item.themed,.content-item.themed{background-image:linear-gradient(to right, color-mix(in srgb, var(--theme,transparent) 38%, transparent), transparent 5%)}.theme-dot{vertical-align:-1px;border:1px solid #1f3a452e;border-radius:50%;width:10px;height:10px;margin-left:.4em;display:inline-block}.effect-row{align-items:flex-end;gap:.6rem;display:flex}.effect-row .effect-field{flex:1;min-width:0}.effect-row .btn-text{flex:none;padding-bottom:.6rem}.demo-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0a1e288c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.demo-panel{background:var(--white);border-radius:20px;flex-direction:column;gap:.75rem;width:100%;max-width:380px;max-height:calc(100dvh - 2rem);padding:1rem;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000059}.demo-stage{background:linear-gradient(160deg, var(--sky-soft), var(--white));border-radius:16px;justify-content:center;align-items:center;min-height:380px;padding:.75rem;display:flex;position:relative;overflow:hidden}.demo-card{width:100%}.demo-card .visual{min-height:130px;max-height:150px}.demo-caption{color:var(--sky-deep);text-align:center;margin:0;font-size:.8rem;font-weight:700}.demo-actions{justify-content:center;align-items:center;gap:.75rem;display:flex}.upload-btn{border:2px dashed var(--sky);background:var(--white);color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.9rem 1rem;font-size:.95rem;font-weight:700;display:flex}.upload-btn.is-busy{opacity:.6;cursor:progress}.media-preview-wrap{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.media-preview{border:1px solid var(--sky-soft);background:var(--white);border-radius:12px;max-width:100%;max-height:160px}.item-thumb{object-fit:cover;border:1px solid var(--sky-soft);border-radius:10px;flex:none;align-self:center;width:52px;height:52px}