/* Four reference scenes: live type and controls over separate celestial artwork. */
.cosmic-page{isolation:isolate;container-type:inline-size;min-height:100%;background:radial-gradient(ellipse at 72% 52%,#29232e20,transparent 68%)}
.cosmic-sky{position:absolute;inset:0;width:100%;height:100%;min-height:100%;pointer-events:none;z-index:-1}
.source-visual{display:block;width:100%;height:auto;overflow:hidden;pointer-events:none}
.cosmic-page .page-header{height:15cqw;padding:6.6cqw 6.4cqw 0;align-items:center}
.cosmic-page .page-header h2{font-size:6.7cqw;letter-spacing:.45cqw}
.cosmic-page .ai-pill{font-size:2.4cqw;padding:1.6cqw 2.2cqw;gap:1.4cqw;background:#2b203c35;box-shadow:inset 0 0 14px #a78bce29,0 0 18px #a07bf326}
.cosmic-page .ai-pill .icon{width:3.6cqw;height:3.6cqw}
.cosmic-page .scene-hit{padding:0;text-align:left;position:absolute;display:block;border:0;border-radius:10px;background:none;transition:filter .2s}
.cosmic-page .scene-hit:hover{filter:brightness(1.13)}
.cosmic-stage{position:relative;width:100%;aspect-ratio:887/1545;container-type:inline-size}
.star-chain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.star-chain .chain-spine{fill:none;stroke-width:1;opacity:.55}
.star-chain .chain-haze{fill:none;stroke:#ffd7b2;stroke-width:5;opacity:.32}
.star-chain .chain-star{filter:drop-shadow(0 0 3px #ffbd8b) drop-shadow(0 0 1px #ffe8c5)}
.star-chain .chain-node{filter:drop-shadow(0 0 5px #edb18c70)}
.cosmic-page .memory-text time{font:2.8cqw/1.4 var(--sans);color:#bdb8cd;margin:0 0 1.5cqw;letter-spacing:.03cqw}
.cosmic-page .memory-text h3{font:3.65cqw/1.6 var(--serif);font-weight:400;margin:0 0 2cqw}
.cosmic-page .metadata{font:2.65cqw/1.3 var(--sans);color:#bdb8ca;gap:1.5cqw;flex-wrap:nowrap;white-space:nowrap}
.cosmic-page .metadata .icon{width:3.4cqw;height:3.4cqw}

/* Memory: a receding photographic field and one continuous chain of light. */
.memory-page::before{display:none}
.memory-scene>.star-chain{mask-image:linear-gradient(transparent,#0008 9%,#000 20%)}
.memory-page .new-notes{position:relative;z-index:2;padding:16px 23px 0}
.memory-scene>div:not(.memory-header),.memory-scene>span{position:absolute}
.memory-scene .memory-header{position:absolute;inset:0;display:block;padding:0;pointer-events:none}
.memory-scene .calendar-date{position:absolute;left:7.25%;top:4.6%;font-size:5.2cqw;line-height:1.1}
.memory-scene .calendar-date small{font-size:3.3cqw;margin-bottom:1.5cqw;color:#c3bed1}
.memory-scene .calendar-date strong{font:normal 10.9cqw/1.08 Georgia,var(--serif);letter-spacing:-.4cqw}
.memory-scene .calendar-date em{font-size:2.8cqw;margin-top:1.5cqw}
.memory-scene .memory-intro{position:absolute;right:6.6%;top:4.0%;display:flex;flex-direction:column;align-items:flex-end}
.memory-scene .memory-intro p{font:4.9cqw/1.6 var(--serif);letter-spacing:.24cqw;margin:3.6cqw 0 0;color:#decfff;text-shadow:0 0 18px #ac80e550}
.memory-horizon{mask-image:radial-gradient(ellipse at 55% 65%,#000 25%,transparent 72%);opacity:.9;mix-blend-mode:screen}
.memory-scene .memory-ghost{filter:blur(1.1px);opacity:.83;mask-image:radial-gradient(ellipse,#000 25%,transparent 73%);mix-blend-mode:screen}
.memory-scene .ghost-b{filter:blur(1.6px);opacity:.7}
.memory-scene .ghost-c{filter:blur(1.3px);opacity:.83}
.memory-scene .scene-coffee{filter:blur(.5px);opacity:.86;mask-image:linear-gradient(transparent,#000 9%,#000 89%,transparent)}
.memory-scene .scene-coffee-copy{opacity:.65}
.memory-scene .scene-coffee-copy h3{font-size:3.3cqw}
.memory-scene .scene-quote time{display:block;font:2.85cqw/1.4 var(--sans);color:#c5c2d3;margin-bottom:1.8cqw;padding-left:2cqw}
.memory-scene .scene-quote blockquote{font:4.5cqw/1.65 var(--serif);letter-spacing:.03cqw;margin:0 0 2.7cqw;padding-left:3.5cqw;white-space:nowrap;position:relative}
.memory-scene .scene-quote blockquote::before{content:'“';position:absolute;left:-1.1cqw;color:#c49272;font-size:7cqw;top:-1.3cqw}
.memory-scene .scene-quote blockquote::after{content:'”';color:#c49272;font-size:6cqw;line-height:0;position:relative;left:1cqw;top:1cqw}
.memory-scene .scene-quote .metadata{padding-left:4.8cqw;gap:1.8cqw}
.memory-scene .quote-wave{display:flex;align-items:center;justify-content:center;color:#ffe5c9;filter:drop-shadow(0 0 3px #ffe7c0)}
.memory-scene .quote-wave .icon{width:100%;height:100%;stroke-width:1}
.memory-scene .scene-photo,.memory-scene .scene-audio{filter:drop-shadow(0 9px 12px #0005)}
.memory-scene .scene-photo-copy h3{font-size:3.75cqw;white-space:nowrap}
.memory-scene .scene-audio-copy h3{font-size:3.5cqw;white-space:nowrap}
.memory-scene .scene-audio-copy .metadata{font-size:2.9cqw}
.memory-scene .scene-footer-copy{opacity:.47}
.memory-scene .scene-footer-copy h3{font-size:3.0cqw}

/* Search: the search field itself is an orbit; its results float in space. */
.search-page .search-top{position:relative;aspect-ratio:887/431}
.search-page .search-orbit-art{position:absolute;left:1.07%;top:31.55%;width:97.86%;pointer-events:none;mix-blend-mode:lighten}
.search-page .search-form{position:absolute;left:13.1%;right:12%;top:62.2%;min-height:0;height:15%;padding:0 6%;margin:0;gap:4cqw;background:none;border:0;box-shadow:none;border-radius:0;z-index:2}
.search-page .search-form::before,.search-page .search-form::after{display:none}
.search-page .search-form .icon{width:4.5cqw;height:4.5cqw;color:#f2e6d8}
.search-page .search-form input{font:4.7cqw/1.4 var(--serif);letter-spacing:.1cqw}
.search-page .search-count{position:absolute;left:0;right:0;top:104%;margin:0;font:3.65cqw/1.5 var(--serif);color:#d0bda9;z-index:2;pointer-events:none}
.search-page .search-count strong{font:normal 5.25cqw Georgia;color:#f6d5af;margin:0 .9cqw}
.search-page .search-results{padding:0;position:relative;min-height:55cqw}
.search-composition{position:relative;aspect-ratio:887/1110;width:100%}
.search-composition .search-feature-photo{filter:drop-shadow(0 14px 17px #0006)}
.search-composition .search-feature-copy h3{font-size:3.5cqw;white-space:nowrap}
.search-composition .search-feature-copy time{font-size:2.55cqw}
.search-composition .search-feature-copy .metadata{font-size:2.6cqw}
.search-composition .search-feature-copy .metadata>.icon:first-child{display:none}
.search-composition .search-feature-audio{filter:drop-shadow(0 0 13px #d3a3bb16)}
.search-feature-audio time{position:absolute;left:24%;top:22%;font:2.45cqw var(--sans);color:#c0b7c7;transform:rotate(-3deg)}
.search-feature-audio .duration{position:absolute;right:7%;top:41%;font:2.55cqw var(--sans);color:#d3c9d6}
.search-composition .search-feature-distant{filter:blur(.7px);opacity:.88;mask-image:radial-gradient(ellipse,#000 37%,transparent 74%);mix-blend-mode:screen}
.search-page .additional-results{position:relative;z-index:1;margin:18cqw 6cqw 5cqw}
.search-page .featured-results .additional-results{margin-top:0}
.search-page .result-small{border:1px solid #8c7b8430;border-radius:15px;padding:12px;margin-bottom:13px;background:radial-gradient(ellipse at 0 0,#cea68511,transparent 75%),#0d111873;box-shadow:0 6px 20px #0002}
.search-page .result-small .memory-thumb{box-shadow:0 0 14px #f1c79817;border-color:#b49e8250}
.search-page .result-small .memory-text h3{font-size:3.8cqw;overflow-wrap:anywhere}
.search-page .empty-state{position:relative;margin-top:12cqw}
.search-page .glass-result .play-circle{align-self:center;width:33px;height:33px;box-shadow:0 0 12px #e4a2cc4d,inset 0 0 8px #d0aac333}

/* Insight: retain the original five luminous bodies and their stellar dust. */
.insights-page .insight-lead{font:4.65cqw/1.6 var(--serif);margin:6.1cqw 10cqw 0;letter-spacing:.03cqw;white-space:nowrap;text-align:center}
.insights-page .source-constellation{position:relative;width:98.3%;max-width:none;height:auto;aspect-ratio:872/768;margin:.5cqw auto 0;transform:none;background:none;container-type:inline-size}
.source-constellation>.source-visual{position:absolute;inset:0;mask-image:linear-gradient(transparent,#000 4%,#000 95%,transparent);mix-blend-mode:lighten}
.source-constellation .graph-node{position:absolute;display:block;padding:0;margin:0;transform:none;background:none;gap:0;border-radius:50%;color:#f7e8d1;font:4.5cqw/1.2 var(--serif);white-space:nowrap;text-align:center;transition:filter .2s}
.source-constellation .graph-node:hover{filter:drop-shadow(0 0 6px #f4cc9c)}
.source-constellation .graph-node.center{left:35.7%;top:40.1%;width:23%;height:26%;font-size:5.25cqw;display:flex;align-items:center;justify-content:center;right:auto;bottom:auto}
.source-constellation .graph-node.training{left:37.8%;top:5.1%;width:35%;height:14%;right:auto;bottom:auto}
.source-constellation .graph-node.training span{position:absolute;left:41%;top:35%}
.source-constellation .graph-node.service{left:74.4%;top:25%;width:19%;height:22%;right:auto;bottom:auto}
.source-constellation .graph-node.service span{position:absolute;left:0;right:0;bottom:0}
.source-constellation .graph-node.manual{left:8.0%;top:68.5%;width:20%;height:22%;right:auto;bottom:auto}
.source-constellation .graph-node.manual span{position:absolute;left:0;right:0;bottom:0}
.source-constellation .graph-node.schedule{left:68.2%;top:74%;width:15%;height:21%;right:auto;bottom:auto}
.source-constellation .graph-node.schedule span{position:absolute;left:0;right:0;bottom:0}
.insights-page .insight-copy{position:relative;margin:1.8cqw 6.6cqw 0 11.4cqw}
.insights-page .insight-copy::before{content:'';position:absolute;left:-4.2cqw;top:3cqw;bottom:13cqw;width:1px;background:linear-gradient(#efd2a67d,#bda1e87d);box-shadow:0 0 6px #dac0ec26}
.insights-page .insight-section{position:relative;margin-bottom:7cqw}
.insights-page .insight-section h3{font:4.65cqw/1.25 var(--serif);font-weight:400;color:#f0d4ae;padding-bottom:2cqw;margin:0 0 1.8cqw;border-color:#978a971f;letter-spacing:.35cqw}
.insights-page .insight-section h3::before{position:absolute;left:-5.0cqw;top:1.3cqw;margin:0;font-size:0;width:1.4cqw;height:1.4cqw;background:#f5d7ac;border-radius:50%;box-shadow:0 0 8px #ffd69d;filter:none}
.insights-page .insight-section p{font:3.23cqw/1.9 var(--serif);color:#c7b7af;letter-spacing:.07cqw}
.insights-page .insight-section.ai h3{color:#d4b8f8}
.insights-page .insight-section.ai h3::before{background:#d6b2ff;box-shadow:0 0 9px #c3a0ff}

/* Profile: the original personal constellation, with native labels and cards. */
.profile-page .source-identity{position:relative;width:97.63%;max-width:none;height:auto;aspect-ratio:866/685;margin:-1.35cqw auto 0;transform:none;container-type:inline-size}
.source-identity>.source-visual{position:absolute;inset:0;mix-blend-mode:lighten;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.source-identity .profile-name{position:absolute;top:45.7%;left:0;right:0;text-align:center;pointer-events:none}
.source-identity .profile-name h1{font:7.6cqw/1.15 var(--serif);font-weight:400;letter-spacing:.85cqw;margin:0;color:#f6e8d3}
.source-identity .profile-name p{font:3.12cqw/1.5 var(--serif);color:#c9b9a9;letter-spacing:.2cqw;margin:1.7cqw 0 0}
.source-identity .identity-tag{position:absolute;display:block;font:3.75cqw/1.3 var(--serif);padding:0;white-space:nowrap;text-align:center;border-radius:50%}
.source-identity .identity-tag span{position:absolute;left:0;right:0;bottom:0}
.source-identity .teacher{left:8.0%;top:44.2%;width:18.5%;height:21.5%;right:auto}
.source-identity .shopowner{left:74%;top:46%;width:23%;height:21%;font-size:3.6cqw;right:auto}
.source-identity .father{left:18.8%;top:76%;width:16%;height:21%;right:auto}
.source-identity .founder{left:61%;top:77%;width:21%;height:21%;right:auto}
.profile-page .profile-list{position:relative;margin:3cqw 5.5cqw 0;gap:2cqw}
.profile-page .profile-card{position:relative;isolation:isolate;padding:2.2cqw 3cqw;gap:3.8cqw;min-height:18.5cqw;border:1px solid #88899b40;border-radius:4cqw;background:linear-gradient(125deg,#161c263b,#090e164f);box-shadow:inset 0 1px #c0a38306,0 6px 20px #0002;backdrop-filter:blur(5px)}
.profile-page .profile-card:nth-child(2),.profile-page .profile-card:nth-child(3){min-height:20.6cqw}
.profile-page .profile-card::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(circle at 9% 34%,#b4a6b808,transparent 24%),radial-gradient(circle at 78% 90%,#b38c7905,transparent 45%)}
.profile-page .profile-card h3{font:3.9cqw/1.2 var(--serif);font-weight:400;margin:0 0 1cqw;color:#f2dfc7;letter-spacing:.15cqw}
.profile-page .profile-card p{font:3.05cqw/1.65 var(--serif);color:#b9aaa4}
.profile-page .card-thumb{width:13.6cqw;height:13.6cqw;border-radius:3cqw;filter:drop-shadow(0 0 6px #efbe921c)}
.profile-page .card-thumb.people{border-radius:50%}
.profile-page .avatar-strip{height:7cqw;gap:.8cqw}
.profile-page .avatar-strip .art-crop,.profile-page .avatar-strip>span{width:6.6cqw;height:6.6cqw}
.profile-page .avatar-strip>span{font-size:2.6cqw}
.profile-page .profile-card>.icon:last-child{width:4.3cqw;height:4.3cqw;color:#c0b7c3}
.profile-page .project-more{font-size:3cqw;color:#c3b5af;margin-left:auto;margin-right:3cqw}
.profile-page .settings-card{min-height:12cqw;padding:2.8cqw 4cqw;gap:3.8cqw}
.profile-page .settings-card h3{margin:0;color:#c2b6ae}
.profile-page .settings-card>.icon:first-child{width:5.4cqw;height:5.4cqw}

@media(max-width:650px){.cosmic-page{min-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:no-preference){.cosmic-page .chain-node{animation:stellar-glimmer 7s ease-in-out infinite}.cosmic-page .chain-node:nth-last-child(2){animation-delay:-3s}}
@keyframes stellar-glimmer{0%,100%{opacity:.84}50%{opacity:1}}