:root{--porcelain: #eceae6;--porcelain-hi: #f6f4f1;--porcelain-lo: #e0deda;--porcelain-line: rgba(255, 255, 255, .9);--porcelain-shadow: rgba(148, 142, 132, .32);--lav: #b9aee0;--lav-deep: #9c8fd0;--ink-soft: #6f6a80;--ink-faint: #a5a1b2;--mono: ui-monospace, "SFMono-Regular", Consolas, monospace}.porcelain-page{position:relative;background:radial-gradient(ellipse 90% 55% at 50% 0%,#f2f0ec 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 12% 38%,rgba(185,174,224,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 88% 66%,rgba(185,174,224,.09) 0%,transparent 55%),linear-gradient(180deg,#edebe7,#eae8e4,#e6e4e0);overflow:clip}.porcelain-page:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,transparent 30%,transparent 65%,rgba(255,255,255,.28) 100%);pointer-events:none}.botany-edge{position:absolute;z-index:1;pointer-events:none}.botany-edge img{position:absolute;filter:drop-shadow(0 6px 14px rgba(120,112,100,.28));transform-origin:50% 90%;animation:porcelain-sway 9s ease-in-out infinite alternate}@keyframes porcelain-sway{0%{rotate:-2.4deg}to{rotate:2.8deg}}.petal-drift{position:absolute;z-index:2;pointer-events:none;animation:petal-fall linear infinite;filter:drop-shadow(0 4px 8px rgba(120,112,100,.25));opacity:.9}@keyframes petal-fall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:0}8%{opacity:.9}50%{transform:translate3d(3vw,46vh,0) rotate(170deg)}92%{opacity:.85}to{transform:translate3d(-2vw,104vh,0) rotate(330deg);opacity:0}}.porcelain-panel{position:relative;z-index:3;width:min(1240px,92vw);margin:clamp(90px,13vw,190px) auto;padding:clamp(40px,5vw,76px) clamp(24px,4.5vw,68px);background:linear-gradient(155deg,var(--porcelain-hi) 0%,var(--porcelain) 55%,var(--porcelain-lo) 100%);border:1px solid var(--porcelain-line);border-radius:34px;box-shadow:0 30px 70px var(--porcelain-shadow),0 4px 14px #948e842e,inset 0 2px #fffffff2,inset 0 -3px 8px #948e841f}.porcelain-panel+.porcelain-panel:before{content:"";position:absolute;left:50%;bottom:100%;width:26px;height:inherit;min-height:clamp(90px,13vw,190px);height:clamp(90px,13vw,190px);transform:translate(-50%);border-left:2px solid rgba(255,255,255,.85);border-right:2px solid rgba(156,143,208,.18);pointer-events:none}.porcelain-panel+.porcelain-panel:after{content:"";position:absolute;left:50%;top:calc(clamp(90px,13vw,190px)/-2 - 11px);width:22px;height:22px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--porcelain) 70%);border:1px solid rgba(156,143,208,.35);box-shadow:inset 0 0 0 4px var(--porcelain-hi),0 4px 10px #948e844d,0 0 14px #9c8fd040;pointer-events:none}.porcelain-tag{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:700 10px var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--lav-deep)}.porcelain-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 20%,var(--lav) 75%);box-shadow:0 0 8px #9c8fd0b3,inset 0 -1px 2px #7864b466}.porcelain-title{margin:0 0 clamp(28px,4vw,52px);font:500 clamp(2rem,4.4vw,3.4rem)/1.05 Georgia,"Songti SC",serif;letter-spacing:-.02em;color:#4c4758}.porcelain-title em{font-style:italic;color:var(--lav-deep)}.porcelain-plate{position:absolute;z-index:2;pointer-events:none;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fbfaf8 0%,var(--porcelain) 46%,var(--porcelain-lo) 78%,#d5d2cd 100%);box-shadow:0 18px 40px #948e844d,inset 0 2px 3px #ffffffe6,inset 0 -6px 14px #948e8438;animation:plate-float 11s ease-in-out infinite alternate}.porcelain-plate:before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 3px 8px #948e8440,0 -1px #ffffffb3,0 0 0 6px #ffffff47,0 0 0 7px #9c8fd024}.porcelain-plate:after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fff,var(--porcelain-lo) 90%);box-shadow:inset 0 2px 5px #948e844d,0 1px #fffc}@keyframes plate-float{0%{transform:translateY(-8px)}to{transform:translateY(10px)}}.porcelain-dial{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fbfaf8,var(--porcelain) 55%,var(--porcelain-lo) 100%);box-shadow:0 16px 36px #948e844d,inset 0 2px 3px #fffffff2,inset 0 -8px 18px #948e8433}.porcelain-dial:before{content:"";position:absolute;inset:9%;border-radius:50%;background:conic-gradient(from 210deg,var(--lav) 0deg,var(--lav-deep) 90deg,transparent 90deg),repeating-conic-gradient(from 0deg,rgba(108,102,128,.28) 0 .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}.porcelain-dial .dial-needle{position:absolute;left:50%;top:50%;width:2.5px;height:34%;background:linear-gradient(180deg,var(--lav-deep),rgba(156,143,208,.15));border-radius:2px;transform-origin:50% 0%;transform:translate(-50%) rotate(-120deg);transition:transform 2.4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 6px #9c8fd080}.porcelain-dial .dial-hub{position:absolute;left:50%;top:50%;width:14%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,var(--porcelain-lo));box-shadow:0 3px 8px #948e8466,inset 0 1px 2px #fff}.porcelain-dial .dial-label{position:absolute;left:50%;bottom:16%;transform:translate(-50%);font:700 8px var(--mono);letter-spacing:.22em;color:var(--ink-faint)}.text-bars{display:grid;gap:9px}.text-bars i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#8b86a052,#8b86a024);box-shadow:inset 0 1px 2px #948e8440,0 1px #ffffffb3}.text-bars i.lav{background:linear-gradient(90deg,#9c8fd08c,#b9aee038)}.waveform{display:flex;align-items:flex-end;gap:4px;height:64px}.waveform i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#9c8fd099,#9c8fd024);box-shadow:inset 0 1px #fff9;animation:wave-pulse 2.6s ease-in-out infinite alternate}@keyframes wave-pulse{0%{transform:scaleY(.55);opacity:.65}to{transform:scaleY(1);opacity:1}}.porcelain-inset{background:linear-gradient(160deg,var(--porcelain-lo),var(--porcelain));border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:inset 0 3px 8px #948e8438,inset 0 -1px #ffffffd9,0 1px #fff9}.porcelain-screen{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 4px 18px #14102859,0 2px #fffc,0 20px 44px #948e844d;background:#17141f}.porcelain-screen video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.porcelain-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.14) 0%,transparent 32%),radial-gradient(ellipse 120% 60% at 50% -20%,rgba(255,255,255,.1),transparent 60%)}.screen-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#17141f47;opacity:0;transition:opacity .35s;pointer-events:none}.porcelain-screen:hover .screen-play{opacity:1}.screen-play span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,var(--porcelain-lo));box-shadow:0 12px 28px #14102873,inset 0 2px 3px #fff;color:var(--lav-deep);font-size:22px;padding-left:5px}.screen-controls{display:flex;align-items:center;gap:14px;padding:12px 16px}.screen-controls .track{flex:1;height:8px;border-radius:4px;background:linear-gradient(180deg,#948e844d,#948e841f);box-shadow:inset 0 2px 4px #948e8459,0 1px #fffc;position:relative;overflow:hidden}.screen-controls .track i{position:absolute;inset:0 62% 0 0;border-radius:4px;background:linear-gradient(90deg,var(--lav),var(--lav-deep));box-shadow:0 0 8px #9c8fd08c}.screen-controls .ctrl-btn{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 36% 30%,#fff,var(--porcelain-lo));box-shadow:0 4px 10px #948e8459,inset 0 1px 2px #fff;color:var(--ink-soft);font-size:10px;transition:transform .25s,box-shadow .25s}.screen-controls .ctrl-btn:hover{transform:translateY(1px);box-shadow:0 2px 5px #948e8466,inset 0 2px 5px #948e8440}.screen-controls time{font:700 10px var(--mono);letter-spacing:.12em;color:var(--ink-faint)}.side-stack{display:grid;gap:14px;justify-items:center}.side-stack .ctrl-btn{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,var(--porcelain-lo));box-shadow:0 6px 14px #948e8459,inset 0 1px 2px #fff;display:grid;place-items:center;color:var(--ink-soft);font-size:11px}.side-stack .ctrl-btn.active{color:var(--lav-deep);box-shadow:0 0 0 3px #9c8fd040,0 6px 14px #948e8459,inset 0 1px 2px #fff}.playlist-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(155deg,var(--porcelain-hi),var(--porcelain-lo));border:1px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:0 8px 18px #948e8438,inset 0 1px #fff;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}.playlist-chip:hover{transform:translateY(-3px);box-shadow:0 14px 26px #948e844d,inset 0 1px #fff}.playlist-chip img{width:64px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:inset 0 0 0 1px #fff9}.playlist-chip strong{display:block;font-size:12px;color:#4c4758}.playlist-chip span{font:700 9px var(--mono);letter-spacing:.14em;color:var(--lav-deep)}.showcase-thumb{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 22px #948e8447,inset 0 1px #fff;transition:transform .35s,box-shadow .35s;display:block}.showcase-thumb:hover{transform:translateY(-4px);box-shadow:0 18px 32px #948e845c,inset 0 1px #fff}.showcase-thumb img,.showcase-thumb video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showcase-main{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 48px #948e8457,inset 0 1px #fff;display:block}.showcase-main img,.showcase-main video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.showcase-main:hover img,.showcase-main:hover video{transform:scale(1.03)}.showcase-caption{position:absolute;left:14px;bottom:14px;z-index:2;padding:10px 16px;background:linear-gradient(155deg,#ffffffeb,#eceae6d9);border:1px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 8px 18px #14102838;backdrop-filter:blur(6px)}.showcase-caption strong{display:block;font-size:13px;color:#4c4758}.showcase-caption span{font:700 9px var(--mono);letter-spacing:.16em;color:var(--lav-deep);text-transform:uppercase}.porcelain-gauge{position:relative;width:86px;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -90deg,var(--lav-deep) 0deg var(--gauge-deg, 200deg),rgba(148,142,132,.16) var(--gauge-deg, 200deg) 360deg);box-shadow:0 8px 18px #948e844d,inset 0 1px #fff9;display:grid;place-items:center}.porcelain-gauge:before{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff,var(--porcelain-lo));box-shadow:inset 0 2px 5px #948e844d,0 1px #fffc}.porcelain-gauge b{position:relative;font:700 13px var(--mono);color:#4c4758}.porcelain-gauge small{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font:700 8px var(--mono);letter-spacing:.18em;color:var(--ink-faint)}.mini-rows{display:grid;gap:8px}.mini-rows div{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:10px;background:linear-gradient(160deg,var(--porcelain-lo),var(--porcelain));box-shadow:inset 0 2px 5px #948e8433,inset 0 -1px #fffc}.mini-rows span{font:700 9px var(--mono);letter-spacing:.16em;color:var(--ink-faint)}.mini-rows b{font:700 11px var(--mono);color:#4c4758}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-tile{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:1;border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 18px #948e843d,inset 0 1px #fff;display:block;transition:transform .35s,box-shadow .35s}.gallery-tile:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 16px 30px #948e8457,inset 0 1px #fff}.gallery-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}.gallery-tile:hover img{transform:scale(1.06)}.gallery-tile figcaption{position:absolute;inset:auto 0 0;padding:7px 10px;background:linear-gradient(0deg,rgba(236,234,230,.92),transparent);font:700 8px var(--mono);letter-spacing:.14em;color:var(--ink-soft);opacity:0;transition:opacity .3s}.gallery-tile:hover figcaption{opacity:1}.porcelain-search{display:flex;align-items:center;gap:14px;margin-top:clamp(28px,4vw,44px);padding:12px 12px 12px 24px;border-radius:999px;background:linear-gradient(155deg,var(--porcelain-hi),var(--porcelain-lo));border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 30px #948e8447,inset 0 1px #fff,inset 0 -2px 5px #948e841f;text-decoration:none}.porcelain-search .dots{display:flex;gap:6px}.porcelain-search .dots i{width:7px;height:7px;border-radius:50%;background:#9c8fd066}.porcelain-search .dots i:first-child{background:var(--lav-deep);box-shadow:0 0 6px #9c8fd099}.porcelain-search p{flex:1;margin:0;font:700 10px var(--mono);letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase}.porcelain-search .go{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,var(--porcelain-lo));box-shadow:0 6px 14px #948e8459,inset 0 1px 2px #fff;color:var(--lav-deep);font-size:14px;transition:transform .25s}.porcelain-search:hover .go{transform:rotate(45deg)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.is-in{opacity:1;transform:none}@media(max-width:900px){.porcelain-panel{border-radius:24px}.porcelain-plate,.botany-edge{display:none}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.botany-edge img,.petal-drift,.porcelain-plate,.waveform i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}}.porcelain-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:linear-gradient(155deg,var(--porcelain-hi),var(--porcelain-lo));border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 14px #948e8438,inset 0 1px #fff;font:700 10px var(--mono);letter-spacing:.14em;color:var(--ink-soft);text-decoration:none;transition:transform .25s,box-shadow .25s,color .25s;cursor:pointer}.porcelain-chip:hover{transform:translateY(-2px);box-shadow:0 10px 20px #948e844d,inset 0 1px #fff;color:#4c4758}.porcelain-chip.filter-active{color:#fff;background:linear-gradient(155deg,var(--lav),var(--lav-deep));border-color:#fff9;box-shadow:0 8px 18px #9c8fd073,inset 0 1px #ffffff80}.porcelain-card{display:block;overflow:hidden;border-radius:20px;background:linear-gradient(160deg,var(--porcelain-hi),var(--porcelain-lo));border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 30px #948e8442,inset 0 1px #fff;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,opacity .25s}.porcelain-card:hover{transform:translateY(-6px);box-shadow:0 26px 48px #948e845c,inset 0 1px #fff}.porcelain-card .card-media{position:relative;margin:12px 12px 0;overflow:hidden;border-radius:12px;box-shadow:inset 0 3px 10px #14102847,0 1px #fffc;background:#17141f}.porcelain-card .card-media img,.porcelain-card .card-media video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}.porcelain-card:hover .card-media img,.porcelain-card:hover .card-media video{transform:scale(1.05)}.porcelain-card .card-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.13) 0%,transparent 34%)}.porcelain-card .card-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#17141f42;opacity:0;transition:opacity .3s;pointer-events:none}.porcelain-card:hover .card-play{opacity:1}.porcelain-card .card-play span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,var(--porcelain-lo));box-shadow:0 10px 22px #14102866,inset 0 2px 3px #fff;color:var(--lav-deep);font-size:16px;padding-left:4px}.porcelain-card .card-body{padding:16px 18px 18px}.porcelain-card .card-body h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#4c4758}.porcelain-card .card-body .cat{font:700 9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lav-deep)}.porcelain-card .card-body p.desc{margin:8px 0 0;font-size:11px;line-height:1.7;color:var(--ink-faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.porcelain-crumb{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:linear-gradient(155deg,var(--porcelain-hi),var(--porcelain-lo));border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 14px #948e8433,inset 0 1px #fff;font:700 9px var(--mono);letter-spacing:.18em;color:var(--ink-faint)}.porcelain-crumb a{color:var(--lav-deep);text-decoration:none}.porcelain-crumb a:hover{text-decoration:underline}.porcelain-tagchip{padding:7px 14px;border-radius:999px;background:linear-gradient(160deg,var(--porcelain-lo),var(--porcelain));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 2px 5px #948e842e,inset 0 -1px #ffffffd9;font:700 9px var(--mono);letter-spacing:.14em;color:var(--ink-soft)}.detail-title{margin:0 0 14px;font:500 clamp(2rem,4.6vw,3.6rem)/1.04 Georgia,"Songti SC",serif;letter-spacing:-.02em;color:#4c4758}.detail-title em{font-style:italic;color:var(--lav-deep)}.detail-prose{font-size:13px;line-height:1.95;color:var(--ink-soft)}.detail-prose h2{margin:2em 0 .8em;padding-left:14px;border-left:3px solid var(--lav);font:500 1.35rem Georgia,Songti SC,serif;color:#4c4758}.detail-prose p{margin:0 0 1em}.detail-prose ul{margin:0 0 1em;padding-left:1.3em}.detail-prose img{border-radius:14px;box-shadow:0 14px 30px #948e844d}.detail-prose a{color:var(--lav-deep)}.detail-lead{font-size:15px;line-height:1.9;color:var(--ink-soft)}.porcelain-navbtn{display:inline-flex;align-items:center;gap:10px;max-width:46%;padding:12px 20px;border-radius:16px;background:linear-gradient(155deg,var(--porcelain-hi),var(--porcelain-lo));border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 18px #948e843d,inset 0 1px #fff;font-size:11px;color:var(--ink-soft);text-decoration:none;transition:transform .3s,box-shadow .3s}.porcelain-navbtn:hover{transform:translateY(-3px);box-shadow:0 14px 26px #948e8452,inset 0 1px #fff}.porcelain-navbtn b{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--lav-deep)}.porcelain-navbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.porcelain-archive{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.archive-cell{display:grid;gap:4px 12px;align-content:center;padding:18px 20px;border-radius:16px;background:linear-gradient(160deg,var(--porcelain-lo),var(--porcelain));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 2px 6px #948e8433,inset 0 -1px #ffffffd9;text-decoration:none;transition:transform .3s,box-shadow .3s}.archive-cell:hover{transform:translateY(-3px);box-shadow:inset 0 2px 6px #948e8433,0 12px 24px #948e844d}.archive-cell span{font:700 9px var(--mono);letter-spacing:.2em;color:var(--lav-deep)}.archive-cell strong{font:500 20px Georgia,Songti SC,serif;color:#4c4758}.archive-cell em{font:700 8px var(--mono);font-style:normal;letter-spacing:.16em;color:var(--ink-faint)}@media(max-width:680px){.porcelain-archive{grid-template-columns:repeat(2,1fr)}}.porcelain-opener{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 4px 18px #14102859,0 20px 44px #948e844d;background:#17141f}.porcelain-opener video{display:block;width:100%;height:clamp(200px,26vw,420px);-o-object-fit:cover;object-fit:cover;filter:saturate(.75) contrast(1.08)}.porcelain-opener p{position:absolute;z-index:2;bottom:22px;left:26px;margin:0;padding:10px 18px;border-radius:12px;background:linear-gradient(155deg,#ffffffeb,#eceae6d9);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 18px #14102838;backdrop-filter:blur(6px)}.porcelain-opener span{display:block;margin-bottom:4px;font:700 8px var(--mono);letter-spacing:.18em;color:var(--lav-deep)}.porcelain-opener strong{font:500 17px Georgia,Songti SC,serif;color:#4c4758}.porcelain-heading{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1.4fr) minmax(220px,.65fr);gap:clamp(22px,3.5vw,60px);align-items:start;margin-bottom:clamp(36px,5vw,64px)}.porcelain-heading>p{margin:10px 0 0;font:700 9px var(--mono);letter-spacing:.22em;color:var(--lav-deep)}.porcelain-heading>p:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 20%,var(--lav) 75%);box-shadow:0 0 8px #9c8fd0b3;vertical-align:1px}.porcelain-heading h2{margin:0;font:500 clamp(26px,3.4vw,46px)/1.18 Georgia,"Songti SC",serif;letter-spacing:-.01em;color:#4c4758}.porcelain-heading h2 em{color:var(--lav-deep)}.porcelain-heading>div{padding-top:10px;border-top:1px solid rgba(108,102,128,.25)}.porcelain-heading>div span{font:700 8px var(--mono);letter-spacing:.18em;color:var(--ink-faint)}.porcelain-heading>div p{margin:14px 0 0;font-size:11px;line-height:1.8;color:var(--ink-faint)}@media(max-width:900px){.porcelain-heading{grid-template-columns:1fr;gap:16px}}.porcelain-dossier{padding:26px;border-radius:20px;background:linear-gradient(160deg,var(--porcelain-lo),var(--porcelain));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 3px 8px #948e8433,inset 0 -1px #ffffffd9}.porcelain-dossier>p{margin:0 0 20px;font:700 9px var(--mono);letter-spacing:.2em;color:var(--lav-deep)}.porcelain-dossier h3{margin:0 0 22px;font:500 clamp(24px,2.6vw,36px)/1.2 Georgia,"Songti SC",serif;color:#4c4758}.porcelain-dossier dl{margin:0}.porcelain-dossier dl div{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(108,102,128,.14)}.porcelain-dossier dt{font:700 8px var(--mono);letter-spacing:.14em;color:var(--ink-faint)}.porcelain-dossier dd{margin:0;font-size:11px;color:var(--ink-soft)}.porcelain-dossier a{display:inline-block;margin-top:20px;font:700 9px var(--mono);letter-spacing:.14em;color:var(--lav-deep);text-decoration:none}.porcelain-dossier a:hover{text-decoration:underline}.porcelain-footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:44px;align-items:end}.porcelain-footer>div{display:grid;grid-template-columns:auto 1fr;gap:0 16px;align-items:center}.porcelain-footer img{grid-row:1 / 3;width:64px}.porcelain-footer h2{margin:0;font:500 clamp(34px,4.5vw,64px)/.9 Georgia,serif;letter-spacing:-.05em;color:#4c4758}.porcelain-footer div p{margin:8px 0 0;font:700 8px var(--mono);letter-spacing:.18em;color:var(--lav-deep)}.porcelain-footer>p{margin:0;font-size:12px;line-height:1.9;color:var(--ink-soft)}.porcelain-footer nav{display:flex;flex-direction:column;gap:8px;text-align:right}.porcelain-footer nav a{font:700 9px var(--mono);letter-spacing:.16em;color:var(--lav-deep);text-decoration:none}.porcelain-footer nav a:hover{text-decoration:underline}.porcelain-footer small{grid-column:1 / -1;margin-top:34px;padding-top:14px;border-top:1px solid rgba(108,102,128,.16);font:700 8px var(--mono);letter-spacing:.16em;color:var(--ink-faint)}@media(max-width:800px){.porcelain-footer{grid-template-columns:1fr;align-items:start}.porcelain-footer nav{text-align:left}}.porcelain-panel .player-shell,.porcelain-panel .carousel-console{box-shadow:0 14px 30px #948e843d;border-radius:18px}:root{--cyber: #7fd4e0;--cyber-dim: rgba(127, 212, 224, .35)}.porcelain-panel.sci--a{width:min(1180px,88vw);margin-left:max(3vw,20px);margin-right:auto}.porcelain-panel.sci--b{width:min(1180px,88vw);margin-right:max(3vw,20px);margin-left:auto}.porcelain-panel.sci:before{left:auto;right:6%;width:12px;border:0;border-radius:7px;background:linear-gradient(90deg,#ffffffe6,#cfccc5 40%,#b8b5ae 60%,#ffffffb3);box-shadow:0 0 0 1px #948e8440,4px 6px 14px #948e8459,inset 0 0 6px #7fd4e059}.porcelain-panel.sci--b:before{right:auto;left:6%}.porcelain-panel.sci:after{left:auto;right:calc(6% - 5px);box-shadow:inset 0 0 0 4px var(--porcelain-hi),0 4px 10px #948e844d,0 0 16px var(--cyber-dim);border-color:var(--cyber-dim)}.porcelain-panel.sci--b:after{right:auto;left:calc(6% - 5px)}.conduit-stub{position:absolute;top:-7px;height:12px;width:12%;border-radius:7px;pointer-events:none;background:linear-gradient(180deg,#ffffffe6,#cfccc5 45%,#b8b5ae 65%,#ffffffb3);box-shadow:0 0 0 1px #948e8440,0 6px 12px #948e844d,inset 0 0 6px #7fd4e04d}.sci--a .conduit-stub{right:6%}.sci--b .conduit-stub{left:6%}.conduit-pulse{position:absolute;width:4px;height:26px;border-radius:2px;background:var(--cyber);box-shadow:0 0 10px var(--cyber),0 0 22px var(--cyber-dim);animation:conduit-flow 3.2s linear infinite;pointer-events:none}.sci--a .conduit-pulse{right:calc(6% + 4px)}.sci--b .conduit-pulse{left:calc(6% + 4px)}@keyframes conduit-flow{0%{top:calc(-1*clamp(90px,13vw,190px));opacity:0}12%{opacity:1}88%{opacity:1}to{top:-26px;opacity:0}}.sci-grid{display:grid;gap:clamp(28px,4vw,64px);align-items:stretch}.sci--a .sci-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,.85fr)}.sci--b .sci-grid{grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr)}.sci--b .sci-media{order:2}.sci--b .sci-side{order:1}.sci-side{display:grid;grid-template-rows:auto 1fr;min-height:100%}.sci-copy{max-width:36ch}.sci--a .sci-copy{justify-self:end;text-align:right}.sci--b .sci-copy{justify-self:start;text-align:left}.sci-copy h3{margin:0 0 14px;font:500 clamp(22px,2.4vw,34px)/1.15 Georgia,"Songti SC",serif;color:#4c4758}.sci-copy h3 em{color:var(--lav-deep)}.sci-copy p{margin:0 0 12px;font-size:12px;line-height:1.85;color:var(--ink-soft)}.sci-copy .sci-meta{font:700 9px var(--mono);letter-spacing:.2em;color:var(--cyber);text-shadow:0 0 10px var(--cyber-dim)}.sci-copy a{font:700 10px var(--mono);letter-spacing:.14em;color:var(--lav-deep);text-decoration:none}.sci-copy a:hover{text-decoration:underline}.sci-botany{position:relative;align-self:end;width:100%;height:190px;pointer-events:none}.sci-botany img{position:absolute;filter:drop-shadow(0 5px 12px rgba(120,112,100,.3));transform-origin:50% 90%;animation:porcelain-sway 8s ease-in-out infinite alternate}.sci-frame{position:relative}.sci-frame:before,.sci-frame:after{content:"";position:absolute;z-index:4;width:22px;height:22px;pointer-events:none;border:1.5px solid var(--cyber);filter:drop-shadow(0 0 5px var(--cyber-dim))}.sci-frame:before{top:-7px;left:-7px;border-right:0;border-bottom:0;border-radius:6px 0 0}.sci-frame:after{bottom:-7px;right:-7px;border-left:0;border-top:0;border-radius:0 0 6px}.sci-ticks{display:flex;gap:5px;align-items:center}.sci-ticks i{width:14px;height:3px;border-radius:2px;background:#948e844d}.sci-ticks i.on{background:var(--cyber);box-shadow:0 0 7px var(--cyber-dim)}.scanline{position:absolute;z-index:3;left:0;right:0;height:34%;top:-40%;background:linear-gradient(180deg,transparent,rgba(127,212,224,.09) 55%,rgba(127,212,224,.2) 85%,transparent);pointer-events:none;animation:scan-sweep 5.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes scan-sweep{0%{top:-40%}55%{top:105%}to{top:105%}}@media(max-width:900px){.porcelain-panel.sci--a,.porcelain-panel.sci--b{width:94vw;margin-inline:auto}.porcelain-panel.sci:before,.porcelain-panel.sci:after,.conduit-stub,.conduit-pulse{display:none}.sci--a .sci-grid,.sci--b .sci-grid{grid-template-columns:1fr}.sci--b .sci-media{order:0}.sci--b .sci-side{order:1}.sci--a .sci-copy,.sci--b .sci-copy{justify-self:start;text-align:left}.sci-botany{display:none}}@media(prefers-reduced-motion:reduce){.conduit-pulse,.scanline{animation:none!important}}.sci-copy h2{margin:0 0 16px;font:500 clamp(24px,3vw,42px)/1.22 Georgia,"Songti SC",serif;letter-spacing:-.01em;color:#4c4758}.sci-copy h2 em{color:var(--lav-deep)}.sci-copy .sci-desc{font-size:11px;line-height:1.85;color:var(--ink-faint)}.porcelain-page{background:radial-gradient(ellipse 90% 55% at 50% 0%,rgba(255,255,255,.6) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 12% 38%,rgba(184,169,217,.12) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 88% 66%,rgba(127,212,224,.08) 0%,transparent 55%),linear-gradient(180deg,#eef0f4,#eceef2,#e9ebf0)}.porcelain-panel{background:linear-gradient(135deg,#ffffff6b,#eef0f533);border:1px solid rgba(255,255,255,.55);border-radius:18px;box-shadow:0 0 20px #b8a9d924,inset 0 0 0 1px #ffffff52,0 24px 60px #615d701a;backdrop-filter:blur(22px) saturate(1.25) contrast(.98);-webkit-backdrop-filter:blur(22px) saturate(1.25) contrast(.98)}.porcelain-panel:before,.porcelain-panel:after,.conduit-stub,.conduit-pulse{display:none!important}.porcelain-tag{color:#9b8ec7d9;font-weight:300}.porcelain-title{color:#1a1a1aa6;font-weight:300}.porcelain-inset{background:linear-gradient(135deg,#ffffff4d,#eef0f524);border:1px solid rgba(255,255,255,.5);border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff38,0 8px 24px #615d7014;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.mini-rows div{background:linear-gradient(135deg,#ffffff52,#eef0f529);border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:inset 0 0 0 1px #fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.porcelain-chip,.porcelain-crumb,.porcelain-tagchip{background:linear-gradient(135deg,#ffffff5c,#eef0f52e);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 12px #b8a9d924,inset 0 0 0 1px #ffffff40,0 8px 20px #615d7014;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.porcelain-chip.filter-active{background:linear-gradient(135deg,#b8a9d9d9,#9b8ec7d9);color:#fff;box-shadow:0 0 22px #9b8ec780,inset 0 0 0 1px #fff6}.porcelain-card,.playlist-chip,.archive-cell,.porcelain-dossier,.porcelain-navbtn{background:linear-gradient(135deg,#fff6,#eef0f52e);border:1px solid rgba(255,255,255,.55);border-radius:16px;box-shadow:0 0 14px #b8a9d91f,inset 0 0 0 1px #ffffff47,0 16px 40px #615d701a;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.showcase-thumb,.showcase-main,.gallery-tile{border:1px solid rgba(255,255,255,.6);box-shadow:0 0 12px #b8a9d924,0 14px 34px #615d7024}.porcelain-search{background:linear-gradient(135deg,#ffffff6b,#eef0f533);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 16px #b8a9d929,inset 0 0 0 1px #ffffff4d,0 14px 36px #615d701a;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.text-bars i{height:6px;box-shadow:none;opacity:.8}.porcelain-plate{background:radial-gradient(circle at 38% 32%,#ffffff80,#eef0f52e 60%,#eef0f50d);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 24px #b8a9d92e,inset 0 0 0 1px #ffffff4d,0 18px 44px #615d701a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.porcelain-plate:before{border-color:#ffffff80;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 6px #ffffff1f,0 0 0 7px #9b8ec724}.porcelain-plate:after{background:radial-gradient(circle at 40% 32%,#fff9,#eef0f526);box-shadow:inset 0 0 0 1px #ffffff4d}.porcelain-dial{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.35),rgba(238,240,245,.08) 70%,transparent);border:0;box-shadow:none}.porcelain-dial:before{inset:0;background:repeating-conic-gradient(from 0deg,rgba(155,142,199,.5) 0 .5deg,transparent .5deg 6deg),conic-gradient(from 0deg,var(--cyber) 0deg,rgba(127,212,224,0) 100deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 68%,#000 69%,#000 74%,transparent 75%,#000 76%,#000 79%,transparent 80%);mask:radial-gradient(circle,transparent 68%,#000 69%,#000 74%,transparent 75%,#000 76%,#000 79%,transparent 80%);animation:dial-orbit 14s linear infinite}.porcelain-dial .dial-needle{left:50%;top:50%;width:10px;height:10px;background:radial-gradient(circle at 35% 30%,#fff,var(--cyber) 70%);border-radius:50%;box-shadow:0 0 10px var(--cyber),0 0 22px var(--cyber-dim);offset-path:circle(31% at 0% 0%);offset-rotate:0deg;animation:needle-orbit 14s linear infinite;transition:none}@keyframes needle-orbit{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes dial-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.porcelain-dial .dial-hub{width:46%;background:radial-gradient(circle at 38% 30%,#ffffffbf,#eef0f540);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 30px #b8a9d959,inset 0 0 0 1px #fff6,0 12px 30px #615d7024;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.porcelain-dial .dial-label{color:#9b8ec7cc;font-weight:300}@media(prefers-reduced-motion:reduce){.porcelain-dial:before,.porcelain-dial .dial-needle{animation:none}}.porcelain-screen{border-radius:6px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border-color:#ffffffa6;box-shadow:0 0 18px #7fd4e01f,0 20px 50px #615d7029}.porcelain-dial .dial-needle{transform:none}