:root{font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;color:#e7e9ef;background:#111318;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button{cursor:pointer}a{color:#a9c5ff;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1160px)/2));background:#111318;color:white}header a{color:inherit;text-decoration:none}.brand{font-size:22px;font-weight:800;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:36px;height:36px;background:#e0e5ef;color:#15181d;border-radius:10px;margin-right:10px}nav{display:flex;align-items:center;gap:22px;font-size:14px}.link{border:0;background:transparent;color:inherit;padding:0}main{max-width:1208px;padding:32px 24px 60px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0 30px}.eyebrow{letter-spacing:1.8px;font-size:12px;font-weight:700;color:#97a0af}h1{font-size:clamp(28px,3.6vw,44px);line-height:1.3;margin:12px 0}h2{font-size:20px;margin:0 0 18px}h3{font-size:17px}.heading p:last-child{color:#a8b0bf;margin-bottom:0}.price{white-space:nowrap;font-size:22px;background:#20242d;padding:8px 22px;border-radius:16px}.price strong{font-size:52px;margin:0 4px}.price span{font-size:14px}.columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}.panel{background:#fff;border:1px solid #30353e;border-radius:18px;padding:26px;margin-bottom:22px}.tabs{display:flex;gap:10px;margin-bottom:22px}.tabs button[aria-pressed=true]{background:#202630;color:white;border-color:#202630}button,.button{border:1px solid #3a414e;border-radius:10px;background:#fff;color:#477bd3;padding:10px 17px;display:inline-block;text-decoration:none}button:disabled{opacity:.55;cursor:wait}.primary{background:#477bd3;color:#fff;border-color:#477bd3;margin-top:18px}.danger{color:#ffa6a0}.muted,.tip{font-size:14px;color:#a8b0bf}.tip{padding:20px;border-radius:14px;background:#202630;margin-bottom:20px}.tip button{margin:5px 8px 0 0}label{display:block;font-weight:650;margin:18px 0 8px}input:not([type=file]),select,textarea{display:block;width:100%;padding:12px;border:1px solid #363d49;border-radius:10px;background:#14171d;color:#e7e9ef}textarea{resize:vertical}input[type=file]{max-width:100%;font-size:14px}input::file-selector-button{border:0;padding:10px 12px;border-radius:7px;background:#303a4c;color:#477bd3;margin-right:8px}.upload{border:1px dashed #4a5568;border-radius:12px;padding:20px;background:#171b22}.upload p{font-size:14px;color:#a8b0bf}.upload img{max-width:100%;max-height:260px;margin-top:12px;border-radius:10px}.flow{list-style:none;padding:0;counter-reset:steps}.flow li{counter-increment:steps;position:relative;padding:0 0 24px 46px}.flow li:last-child{padding-bottom:0}.flow li:before{content:counter(steps);position:absolute;left:0;top:0;background:#242c39;border:1px solid #414b5b;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:14px}.flow b,.flow span{display:block}.flow span{color:#a8b0bf;font-size:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 18px}.toolbar h2{margin:0}.badge{display:inline-block;border-radius:20px;padding:4px 12px;background:#dbe5ff;color:#1c3157;font-size:14px;font-weight:700}.order-row{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;text-align:left;padding:18px;margin-bottom:10px;overflow-wrap:anywhere}.order-row b{display:block}.order-row small{color:#a8b0bf}.summary{border-radius:16px;background:#202630;color:white;padding:24px;margin-bottom:22px;overflow-wrap:anywhere}.summary .badge{background:#e0e5ef}.summary p{white-space:pre-wrap}.summary small{color:#b9c4d7}.files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-card{border:1px solid #30353e;border-radius:10px;padding:12px;overflow-wrap:anywhere}.file-card p{font-size:14px;margin:5px 0}.file-card img{width:100%;height:150px;object-fit:contain;background:#111318}.file-card button{font-size:14px;padding:8px 10px}.events{list-style:none;margin:0;padding:0}.events li{border-left:2px solid #3a4351;padding:0 0 23px 17px;overflow-wrap:anywhere}.events p{margin:6px 0;white-space:pre-wrap}.events small{color:#a1abba;font-size:12px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.action-row .primary{margin-top:0}.section-line{border-top:1px solid #30353e;margin-top:24px;padding-top:20px}#notice:not(:empty){padding:14px 20px;margin:0 0 18px;border-radius:10px;background:#232b39;color:#cedbf4}#modeNotice:not(:empty){padding:10px 18px;border-radius:8px;background:#232b39;font-size:14px}dialog{border:0;border-radius:20px;padding:30px;max-width:min(420px,calc(100vw - 32px));text-align:center;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#05070cbb}dialog img{display:block;width:min(280px,100%);height:auto;margin:18px auto}.close{position:absolute;right:10px;top:8px;border:0;padding:2px 10px;font-size:25px}footer{text-align:center;padding:22px;font-size:14px;color:#a1abba;border-top:1px solid #30353e}[hidden]{display:none!important}:focus-visible{outline:3px solid #8fbbff;outline-offset:3px}.empty{text-align:center;padding:40px;color:#a8b0bf}@media(max-width:750px){.columns{grid-template-columns:1fr}.heading{align-items:flex-start}.price{padding:8px 13px}.price strong{font-size:38px}header{padding:16px;flex-wrap:wrap;gap:12px}nav{gap:16px}main{padding:20px 16px 40px}.panel{padding:20px}.files{grid-template-columns:1fr}.order-row{align-items:flex-start}.heading p:last-child{font-size:14px}.summary{padding:20px}.toolbar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}


/* Ice-white glass studio. */
:root{color-scheme:light;color:#24324b;background:#eff4fb}
body{background:radial-gradient(ellipse at 5% 10%,#dcecff 0,transparent 48%),radial-gradient(ellipse at 95% 40%,#e9e7ff 0,transparent 48%),linear-gradient(145deg,#f7faff,#edf3fa);min-height:100vh}
header{background:rgba(255,255,255,.65);color:#24324b;border-bottom:1px solid #ffffff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.brand span{background:linear-gradient(145deg,#fff,#d9e7ff);color:#3469b2;border:1px solid white;box-shadow:0 4px 12px #5275ab16;border-radius:10px}
a{color:#3562a6}.eyebrow{color:#657b98;letter-spacing:2px}h1{color:#24324b;font-weight:650;letter-spacing:-1px}h2,h3{color:#2d3c55}.heading p:last-child{color:#61718b}
.panel{background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 12px 36px #55749e0c,inset 0 1px 0 #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.price{background:rgba(255,255,255,.66);color:#385781;border:1px solid white;box-shadow:0 8px 24px #5c7cab0d;border-radius:18px}.price strong{font-weight:500}.price span{color:#647993}
button,.button{background:rgba(255,255,255,.75);border:1px solid #d4e0ee;color:#3b5273;box-shadow:0 3px 10px #43669008;transition:background .15s,border-color .15s}
button:hover,.button:hover{background:#fff;border-color:#a6beda}.primary{background:linear-gradient(135deg,#527fbe,#416eae);color:#fff;border-color:#527fbe;box-shadow:0 6px 16px #4d7bb82b}.primary:hover{background:#416eae;border-color:#416eae}
.link{background:transparent;border:0;box-shadow:none;color:#3b5273}.tabs{padding:5px;width:fit-content;background:#ffffff66;border:1px solid #fff;border-radius:14px}.tabs button{background:transparent;border-color:transparent;box-shadow:none}.tabs button[aria-pressed=true]{background:#fff;color:#355c93;border-color:#fff;box-shadow:0 3px 12px #6882a41c}
input:not([type=file]),select,textarea{background:#ffffff99;color:#293c58;border:1px solid #d4dfed;box-shadow:inset 0 1px 3px #34577904}textarea::placeholder,input::placeholder{color:#77869b}input::file-selector-button{background:#e4edf9;color:#395e93}
.upload{background:#f5f9ff80;border:1px dashed #aec4e0;border-radius:16px}.upload p,.flow span,.muted,.tip,.order-row small,.events small,.empty{color:#64748b}.upload:focus-within{border-color:#527fbe}
.tip{background:#ffffff73;border:1px solid #fff;border-radius:16px;box-shadow:0 8px 24px #6385aa07}.flow li:before{background:#e7effa;color:#4f6d99;border-color:#fff;box-shadow:0 3px 8px #6882a40d}
.badge{background:#e5edfa;color:#365986}.summary{background:linear-gradient(120deg,#ffffffb8,#e6effbc9);color:#2e405c;border:1px solid white;box-shadow:0 10px 28px #6385aa09;border-radius:20px}.summary .badge{background:#dce8fb;color:#365986}.summary small{color:#64748b}
.file-card{background:#ffffff80;border-color:#dce5f0;border-radius:14px}.file-card img{background:#f6f9ff}.events li{border-color:#d4e0ef}.section-line{border-color:#dde5f0}.danger{color:#a54b58}
#notice:not(:empty){background:#e5eefb;color:#405a7e;border:1px solid #d5e3f8}#modeNotice:not(:empty){background:#ffffff66;color:#6a7890;border:1px solid #fff}
dialog{background:rgba(249,252,255,.93);color:#34465f;border:1px solid white;border-radius:24px;box-shadow:0 25px 90px #344e7930;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}dialog::backdrop{background:#60789945;backdrop-filter:blur(6px)}dialog img{background:white;border-radius:12px}.close{background:transparent;border:0;box-shadow:none}.payment-note{color:#65758e}.payment-order{color:#405775;overflow-wrap:anywhere;font-size:14px}
footer{background:#ffffff33;color:#6c7c93;border-color:#ffffff} :focus-visible{outline-color:#6e9cda}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
/* KARL visual refresh */
.media-background,.media-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#eef1f6 url('/kaneki-bg.jpg') center/cover no-repeat}
.media-backdrop video{width:100%;height:100%;object-fit:cover;opacity:.42;filter:grayscale(.12) contrast(.95) saturate(.72)}
.media-shade{position:absolute;inset:0;background:linear-gradient(115deg,rgba(247,249,252,.9) 4%,rgba(245,248,252,.64) 54%,rgba(255,255,255,.76)),radial-gradient(circle at 86% 18%,rgba(179,18,48,.17),transparent 32%)}
body{background:transparent!important}
.brand{gap:.7rem}.brand img{width:2.3rem;height:2.3rem;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px rgba(5,8,16,.18)}.brand>span{width:auto;height:auto;border:0;background:none;color:#111827;font-size:1rem;letter-spacing:.08em}
.heading{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);background:linear-gradient(90deg,rgba(255,255,255,.96) 18%,rgba(255,255,255,.76) 58%,rgba(255,255,255,.34)),url('/kaneki-bg.jpg') center 33%/cover;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(22,30,48,.12)}
.heading:after{content:'K';position:absolute;right:8rem;top:-3.3rem;font:800 11rem/1 sans-serif;color:rgba(166,18,49,.055);transform:rotate(-8deg);pointer-events:none}
.price{background:linear-gradient(145deg,#191c24,#5f0b1d);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 14px 34px rgba(80,8,27,.2)}
.eyebrow{color:#8d1730!important;letter-spacing:.16em}.primary{background:linear-gradient(135deg,#141721,#7c1028)!important;box-shadow:0 10px 25px rgba(91,12,35,.16)}
.promo-strip{display:flex;gap:.65rem;flex-wrap:wrap;margin:.85rem 0 1rem}.promo-strip span{padding:.55rem .9rem;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.58);backdrop-filter:blur(14px);color:#343947;font-size:.88rem;font-weight:700;box-shadow:0 8px 24px rgba(30,40,60,.07)}
.panel,.tip,dialog{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(255,255,255,.82)!important;box-shadow:0 18px 55px rgba(20,28,45,.1)}
.file-card.locked{border:1px dashed rgba(124,16,40,.3);background:rgba(255,247,249,.62)}.lock-note{color:#7c1028;font-weight:750}
.file-card img{max-height:620px;object-fit:contain;background:repeating-conic-gradient(#f1f3f7 0 25%,#fff 0 50%) 50%/18px 18px}
@media(max-width:700px){.media-backdrop video{opacity:.14}.heading:after{right:-1rem;top:-1rem;font-size:8rem}.promo-strip{gap:.45rem}.promo-strip span{font-size:.78rem;padding:.46rem .68rem}.brand>span{font-size:.92rem}.heading{padding:1.15rem}}
@media(prefers-reduced-motion:reduce){.media-backdrop video{display:none}}
.motion-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;min-height:190px;margin:0 0 16px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(15,17,24,.96),rgba(79,8,27,.92));color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 24px 60px rgba(48,7,24,.2)}
.motion-card video{width:100%;height:190px;object-fit:cover;object-position:center 35%;filter:contrast(1.06) saturate(.82)}
.motion-card>div{display:flex;flex-direction:column;justify-content:center;padding:24px 30px;background:linear-gradient(90deg,rgba(13,15,22,.2),rgba(13,15,22,.82))}
.motion-card p{margin:0 0 6px;color:#f1a0b0;font-size:.78rem;font-weight:800;letter-spacing:.13em}.motion-card h2{font-size:1.8rem;margin:0 0 7px}.motion-card span{color:#e5e7eb}
@media(max-width:650px){.motion-card{grid-template-columns:1fr;min-height:0}.motion-card video{height:150px}.motion-card>div{padding:18px 20px}.motion-card h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.motion-card video{display:none}.motion-card{grid-template-columns:1fr;background:linear-gradient(90deg,rgba(17,19,26,.82),rgba(69,8,24,.82)),url('/kaneki-bg.jpg') center/cover}}