:root{--app-height:100dvh;--header-space:56px;--footer-space:44px;--vault-size:min(480px,52svh,90vw)}
.topbar{min-height:56px;padding:4px 24px;gap:16px}.header-actions{margin-left:auto}.main-nav{margin-left:auto}.main-nav[hidden]{display:none!important}.profile-button{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--muted)}#profile-lock{display:flex;align-items:center;justify-content:center;line-height:1}.profile-button .od-icon{display:block;--od-icon-size:20px}
.scene-view{height:calc(var(--app-height) - var(--header-space) - var(--footer-space));min-height:0;padding:8px 16px;gap:8px;justify-content:center}.vault-stage{width:var(--vault-size)!important}.stage-shell{flex:none;min-height:0}.scene-intro{flex:none}.ritual-controls{flex:none;width:min(100%,420px)}.experience-controls{min-height:0;margin-top:0;flex:none}.skip-button{min-height:24px;padding:0}.scene-intro .state-title{margin-top:4px}
.site-footer{min-height:44px;padding:0 24px;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-signature{font-size:11px;color:var(--muted);white-space:nowrap}.version-button{min-height:44px;font-size:11px}.main-nav .nav-link{font-size:12px}
@media(max-width:768px){.topbar{padding-inline:16px}.main-nav{display:flex}.site-footer{padding-inline:16px}.brand>span{font-size:16px}.brand-mark{width:24px;height:24px}.brand{gap:8px}.main-nav .nav-link{font-size:11px}.header-actions{margin-left:0}.main-nav[hidden]+.header-actions{margin-left:auto}}
@media(orientation:landscape) and (max-height:539px){.scene-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:24px;align-items:center}.scene-intro{grid-column:1/-1;grid-row:1}.stage-shell{grid-column:1;grid-row:2}.ritual-controls,.experience-controls{grid-column:2;grid-row:2;width:100%}.skip-button{grid-column:2;grid-row:3;justify-self:center}.state-title{font-size:18px}}
.consultation-detail{padding-block:16px;border-block-start:1px solid var(--line)}.consultation-detail h3{font:600 16px var(--display);margin-bottom:16px}.consultation-detail dl{display:grid;gap:12px;margin:0}.consultation-detail dl>div{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,2fr);gap:16px}.consultation-detail dt{color:var(--muted);font-size:13px}.consultation-detail dd{margin:0;font-size:14px;overflow-wrap:anywhere}.consultation-detail+.helper{margin-top:16px}.opening-note>span{display:block;overflow-wrap:anywhere}