:root{--bg-deep:#1a120c;--bg-mid:#2a1a10;--ink:#2b160c;--ink-soft:#6b4a35;--paper:#fff7eeeb;--paper-solid:#fff7ee;--line:#c2652a38;--accent:#ff6b1a;--accent-deep:#e04a00;--amber:#ffb347;--gold:#ffd27a;--share:#1c1c1c;--danger:#d94841;--radius:18px;--shadow:0 18px 40px #1a0c0447;--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", Meiryo, sans-serif;color:var(--ink);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(80% 50% at 50% -10%,#ffb34759,#0000 55%),radial-gradient(60% 40% at 100% 80%,#ff6b1a38,#0000 50%),radial-gradient(50% 35% at 0 60%,#ffd27a2e,#0000 45%),linear-gradient(165deg,#3a2214 0%,#1a120c 45%,#120c08 100%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{justify-content:center;min-height:100vh;padding:28px 16px 48px;display:flex;position:relative;overflow:hidden}.app-glow{pointer-events:none;filter:blur(8px);background:radial-gradient(circle,#ff8c2847,#0000 70%);width:min(720px,140vw);height:420px;position:absolute;inset:-20% auto auto 50%;transform:translate(-50%)}.app{z-index:1;flex-direction:column;gap:18px;width:100%;max-width:440px;display:flex;position:relative}.header{text-align:center;color:var(--paper-solid);padding:8px 0 4px}.brand-en{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);opacity:.9;margin-bottom:6px;font-size:.75rem}.brand{letter-spacing:.04em;background:linear-gradient(180deg, #fff8ef 10%, var(--amber) 55%, var(--accent) 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 8px 18px #ff6b1a59);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,10vw,3.2rem);font-weight:900;line-height:1.05}.tagline{color:#fff7eec7;letter-spacing:.08em;margin-top:10px;font-size:.95rem;font-weight:500}.gacha-display{text-align:center;border-radius:var(--radius);min-height:160px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff4e6fa,#ffd6a0eb),repeating-linear-gradient(-18deg,#0000,#0000 10px,#ff8c280d 10px 11px);border:1px solid #ffb3478c;justify-content:center;align-items:center;padding:24px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.gacha-display:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff59 48%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.gacha-display.is-spinning:before{animation:.9s linear infinite sheen}.gacha-display.is-revealed{animation:.45s cubic-bezier(.2,.9,.2,1) reveal-pop}.gacha-display-inner{z-index:1;width:100%;position:relative}.result-label{letter-spacing:.18em;color:var(--accent-deep);margin-bottom:8px;font-size:.8rem;font-weight:700}.result-value{color:#9a3412;word-break:break-word;font-size:clamp(1.55rem,6.5vw,2rem);font-weight:900;line-height:1.25}.spinning-text{animation:80ms infinite alternate roulette-jitter}.result-placeholder{color:var(--ink-soft);font-size:1.05rem;font-weight:700;line-height:1.55}.btn-main{letter-spacing:.04em;color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #ff8a2b 45%, var(--amber) 100%);border:none;border-radius:999px;width:100%;padding:16px 20px;font-size:1.15rem;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .2s;box-shadow:0 10px 24px #ff6b1a61,inset 0 1px #ffffff59}.btn-main:not(:disabled):hover{transform:translateY(-1px)}.btn-main:not(:disabled):active{transform:scale(.98);box-shadow:0 4px 12px #ff6b1a4d}.actions{grid-template-columns:1.3fr .9fr;gap:10px;display:grid}.btn-secondary{color:var(--paper-solid);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff7ee14;border:1px solid #fff7ee2e;border-radius:12px;padding:12px 10px;font-size:.88rem;font-weight:700;transition:background .15s,transform .12s}.btn-secondary:not(:disabled):hover{background:#fff7ee29}.btn-secondary:not(:disabled):active{transform:scale(.98)}.btn-share{background:#00000073;border-color:#fff7ee1f}.section-label{letter-spacing:.16em;color:#fff7ee9e;margin-bottom:10px;font-size:.78rem;font-weight:700}.presets,.items-section{padding-top:4px}.preset-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.btn-preset{color:var(--gold);background:#ff8c281f;border:1px solid #ffb34759;border-radius:999px;padding:10px 8px;font-size:.86rem;font-weight:700;transition:background .15s,transform .12s}.btn-preset:not(:disabled):hover{background:#ff8c2838}.btn-preset:not(:disabled):active{transform:scale(.97)}.input-group{gap:8px;margin-bottom:12px;display:flex}.input-group input{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--paper);border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6b1a33}.input-group input:disabled{opacity:.6}.btn-add{color:#fff;background:linear-gradient(135deg, var(--accent-deep), var(--accent));white-space:nowrap;border:none;border-radius:12px;padding:12px 16px;font-weight:800;transition:transform .12s,opacity .2s}.btn-add:not(:disabled):active{transform:scale(.97)}.item-list{flex-direction:column;gap:8px;max-height:220px;padding-right:2px;list-style:none;display:flex;overflow-y:auto}.item-node{background:#fff7eee6;border:1px solid #ffb34733;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px 11px 14px;animation:.25s item-in;display:flex}.item-text{color:var(--ink);word-break:break-word;font-size:.98rem;font-weight:700}.btn-del{width:32px;height:32px;color:var(--danger);background:#d948411a;border:none;border-radius:8px;flex-shrink:0;font-size:1.15rem;font-weight:700;line-height:1;transition:background .15s}.btn-del:not(:disabled):hover{background:#d948412e}.empty-list{text-align:center;color:#fff7ee8c;border:1px dashed #fff7ee2e;border-radius:12px;padding:16px;font-size:.9rem;font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes roulette-jitter{0%{opacity:.75;transform:translateY(-3px)}to{opacity:1;transform:translateY(3px)}}@keyframes reveal-pop{0%{filter:brightness();transform:scale(.96)}45%{filter:brightness(1.08);transform:scale(1.03)}to{filter:brightness();transform:scale(1)}}@keyframes sheen{to{transform:translate(120%)}}@keyframes item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.site-footer{text-align:center;border-top:1px solid #fff7ee1f;margin-top:12px;padding-top:18px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-bottom:10px;display:flex}.footer-nav a{color:#ffd27aeb;font-size:.82rem;font-weight:700;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-copy{color:#fff7ee80;font-size:.75rem}.legal-page{color:var(--paper-solid)}.legal-back a{color:var(--gold);font-size:.88rem;font-weight:700;text-decoration:none}.legal-back a:hover{text-decoration:underline}.legal-header{margin:14px 0 18px}.legal-header h1{letter-spacing:.04em;font-size:clamp(1.6rem,6vw,2rem);font-weight:900}.legal-updated{color:#fff7eea6;margin-top:8px;font-size:.86rem}.legal-body{border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);background:#fff7eef0;border:1px solid #ffb34747;flex-direction:column;gap:14px;padding:18px 16px;display:flex}.legal-body h2{color:var(--accent-deep);margin-top:6px;font-size:1.05rem}.legal-body p,.legal-body li{font-size:.94rem;line-height:1.7}.legal-body ul{flex-direction:column;gap:6px;padding-left:1.2rem;display:flex}.contact-form{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff7eef0;border:1px solid #ffb34747;flex-direction:column;gap:14px;padding:18px 16px;display:flex}.field{color:var(--ink);flex-direction:column;gap:6px;font-size:.9rem;font-weight:700;display:flex}.field input,.field textarea{border:1px solid var(--line);font:inherit;color:var(--ink);resize:vertical;background:#fff;border-radius:12px;outline:none;padding:12px 14px;font-weight:500}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6b1a33}.form-banner{border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.9rem;font-weight:700;line-height:1.55}.form-banner code{font-size:.85em}.form-banner-success{color:#bbf7d0;background:#22c55e29;border:1px solid #22c55e59}.form-banner-error,.form-banner-warn{color:#ffd7b5;background:#ff6b1a29;border:1px solid #ffb34766}.contact-note{color:#fff7eea6;margin-top:14px;font-size:.82rem;line-height:1.6}.contact-note a{color:var(--gold);font-weight:700}@media (width>=640px){.app-shell{padding:48px 24px 64px}.app{gap:20px}.gacha-display{min-height:180px}}@media (width<=360px){.actions,.preset-row{grid-template-columns:1fr}.brand{font-size:2.2rem}.footer-nav{flex-direction:column;gap:8px}}