.yuragi-page{--ink:#39263f;--pink:#ff67b8;--blue:#6fbcff;--yellow:#ffd95e;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 12%,#ff67b83b,#0000 26%),radial-gradient(circle at 88% 8%,#6fbcff3d,#0000 24%),linear-gradient(#fff8fe 0%,#f8fbff 55%,#fffdf1 100%);padding:72px 20px 40px;position:relative;overflow:hidden}.yuragi-stars{pointer-events:none;opacity:.55;position:absolute;inset:0}.yuragi-stars i{background:var(--yellow);border-radius:2px;width:8px;height:8px;position:absolute;transform:rotate(45deg);box-shadow:0 0 18px #ffd95eb3}.yuragi-stars i:first-child{top:180px;left:8%}.yuragi-stars i:nth-child(2){background:var(--pink);top:260px;right:12%}.yuragi-stars i:nth-child(3){background:var(--blue);top:62%;left:20%}.yuragi-stars i:nth-child(4){top:72%;right:18%}.yuragi-hero,.yuragi-lab,.yuragi-note{z-index:1;width:min(980px,100%);margin-inline:auto;position:relative}.yuragi-hero{text-align:center;margin-bottom:26px}.yuragi-hero p,.eyebrow{letter-spacing:.18em;color:#a05b92;margin:0 0 8px;font-size:.72rem;font-weight:900}.yuragi-hero h1{letter-spacing:-.06em;color:#432546;text-shadow:3px 3px #ffffffe6;margin:0;font-size:clamp(2.25rem,7vw,4.6rem);line-height:1}.yuragi-hero span{color:#705a76;margin-top:14px;font-weight:700;display:block}.yuragi-lab{gap:18px;display:grid}.yuragi-intro-card,.control-panel,.groove-view,.why-card,.paid-exit,.yuragi-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #4a2a4e14;box-shadow:0 18px 60px #4a2a4e14}.yuragi-intro-card{background:#ffffffd1;border-radius:30px;justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.yuragi-intro-card h2{margin:0 0 8px;font-size:clamp(1.35rem,3vw,2rem)}.yuragi-intro-card p:not(.eyebrow){color:#75647b;max-width:620px;margin:0;line-height:1.7}.compare-buttons{gap:10px;min-width:220px;display:grid}.yuragi-page button{appearance:none;font:inherit;cursor:pointer;color:#553b5b;background:#f5edf6;border:0;border-radius:999px;padding:13px 18px;font-weight:900;transition:transform .15s,box-shadow .15s}.yuragi-page button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #553b5b1f}.yuragi-page button:disabled{cursor:wait;opacity:.58}.yuragi-page button.primary{color:#fff;background:linear-gradient(135deg,#ff75be,#80c5ff);box-shadow:0 8px 26px #ff67b83d}.yuragi-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.control-panel,.groove-view{border-radius:30px;padding:24px}.control-panel{background:#fff5fbe6;align-content:start;gap:19px;display:grid}.groove-view{background:#f7fbffeb}.name-field{gap:7px;display:grid}.name-field span{color:#8f648a;font-size:.8rem;font-weight:900}.name-field input{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #4a2a4e1f;border-radius:14px;outline:none;padding:12px 14px;font-weight:800}.name-field input:focus{border-color:#ff67b899;box-shadow:0 0 0 4px #ff67b814}.slider-row{gap:8px;display:grid}.slider-row>span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.slider-row b{font-size:.86rem}.slider-row em{color:#8a7590;font-size:.76rem;font-style:normal;font-weight:800}.slider-row input[type=range]{width:100%;accent-color:var(--pink)}.shuffle{margin-top:4px;background:#fff!important;border:1px dashed #4a2a4e33!important}.groove-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.groove-head h3{margin:0;font-size:clamp(1.25rem,3vw,1.8rem)}.groove-head>span{color:#477aa3;background:#e8f4ff;border-radius:999px;flex:none;padding:7px 10px;font-size:.75rem;font-weight:900}.timeline{background:linear-gradient(#fffc,#ecf5ffbf);border-radius:18px;grid-template-columns:repeat(16,1fr);align-items:end;gap:4px;min-height:118px;margin:22px 0;padding:18px 8px 10px;display:grid;overflow:hidden}.step{border-left:1px solid #486f9214;justify-content:center;align-items:center;min-width:0;height:74px;display:flex;position:relative}.step.beat{border-left-color:#486f924d}.step i{background:linear-gradient(180deg, var(--pink), var(--blue));border-radius:999px;width:8px;height:32px;display:block;box-shadow:0 4px 12px #6fbcff4d}.step small{color:#8390a0;font-size:.58rem;position:absolute;bottom:-2px}.event-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.event-list div{background:#fff;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:9px 10px;font-size:.72rem;display:grid}.event-list span{text-transform:uppercase;color:#836b88;font-weight:900}.event-list b{color:#e0579d}.event-list em{color:#5590c3;font-style:normal;font-weight:800}.profile-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.profile-actions button{background:#fff!important;border:1px solid #4a2a4e1a!important}.ownership{color:#718192;margin:12px 2px 0;font-size:.76rem;line-height:1.6}.why-card{text-align:center;background:linear-gradient(135deg,#ffebf6e0,#e8f6ffe6,#fff9dce0);border-radius:28px;padding:24px}.why-card p{margin:0;font-size:clamp(1rem,2.4vw,1.24rem);line-height:1.8}.why-card strong{color:#d94d93}.why-card span{color:#806d84;margin-top:10px;font-size:.78rem;font-weight:800;display:block}.paid-exit{background:#ffffffad;border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:24px;display:grid}.paid-exit h2{margin:0 0 8px;font-size:clamp(1.2rem,3vw,1.7rem)}.paid-exit p:not(.eyebrow){color:#75647b;margin:0;line-height:1.7}.paid-exit ul{color:#6f6474;margin:14px 0 0;padding-left:1.2rem;font-size:.84rem;line-height:1.8}.paid-exit-action{text-align:center;gap:7px;min-width:220px;display:grid}.paid-exit-action strong{color:#4d344f;font-size:1.8rem}.paid-exit-action span{color:#8f718b;font-size:.78rem;font-weight:800}.paid-exit-action a{color:#fff;background:linear-gradient(135deg,#553b5b,#745881);border-radius:999px;padding:13px 18px;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 8px 22px #553b5b26}.paid-exit-action a:hover{transform:translateY(-2px);box-shadow:0 11px 26px #553b5b33}.paid-exit-action small{color:#9b8d9c;font-size:.68rem}.yuragi-note{background:#ffffffb3;border-radius:24px;margin-top:18px;padding:20px 24px}.yuragi-note h2{margin:0 0 6px;font-size:1rem}.yuragi-note p{color:#77677b;margin:0;font-size:.84rem;line-height:1.7}@media (max-width:760px){.yuragi-page{padding:52px 14px 30px}.yuragi-intro-card{border-radius:24px;padding:20px;display:grid}.compare-buttons{min-width:0}.yuragi-grid{grid-template-columns:1fr}.control-panel,.groove-view{border-radius:24px;padding:20px}.timeline{gap:2px;padding-inline:3px}.step i{width:6px}.event-list{grid-template-columns:1fr}.paid-exit{grid-template-columns:1fr;padding:20px}.paid-exit-action{min-width:0}}