/* Vizioni i Ri Delvinë: quiet digital architecture, readable at every scale. */
:root{--vrd-glow:#81dec4;--vrd-coral:#f37876}
.u-interface .n-brand>span{font-family:var(--ui-mono);font-size:clamp(11px,1vw,15px);letter-spacing:-.025em}.u-interface .n-brand small{font-size:8px;letter-spacing:.14em;margin-top:5px}.u-home-hero{position:relative;isolation:isolate}.u-home-hero:before{content:'';position:absolute;inset:5% 0 8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 42%,#37bda510,transparent 58%)}.u-interface .u-home-hero h1{line-height:1.15;letter-spacing:-.055em;text-wrap:balance}.u-home-hero h1 span{position:relative;display:inline-block;background:linear-gradient(110deg,var(--ui-accent) 20%,var(--ui-ink) 48%,var(--ui-accent) 76%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;animation:vrd-highlight 9s ease-in-out infinite}.u-home-hero h1 span:after{content:'';position:absolute;left:0;bottom:-.12em;width:100%;height:2px;background:linear-gradient(90deg,var(--ui-accent),var(--vrd-coral),transparent);transform-origin:left;animation:vrd-underline 1.4s ease-out both}.u-hero-copy .u-lead{max-width:48ch;margin-top:30px!important}.u-interface .u-button{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.u-interface .u-button:hover{transform:translateY(-2px);box-shadow:0 8px 26px #4bbba51c}.u-interface .c-place{transition:border-color .3s ease,box-shadow .3s ease}.u-interface .c-place:hover{border-color:var(--ui-accent);box-shadow:0 10px 30px #0b303524}.u-interface .c-photo img{filter:grayscale(1) contrast(1.05)!important;transition:filter .65s ease,transform .65s ease}.u-interface .c-dialog-photo{filter:none!important}.vrd-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ui-line);border:1px solid var(--ui-line);margin-bottom:60px}.vrd-pillar{position:relative;display:flex;flex-direction:column;gap:15px;min-width:0;padding:32px;background:var(--ui-surface);color:var(--ui-ink);text-decoration:none;transition:background .3s ease}.vrd-pillar:hover{background:var(--ui-raised)}.vrd-pillar-index{font:12px var(--ui-mono);color:var(--ui-accent)}.vrd-pillar h3{font-size:clamp(18px,1.6vw,25px);line-height:1.35;margin:0}.vrd-pillar p{font-size:14px;line-height:1.75;color:var(--ui-muted);margin:0}.vrd-pillar>span:last-child{margin-top:auto;font-size:24px;color:var(--ui-accent)}.u-interface .u-connection{border-top:1px solid var(--ui-line);padding-bottom:30px}.u-interface .u-connection>div{max-width:880px}.u-interface .n-world{filter:drop-shadow(0 12px 35px #48bca915)}
@keyframes vrd-highlight{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}@keyframes vrd-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html[data-motion=off] .u-home-hero h1 span,html[data-motion=off] .u-home-hero h1 span:after{animation:none}.u-page-hidden .u-home-hero h1 span,.pfs-scrolling .u-home-hero h1 span{animation-play-state:paused}
@media(max-width:800px){.vrd-pillars{grid-template-columns:1fr}.vrd-pillar{padding:24px}.u-interface .n-brand>span{font-size:12px}.u-interface .n-brand small{font-size:7px;letter-spacing:.07em}}@media(max-width:380px){.u-interface .n-brand>span{font-size:10px}.u-interface .n-brand small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.u-home-hero h1 span,.u-home-hero h1 span:after{animation:none!important}.u-interface .u-button,.u-interface .c-place,.u-interface .c-photo img,.vrd-pillar{transition:none!important}}
@media(forced-colors:active){.u-home-hero h1 span{background:none;color:CanvasText!important}}

/* Release 20: daylight command interface. Solid text, decorative signals only. */
:root[data-theme=light]{--ui-bg:#e6eee8;--ui-surface:#f5faf4;--ui-raised:#d4e4da;--ui-ink:#112f29;--ui-muted:#38594e;--ui-line:#94b3a3;--ui-accent:#075b44;--ui-accent-ink:#fff;--ui-grid:#235b3e16;--ui-halo:#5d987923;--vrd-coral:#a64038;--ui-shadow:0 16px 42px #173e291a}
html[data-theme=light] body.u-interface{background-image:linear-gradient(var(--ui-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid) 1px,transparent 1px),linear-gradient(#194b3012 1px,transparent 1px),linear-gradient(90deg,#194b3012 1px,transparent 1px),radial-gradient(ellipse at 85% 12%,var(--ui-halo),transparent 65%)!important;background-size:32px 32px,32px 32px,160px 160px,160px 160px,100% 100%!important}
html[data-theme=light] .u-interface .u-header{background:#edf4ed;border-bottom:2px solid var(--ui-accent);box-shadow:0 5px 18px #173e2912}
html[data-theme=light] .u-interface :is(.u-path-card,.vrd-pillar,.auth-card,.c-place,.u-launch-card){background:linear-gradient(135deg,#f6faf5,#e4eee5);border-color:var(--ui-line);box-shadow:inset 3px 0 0 #31764c55,0 6px 18px #183c2410;border-radius:3px}
html[data-theme=light] .u-interface :is(.u-path-card,.vrd-pillar)::after{content:'';position:absolute;top:10px;right:10px;width:24px;height:24px;border-top:2px solid var(--ui-accent);border-right:2px solid var(--ui-accent);opacity:.48;pointer-events:none}
html[data-theme=light] .u-interface :is(h1,h2,h3,h4){color:var(--ui-ink)!important;text-shadow:1px 0 #277c5820!important}
html[data-theme=light] .u-interface .u-home-hero h1 span{background:none;color:var(--ui-accent)!important;animation:none}
html[data-theme=light] .u-interface :is(.u-kicker,.n-kicker,.u-index){font-weight:600;color:var(--ui-accent)}
html[data-theme=light] .u-interface .u-globe-stage{background:radial-gradient(ellipse,#b7d3bd55,transparent 68%)}
html[data-theme=light] .u-interface .u-button:not(.u-button-secondary){box-shadow:3px 3px 0 #8fae98;color:#fff;background:var(--ui-accent)}
html[data-theme=light] .u-interface :is(input,textarea,select){background:#fbfdf9;color:var(--ui-ink);border-color:#789987}
html[data-theme=light] .u-interface :is(.u-settings .pfs-preferences,.n-mobile,.pfs-search-panel,.pfs-ai-panel){background:var(--ui-surface);color:var(--ui-ink)}
html[data-theme=light] .x-ambience-panel{background:#edf5ec!important;color:var(--ui-ink)!important;box-shadow:0 15px 40px #143e2926,inset 0 3px var(--ui-accent)}
html[data-theme=light] .u-interface .u-hero-meta{border-top:2px solid var(--ui-line)}
html[data-theme=light] .u-interface .n-footer{background:#dce9df;border-top:2px solid var(--ui-accent)}
/* Brief chromatic displacement: no flashing fills, no duplicated accessible text. */
html[data-theme] .u-interface .vrd-signal-title{animation:vrd-title-signal 720ms steps(1,end) 1!important}
@keyframes vrd-title-signal{0%,100%{filter:none;transform:translateX(0)}18%,34%{filter:drop-shadow(2px 0 #a5404566) drop-shadow(-2px 0 #27866d66);transform:translateX(1px)}26%,46%{filter:drop-shadow(-2px 0 #a5404566) drop-shadow(2px 0 #27866d66);transform:translateX(-1px)}60%{filter:none;transform:translateX(0)}}
html[data-theme=light] .u-home-hero .u-globe-stage::before{content:'';position:absolute;pointer-events:none;inset:0 0 auto;aspect-ratio:1;background:url('/assets/interface/orbital-frame.svg?v=20260928-vrd-25.2') center/contain no-repeat;opacity:.8}
html[data-theme=light] .u-interface .u-section-head{padding-bottom:18px;border-bottom:1px solid var(--ui-line);position:relative}
html[data-theme=light] .u-interface .u-section-head::after{content:'';position:absolute;left:0;bottom:-2px;width:48px;height:3px;background:var(--ui-accent);pointer-events:none}
html[data-theme=light] .u-interface .u-path-card:hover,html[data-theme=light] .u-interface .vrd-pillar:hover{background:#f9fcf6;box-shadow:inset 3px 0 var(--ui-accent),0 10px 25px #1f56301a}
html[data-motion=off] .u-interface .vrd-signal-title,html.u-page-hidden .u-interface .vrd-signal-title,html.pfs-scrolling .u-interface .vrd-signal-title{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-theme] .u-interface .vrd-signal-title{animation:none!important}}
@media(forced-colors:active){html[data-theme=light] body.u-interface{background:Canvas!important}html[data-theme] .u-interface .vrd-signal-title{animation:none!important}html[data-theme=light] .u-interface .u-home-hero h1 span{color:CanvasText!important}}

/* Release 21: clear feedback, resilient focus, and short arrival signals. */
:root{--ui-error:#ffb9b0;--ui-control-line:#6e9b9c}
:root[data-theme=light]{--ui-error:#962d27;--ui-control-line:#577a66}
.u-interface .vrd-skip-link{position:fixed;top:8px;left:12px;z-index:10000;transform:translateY(-180%);padding:14px 20px;min-height:48px;background:var(--ui-ink);color:var(--ui-bg);border:2px solid var(--ui-accent);font-size:15px;line-height:1.4}
.u-interface .vrd-skip-link:focus{transform:none;outline:3px solid var(--ui-accent);outline-offset:2px}
.m-workspace:not([data-member-ready]) .vrd-skip-link{visibility:hidden}
html{scroll-padding-bottom:calc(var(--pfs-dock-height,74px) + env(safe-area-inset-bottom) + 90px)}
.u-interface :is(input,select,textarea,button,a,summary,[tabindex="-1"]){scroll-margin-block:24px}
.u-interface .vrd-error-summary{grid-column:1/-1;flex-basis:100%;width:100%;border:2px solid var(--ui-error);padding:22px;margin:0 0 24px;background:var(--ui-surface);color:var(--ui-ink);border-radius:3px}
.u-interface .vrd-error-summary:focus{outline:3px solid var(--ui-accent);outline-offset:4px}
.u-interface .vrd-error-summary h2{font-size:1.15rem!important;line-height:1.5!important;margin:0 0 12px!important;color:var(--ui-error)!important}
.u-interface .vrd-error-summary ul{padding-left:20px;margin:0}
.u-interface .vrd-error-summary li{margin:8px 0;font-size:14px;line-height:1.6}
.u-interface .vrd-error-summary a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.u-interface .vrd-field-error{grid-column:1/-1;color:var(--ui-error)!important;font-size:13px!important;line-height:1.6;margin:5px 0 14px}
.u-interface [aria-invalid=true]{border:2px solid var(--ui-error)!important;outline-offset:4px}
.u-interface :is(.n-tools button,.u-settings>summary,.u-return-nav button,.u-return-nav a,.u-return-nav .x-ambience-launch){min-height:44px}
.u-interface :is(.z-nav-close,.pfs-close,.c-dialog-close){min-width:44px;min-height:44px}
html[data-theme] .u-interface :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.u-button-secondary,.u-settings>summary,.n-tools button){border-color:var(--ui-control-line)}
.u-interface :is(.u-path-card,.vrd-pillar):focus-visible{outline:3px solid var(--ui-accent);outline-offset:4px}
.u-interface .n-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.u-interface .u-section-nav a[aria-current=page]{border-bottom-width:3px}
.u-interface .vrd-panel-enter{animation:vrd-panel-enter 480ms cubic-bezier(.2,.7,.2,1) 1}
@keyframes vrd-panel-enter{from{transform:translateY(8px);opacity:.76}to{transform:translateY(0);opacity:1}}
.u-interface :is(.pfs-dialog,.z-nav-dialog,.c-dialog)[open]{animation:vrd-dialog-enter 180ms ease-out 1}
@keyframes vrd-dialog-enter{from{transform:translateY(7px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(hover:hover) and (pointer:fine){.u-interface .u-card-arrow{transition:transform 180ms ease}.u-interface .u-path-card:hover .u-card-arrow{transform:translate(3px,-3px)}}
html[data-motion=off] .u-interface *,html[data-motion=off] .u-interface *::before,html[data-motion=off] .u-interface *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off]{scroll-behavior:auto!important}
html.u-page-hidden .u-interface .vrd-panel-enter{animation:none!important}
@media(prefers-reduced-motion:reduce){.u-interface .vrd-panel-enter,.u-interface :is(.pfs-dialog,.z-nav-dialog,.c-dialog)[open]{animation:none!important}.u-interface .u-card-arrow{transition:none!important}}
@media(max-width:600px){.u-interface .u-return-nav{gap:6px}.u-interface .u-return-nav button,.u-interface .u-return-nav a{padding-inline:9px}.u-interface :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important}}
@media(max-height:500px) and (orientation:landscape){.u-interface .u-header{position:relative}.u-interface .s-app-dock{display:none}.u-interface .pfs-ai-trigger{bottom:12px!important}.u-interface .x-ambience-panel{top:12px!important;max-height:calc(100dvh - 24px)!important}}
@media(forced-colors:active){.u-interface .vrd-error-summary,.u-interface [aria-invalid=true]{border-color:CanvasText!important}.u-interface .vrd-error-summary h2,.u-interface .vrd-field-error{color:CanvasText!important}}
