.night{--font-display:var(--font-serif);--font-han:var(--font-serif);--bar-h:52px;--ease-sheet:cubic-bezier(.2, .8, .2, 1);--n-bg:#0d0b0d;--n-surface:#ffffff0d;--n-line:#e8c98f29;--n-line-strong:#e8c98f57;--n-gold:#e8c98f;--n-gold-deep:#c9a463;--n-text:#f4ede0;--n-text-2:#f4ede0b8;--n-text-3:#f4ede09e;background:var(--n-bg);color:var(--n-text);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.night:before{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 12% 14%,#ffffff80,#0000),radial-gradient(1px 1px at 78% 8%,#ffffff61,#0000),radial-gradient(1px 1px at 42% 26%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 88% 34%,#e8c98f66,#0000),radial-gradient(1px 1px at 24% 42%,#ffffff38,#0000),radial-gradient(1px 1px at 62% 52%,#fff3,#0000);position:absolute;inset:0}.night-bar{z-index:3;height:var(--bar-h);flex-shrink:0;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.night-icon{width:40px;height:40px;color:var(--n-gold);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.night-icon:active{background:#e8c98f1a}.stage{position:absolute;inset:0;overflow:hidden}.stage img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.stage:after{content:"";pointer-events:none;background:linear-gradient(180deg, #0d0b0d47 0%, #0d0b0d00 18%, #0d0b0d26 40%, #0d0b0dc7 62%, #0d0b0df5 76%, var(--n-bg) 88%);position:absolute;inset:0}.stage.bright:after{background:linear-gradient(180deg, #0d0b0d52 0%, #0d0b0d00 16%, #0d0b0d00 50%, #0d0b0db8 70%, #0d0b0df2 80%, var(--n-bg) 90%)}.dots{z-index:4;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:14px 0 0;display:flex;position:relative}.dots i{width:16px;height:4px;transition:width .32s var(--ease-sheet), background .32s;background:#e8c98f42;border-radius:2px}.dots i.done{background:#e8c98f66}.dots i.on{background:var(--n-gold);width:34px}.panel{z-index:3;flex-direction:column;flex-shrink:0;min-height:0;max-height:74%;margin-top:auto;padding:0 20px;display:flex;position:relative}.panel-body{scrollbar-width:none;padding-bottom:4px;overflow:hidden auto}.panel-body::-webkit-scrollbar{display:none}@keyframes night-step-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.step-in{animation:night-step-in .42s var(--ease-sheet) both}.step-in>*{animation:night-step-in .46s var(--ease-sheet) both}.step-in>:first-child{animation-delay:30ms}.step-in>:nth-child(2){animation-delay:70ms}.step-in>:nth-child(3){animation-delay:.11s}.step-in>:nth-child(4){animation-delay:.15s}.step-in>:nth-child(5){animation-delay:.19s}.cover-kicker{letter-spacing:.02em;color:var(--n-gold-deep);font-size:11.5px;font-weight:700}.cover-h{font-family:var(--font-display);letter-spacing:-.01em;font-size:25px;font-weight:700;line-height:1.34}.cover-h.sm{font-size:23px}.cover-h em{color:var(--n-gold);font-style:normal}.cover-p{color:var(--n-text-2);text-wrap:pretty;font-size:13.5px;line-height:1.75}.cover-proof{color:var(--n-text-2);justify-content:center;align-items:center;gap:12px;font-size:12.5px;display:flex}.cover-proof .stars{color:var(--n-gold);letter-spacing:.08em;font-size:13px}.cover-proof .bar{background:var(--n-line-strong);width:1px;height:12px}.btn-gold{width:100%;min-height:54px;font-family:var(--font-display);color:#2a1f10;background:linear-gradient(#f0d6a2 0%,#e0bd82 100%);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:16.5px;font-weight:700;transition:transform .12s,filter .2s;display:flex;box-shadow:0 6px 20px #e8c98f2e}.btn-gold:active{transform:scale(.98)}.btn-gold:disabled{filter:grayscale(.5)brightness(.8);cursor:not-allowed}.night-foot{z-index:4;flex-shrink:0;gap:10px;padding:14px 20px 22px;display:flex;position:relative}.btn-prev{min-width:74px;min-height:54px;font-family:var(--font-display);color:var(--n-text-2);box-shadow:inset 0 0 0 1px var(--n-line);background:#ffffff0f;border-radius:12px;flex:none;place-items:center;padding:0 18px;font-size:15px;font-weight:700;display:grid}.btn-prev:active{transform:scale(.98)}.night-label{align-items:baseline;gap:7px;margin-bottom:9px;display:flex}.night-label b{color:var(--n-text);font-size:13px;font-weight:700}.night-pick{gap:8px;display:grid}.night-pick button{min-height:56px;font-family:var(--font-display);color:var(--n-text-2);background:var(--n-surface);box-shadow:inset 0 0 0 1px var(--n-line);border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .18s;display:flex}.night-pick button.on{color:#2a1f10;background:var(--n-gold);box-shadow:none}.night-inp{background:var(--n-surface);width:100%;min-height:54px;box-shadow:inset 0 0 0 1px var(--n-line);color:var(--n-text);border:none;border-radius:12px;padding:15px;font-size:16px}.night-inp::placeholder{color:var(--n-text-3)}.night-num{font-family:var(--font-display);text-align:center;padding:14px 8px;font-size:22px;font-weight:600}.night-check{min-height:44px;color:var(--n-text-2);align-items:center;gap:11px;font-size:13.5px;display:flex}.night-check .box{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--n-line-strong);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.night-check.on{color:var(--n-text)}.night-check.on .box{background:var(--n-gold);box-shadow:none}.night-link{color:var(--n-gold);text-underline-offset:3px;font-size:12.5px;font-weight:600;text-decoration:underline}.sijin-6{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.sijin-6 button{min-height:58px;box-shadow:inset 0 0 0 1px var(--n-line);background:#ffffff0d;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:all .18s;display:flex}.sijin-6 button .h{font-family:var(--font-han);color:var(--n-gold-deep);font-size:19px;font-weight:700;line-height:1.15}.sijin-6 button .k{color:var(--n-text-3);font-size:10.5px;font-weight:600}.sijin-6 button.on{box-shadow:inset 0 0 0 1.5px var(--n-gold);background:#e8c98f29}.sijin-6 button.on .h{color:var(--n-gold)}.sijin-6 button.on .k{color:var(--n-text)}.date3{grid-template-columns:1.3fr 1fr 1fr;gap:10px;display:grid}.date3 label{display:block}.date3 .cap{color:var(--n-gold-deep);margin-bottom:7px;font-size:12.5px;font-weight:700}.night-ta{resize:none;width:100%;min-height:120px;box-shadow:inset 0 0 0 1px var(--n-line);color:var(--n-text);font-family:var(--font-sans);background:#ffffff0d;border:none;border-radius:14px;padding:15px;font-size:14px;line-height:1.7}.night-ta::placeholder{color:var(--n-text-3)}.ta-count{color:var(--n-text-3);text-align:right;margin-top:6px;font-family:monospace;font-size:11px}.night-err{font-family:var(--font-sans);color:#e8857c;margin-top:8px;font-size:12.5px;line-height:1.5}.intro-list{gap:9px;display:grid}.intro-list>div{min-height:58px;box-shadow:inset 0 0 0 1px var(--n-line);background:#ffffff0b;border-radius:14px;align-items:center;gap:13px;padding:0 16px;display:flex}.intro-list .no{background:var(--n-gold-deep);color:#2a1f10;width:26px;height:26px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.intro-list .tx{color:var(--n-text);font-size:14px;font-weight:600;line-height:1.45}.night-choice-list{gap:9px;display:grid}.night-choice-group{letter-spacing:.04em;color:var(--n-text-3);margin:8px 0 -2px;font-size:11.5px;font-weight:600}.night-choice-group:first-child{margin-top:0}.night-choice{text-align:left;background:var(--n-surface);width:100%;min-height:64px;box-shadow:inset 0 0 0 1px var(--n-line);color:var(--n-text-2);border-radius:14px;align-items:center;gap:12px;padding:0 15px;transition:all .18s;display:flex}.night-choice .ic{width:32px;height:32px;font-family:var(--font-han);color:var(--n-gold);background:#ffffff0f;border-radius:9px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.night-choice .tx{flex:1;min-width:0}.night-choice .tx b{font-family:var(--font-display);color:var(--n-text);font-size:14.5px;font-weight:700;display:block}.night-choice .tx span{color:var(--n-text-3);margin-top:2px;font-size:11.5px;display:block}.night-choice.on{box-shadow:inset 0 0 0 1.5px var(--n-gold);background:#e8c98f24}.night-choice.on .ic{background:var(--n-gold);color:#2a1f10}.night-choice.on .tx b{color:var(--n-gold)}
