:root{
  --main:#ff71ad;--main-dark:#d92d82;--sub:#67c9ff;--sub-dark:#288bc6;--yellow:#ffd84d;--green:#83d451;
  --ink:#4c3b53;--muted:#756879;--line:#ffc8df;--soft-pink:#fff0f7;--soft-blue:#eefaff;--soft-yellow:#fff9dc;--white:#fff;
  --shadow:0 13px 28px rgba(170,68,119,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);background-color:#ffd94a;background-image:linear-gradient(rgba(255,255,255,.32),rgba(255,255,255,.32)),url("../../assets/bg/main-bg.jpg");background-position:center top;background-size:cover;background-attachment:fixed;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.65}body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:rgba(255,249,252,.72)}button,input,select{font:inherit}button{touch-action:manipulation}a{color:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:-70px;left:12px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--main-dark);color:#fff;font-weight:900;transition:top .15s}.skip-link:focus{top:12px}
.wiki-nav{position:sticky;z-index:20;top:0;border-bottom:3px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(0,0,0,.07);backdrop-filter:blur(10px)}.wiki-nav__inner{display:flex;align-items:center;gap:10px;width:min(1180px,calc(100% - 24px));margin:auto;padding:9px 0}.wiki-nav__links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.wiki-nav__links a{flex:0 0 auto;padding:8px 11px;border-radius:999px;color:var(--main-dark);font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap}.wiki-nav__links a:hover,.wiki-nav__links a[aria-current="page"]{background:var(--soft-pink)}.wiki-nav__search{display:flex;flex:1 0 250px;gap:6px;margin-left:auto}.wiki-nav__search input{min-width:0;width:100%;padding:8px 13px;border:2px solid var(--line);border-radius:999px;outline:none;background:#fff;color:var(--ink)}.wiki-nav__search input:focus{border-color:var(--main)}.wiki-nav__search button{border:0;border-radius:999px;padding:8px 14px;background:var(--main);color:#fff;font-weight:900;cursor:pointer}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:300px;width:min(1180px,calc(100% - 28px));margin:24px auto 18px;padding:24px 32px 26px;overflow:hidden;border:4px solid var(--main);border-radius:30px;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.8) 0 7px,transparent 8px),radial-gradient(circle at 18% 76%,rgba(255,255,255,.65) 0 5px,transparent 6px),linear-gradient(125deg,#fff 0%,#fff4fa 46%,#eaf9ff 100%);box-shadow:var(--shadow),0 7px 0 #f7acd0}.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero::before{right:235px;top:-100px;width:260px;height:260px;border:34px solid rgba(103,201,255,.14)}.hero::after{right:-75px;bottom:-120px;width:280px;height:280px;background:rgba(255,216,77,.28)}.hero__copy{position:relative;z-index:2;align-self:center}.hero__logo{display:block;width:min(330px,72%);height:auto;margin:0 0 8px}.hero__eyebrow{display:inline-block;margin-bottom:2px;padding:4px 11px;border:2px solid #f1bd26;border-radius:999px;background:var(--yellow);color:#7b4d14;font-size:12px;font-weight:900}.hero h1{margin:2px 0 4px;color:var(--main-dark);font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:.02em;text-shadow:0 3px 0 #fff,0 5px 0 rgba(103,201,255,.28)}.hero p{max-width:700px;margin:0;color:#66536b;font-size:14px;font-weight:800}.hero__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.hero__chips span{padding:4px 10px;border:2px solid #d0efff;border-radius:999px;background:#fff;color:var(--sub-dark);font-size:11px;font-weight:900;box-shadow:0 3px 0 #dff5ff}.hero__puni-showcase{position:relative;z-index:1;min-height:240px}.hero-puni{position:absolute;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#ffeaf4);box-shadow:0 7px 16px rgba(143,58,102,.2)}.hero-puni img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(87,46,73,.18))}.hero-puni--1{z-index:4;right:125px;top:48px;width:138px;height:138px;border-color:#ffd4e5}.hero-puni--2{z-index:2;right:22px;top:8px;width:110px;height:110px;border-color:#aee7ff;transform:rotate(7deg)}.hero-puni--3{z-index:3;right:10px;bottom:2px;width:116px;height:116px;border-color:#d7c5ff;transform:rotate(-6deg)}.hero-puni--4{z-index:2;left:6px;bottom:0;width:108px;height:108px;border-color:#d9f4a9;transform:rotate(-7deg)}.hero-puni--5{z-index:1;left:38px;top:8px;width:104px;height:104px;border-color:#ffe3a0;transform:rotate(5deg)}
.maker{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.93fr);align-items:start;gap:20px;width:min(1180px,calc(100% - 28px));margin:0 auto 64px}.editor,.preview-section{min-width:0;padding:22px;border:3px solid var(--line);border-radius:25px;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.preview-section{position:sticky;top:80px;border-color:#bfeaff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:11px 14px;border-radius:16px;background:linear-gradient(90deg,var(--soft-pink),var(--soft-blue))}.section-heading h2{margin:0;color:var(--main-dark);font-size:24px;line-height:1.2}.section-heading__step{margin:0 0 1px;color:var(--sub-dark);font-size:11px;font-weight:1000;letter-spacing:.08em}.save-state,.progress-badge{flex:0 0 auto;padding:5px 10px;border:2px solid #cbefff;border-radius:999px;background:#fff;color:var(--sub-dark);font-size:12px;font-weight:1000}.form-card{min-width:0;margin:0 0 16px;padding:15px;border:2px solid #f4c9dc;border-radius:19px;background:#fff}.form-card legend{padding:0 7px;color:var(--main-dark);font-weight:1000}.form-card--profile{background:linear-gradient(135deg,#fff,#fff7fb)}.form-card--progress{background:linear-gradient(135deg,#fff9fc,#f6fcff)}.input-grid{display:grid;gap:11px}.input-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:5px;min-width:0}.field>span{color:#6c5c71;font-size:12px;font-weight:900}.field small{font-weight:800;color:#a18e9c}.field input{min-width:0;width:100%;padding:10px 11px;border:2px solid #ead6e1;border-radius:12px;outline:none;background:#fff;color:var(--ink)}.field input:focus{border-color:var(--main)}.field-help{margin:10px 0 0;padding:10px 12px;border-radius:13px;background:var(--soft-yellow);color:#6f6252;font-size:12px;font-weight:750;line-height:1.7}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:13px 14px;border:2px solid #e5d8e1;border-radius:16px;background:#fff}.summary-card--main{border-color:#f4aac8;background:linear-gradient(135deg,#fff0f7,#fff)}.summary-card span{display:block;color:#806d7b;font-size:11px;font-weight:900}.summary-card strong{display:block;margin:2px 0;color:#67435d;font-size:clamp(24px,4vw,38px);line-height:1.15}.summary-card:not(.summary-card--main) strong{font-size:clamp(17px,2.8vw,25px)}.summary-card small{color:#8c7f88;font-size:11px;font-weight:800}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick-actions button,.filter{border:2px solid #efc4d7;border-radius:12px;padding:8px 11px;background:#fff;color:var(--main-dark);font-size:12px;font-weight:900;cursor:pointer}.quick-actions button:hover,.filter:hover{background:var(--soft-pink)}.quick-actions .danger-soft{color:#a84455;border-color:#efc4cb}.filter-row{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin}.filter{flex:0 0 auto;white-space:nowrap}.filter.is-active{border-color:var(--main);background:var(--main);color:#fff}.groups{display:grid;gap:12px}.series{padding:12px;border:2px solid #eee0e7;border-radius:17px;background:#fcfbfc}.series.is-hidden{display:none}.series__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.series__head h3{margin:0;font-size:16px;color:#5f4b5c}.series__head-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.series__meta{display:flex;align-items:center;gap:6px}.series__actions{display:flex;align-items:center;gap:5px}.series-action{border:1.5px solid #efbad1;border-radius:999px;padding:4px 8px;background:#fff;color:#c13e78;font-size:9px;font-weight:1000;cursor:pointer;white-space:nowrap}.series-action:hover{background:#fff0f7;border-color:#e67eaa}.series-action--clear{color:#855f70;border-color:#dcc8d2}.series__limit{padding:4px 8px;border-radius:999px;background:#fff3c9;color:#9b6e16;font-size:9px;font-weight:1000;white-space:nowrap}.rank-image{display:block;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(69,47,60,.12))}.rank-image--series{width:34px;height:30px}.rank-image--char{width:30px;height:22px;margin-top:1px;opacity:.9}.series__count{color:#847985;font-size:11px;font-weight:900}.character-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.char{position:relative;display:grid;grid-template-rows:58px auto auto;place-items:center;min-width:0;padding:7px 4px 6px;border:2px solid #e7dce2;border-radius:14px;background:#fff;cursor:pointer;transition:.14s}.char:hover{transform:translateY(-1px);border-color:#e8a9c3}.char input{position:absolute;opacity:0;pointer-events:none}.char .char-puni{width:56px;height:56px;object-fit:contain;filter:grayscale(.7);opacity:.32;transition:.14s}.char b{min-width:0;font-size:10px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.char small{color:#948a92;font-size:9px;font-weight:800}.char .check{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d8dce2;color:#fff;font-size:11px;font-weight:1000}.char:has(input:checked){border-color:#ee8fb5;background:#fff4f8;box-shadow:0 5px 14px rgba(216,79,134,.1)}.char:has(input:checked) .char-puni{filter:none;opacity:1}.char:has(input:checked) .check{background:#21a975}.char.is-filter-hidden{display:none}.uzpp-note{margin:7px 0 0;color:#a33e6a;font-size:11px;font-weight:900}.uzpp-choice-alert{animation:flash .38s ease}@keyframes flash{50%{box-shadow:0 0 0 5px rgba(239,107,159,.24)}}
.preview-shell{padding:9px;border:2px solid #cbefff;border-radius:18px;background:linear-gradient(135deg,#f6fcff,#fff6fa);overflow:hidden}.preview-shell canvas{display:block;width:100%;height:auto;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(75,67,95,.1)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.action-button{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:2px solid #e3d7df;border-radius:14px;background:#fff;color:#674f60;text-align:left;cursor:pointer}.action-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.05)}.action-button--primary{border-color:#f195bb;background:linear-gradient(135deg,#ff7db3,#ea4f95);color:#fff}.action-button--x{border-color:#c5dff0;background:#f4fbff}.action-button__icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.82);color:#9d3f6d;font-size:18px;font-weight:1000}.action-button strong,.action-button small{display:block}.action-button strong{font-size:12px}.action-button small{margin-top:1px;font-size:9px;font-weight:800;opacity:.78}.action-status{min-height:1.5em;margin-top:7px;color:#6d6570;font-size:12px;font-weight:800}.share-note{margin-top:10px;padding:11px 12px;border:2px solid #f3d885;border-radius:15px;background:#fff9df}.share-note h3{margin:0 0 3px;color:#8d621f;font-size:13px}.share-note p{margin:0;color:#786c55;font-size:11px;font-weight:750}.privacy-note{margin:9px 0 0;color:#8a7d86;font-size:10px;font-weight:700}.site-footer{padding:12px 16px 50px;text-align:center;color:#776b73;font-size:13px;font-weight:800}.site-footer a{color:var(--main-dark);font-weight:900;text-decoration:none}
html[data-theme="dark"] body{background:#181316;color:#f5eaf0}html[data-theme="dark"] body::before{background:rgba(18,14,17,.2)}html[data-theme="dark"] .wiki-nav{background:rgba(31,23,28,.96)}html[data-theme="dark"] .hero{background:linear-gradient(125deg,#2a1f25,#241d2d)}html[data-theme="dark"] .hero p{color:#d8c8d0}html[data-theme="dark"] .editor,html[data-theme="dark"] .preview-section,html[data-theme="dark"] .form-card,html[data-theme="dark"] .summary-card,html[data-theme="dark"] .series,html[data-theme="dark"] .char{background:#2b2227;color:#f6edf2;border-color:#58404c}html[data-theme="dark"] .form-card--progress,html[data-theme="dark"] .form-card--profile{background:#2b2227}html[data-theme="dark"] .field input{background:#181316;color:#f8eef3;border-color:#5b3e4d}html[data-theme="dark"] .field-help,html[data-theme="dark"] .share-note{background:#302b1c;border-color:#6c6130;color:#e0d4bd}html[data-theme="dark"] .quick-actions button,html[data-theme="dark"] .filter,html[data-theme="dark"] .action-button,html[data-theme="dark"] .series-action{background:#2c2227;color:#f1b5ce;border-color:#654454}html[data-theme="dark"] .preview-shell{background:#1b1619;border-color:#365367}
@media(max-width:980px){.maker{grid-template-columns:1fr}.preview-section{position:static}.hero{grid-template-columns:1fr 330px}.character-row{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.series__head{align-items:flex-start}.series__head-right{gap:5px}.series__actions{width:100%;justify-content:flex-end}.series-action{font-size:8px;padding:4px 7px}.wiki-nav__inner{flex-wrap:wrap}.wiki-nav__search{min-width:100%;width:100%}.hero{grid-template-columns:1fr;padding:20px}.hero__puni-showcase{min-height:185px}.maker{width:min(100% - 20px,720px)}.editor,.preview-section{padding:15px;border-radius:20px}.input-grid--2,.summary-grid{grid-template-columns:1fr}.character-row{grid-template-columns:repeat(2,minmax(0,1fr))}.char{grid-template-rows:60px auto auto}.action-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}}
@media(max-width:430px){.character-row{grid-template-columns:1fr 1fr}.quick-actions>*{width:100%}.hero__logo{width:90%}}