html.spatial-theme{--paper:#fcf6f0;--card:#fffaf4bd;--ink:#594a45;--muted:#887467;--accent:#916749}
html.spatial-theme body{isolation:isolate;background:radial-gradient(ellipse at 8% 10%,#f4dce27d,transparent 48%),radial-gradient(ellipse at 88% 60%,#efdfed66,transparent 48%),var(--paper)}
.spatial-theme .petals{display:none}.spatial-theme .topbar{background:#fff8f0b8}
.ambient-space{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-space canvas{width:100%;height:100%;display:block;opacity:.85}
.spatial-theme body>main,.spatial-theme body>header,.spatial-theme body>footer{position:relative;z-index:1}
.spatial-theme .panel,.spatial-theme .feed-card{border-color:#fffef0c9}.spatial-theme .spatial-card{position:relative;isolation:auto;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--spatial-rx,0deg)) rotateY(var(--spatial-ry,0deg)) rotateZ(var(--spatial-rz,0deg));transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s;box-shadow:0 1px 0 #fff inset,0 8px 22px #a7866b15}
.spatial-depth{position:absolute;inset:0;display:block;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#e1c5ae,#dbc4c9);transform:translateZ(-12px);box-shadow:0 14px 24px #91725920;border:1px solid #d8c1ad8c}
.spatial-shine{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#fff9,transparent 60%);opacity:0;transform:translateZ(1px);transition:opacity .35s}
.spatial-hover>.spatial-shine{opacity:.5}.spatial-hover>.spatial-depth{box-shadow:0 20px 34px #99736038}
.spatial-theme .profile .avatar{transform:translateZ(34px) rotateY(-9deg);box-shadow:7px 10px 15px #a27c5629}
.spatial-theme .profile.spatial-hover h2,.spatial-theme .profile.spatial-hover .social{transform:translateZ(14px)}
.spatial-theme .feed-card.spatial-hover .feed-copy{transform:translateZ(14px)}.spatial-theme .feed-card .feed-img{transform:translateZ(24px);border-radius:0 24px 24px 0;box-shadow:0 7px 12px #8a6e5424}
.spatial-theme .feed-card:nth-child(even) .feed-img{border-radius:24px 0 0 24px}
.spatial-theme .project-icon{transform:translateZ(38px) rotateY(-14deg) rotateX(7deg);box-shadow:7px 9px 0 #d6b18f66,12px 15px 22px #92724e22}
.spatial-theme .spatial-hover .project-card-link>div:last-child{transform:translateZ(14px)}.spatial-theme .spatial-hover .essay-card-link{transform:translateZ(14px)}
.spatial-theme .record-row{transform:translateZ(25px)}.spatial-theme .music-widget .music-controls{transform:translateZ(18px)}
.spatial-theme .sticky-note{background:linear-gradient(120deg,#fff9f2,#f5e3df)}.spatial-theme .sticky-note>p,.spatial-theme .sticky-note>.note-images{transform:translateZ(8px)}
.spatial-theme .post h2,.spatial-theme .vcard h3{transform:translateZ(18px)}
.spatial-observatory{margin-top:8px;padding:0 19px;overflow:hidden;position:relative}
.spatial-object-title{display:flex;justify-content:space-between;align-items:center;gap:7px;font:600 16px/1.8 var(--serif)}.spatial-object-title small{font:500 8px/1.6 var(--sans);letter-spacing:1.5px;color:#ac8a80}
.spatial-object{height:165px;width:100%;cursor:grab;touch-action:pan-y;border-radius:14px;outline-offset:2px}.spatial-object:active{cursor:grabbing}.spatial-object canvas{width:100%;height:100%;display:block}
.spatial-object-hint{font:400 12px/1.8 var(--sans);text-align:center;color:#9c7d71;margin:0}
.spatial-fallback{background:radial-gradient(ellipse,#eed0d588,transparent 60%)}
html.spatial-theme[data-theme=dark]{--paper:#28262e;--ink:#efe5df;--muted:#bfb0aa;--card:#36313cbf;--accent:#e5c5ab}
html.spatial-theme[data-theme=dark] body{background:radial-gradient(ellipse at top,#63465344,transparent 60%),var(--paper)}
.spatial-theme[data-theme=dark] .topbar{background:#302a33c9}.spatial-theme[data-theme=dark] .spatial-depth{background:#594552}.spatial-theme[data-theme=dark] .spatial-shine{opacity:.04}.spatial-theme[data-theme=dark] .spatial-observatory{background:#41313fb3!important}
.spatial-theme[data-theme=dark] .sticky-note{background:linear-gradient(130deg,#56404a,#3e344d)}
@media(max-width:700px){.ambient-space canvas{opacity:.65}.spatial-theme .spatial-card{transform:none;transform-style:flat;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.spatial-depth,.spatial-shine{display:none}.spatial-theme .profile .avatar,.spatial-theme .profile h2,.spatial-theme .profile .social,.spatial-theme .feed-card .feed-copy,.spatial-theme .feed-card .feed-img,.spatial-theme .project-icon,.spatial-theme .project-card-link>div:last-child,.spatial-theme .essay-card-link,.spatial-theme .record-row,.spatial-theme .music-widget .music-controls,.spatial-theme .sticky-note>p,.spatial-theme .sticky-note>.note-images,.spatial-theme .post h2,.spatial-theme .vcard h3{transform:none}.spatial-theme .feed-card:nth-child(even) .feed-img{border-radius:0 24px 24px 0}.spatial-observatory{margin-top:15px}.spatial-object{height:150px}}
@media(prefers-reduced-motion:reduce){.spatial-theme .spatial-card{transition:none;transform:none}.spatial-shine{display:none}}