/* Folio XTi — visual surface. Canonical content, persistence, and authorization live elsewhere. */
:root{--navy:#191923;--navy2:#25252f;--navy3:#393642;--ink:#272630;--slate:#5e5b65;--muted:#8d8690;--line:#e7dde2;--paper:#f7f4f5;--white:#fff;--accent:#875f82;--accent2:#a97a9c;--accentlight:#f3e6ef;--gold:#d6adbd;--shadow:0 12px 36px rgba(50,38,50,.055);color:var(--ink);font-family:ui-sans-serif,'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif}
body{background:var(--paper);color:var(--ink)}
::selection{background:#ddbdcf;color:#24202a}
:focus-visible{outline:2px solid #bd8ab0!important;outline-offset:3px}
a,button{ -webkit-tap-highlight-color:transparent }
a:hover{color:inherit}
h1,h2,h3{font-weight:680}
h1 em{color:var(--accent)}
.eyebrow,.subtle-link{color:var(--accent)}
.surface,.stat-card,.project-card,.taxonomy-card,.record-row,.document-body,.reading-outline{border-color:var(--line);box-shadow:var(--shadow)}
.button-primary{background:linear-gradient(120deg,#443442,#805b77);border-color:#8a6b81;color:#fff;box-shadow:0 8px 22px #7b557c20}
.button-primary:hover{background:#4a3648}
.button-outline,.button-ghost{border-color:#e1d3dc;background:#fff;color:#684965}
.button-outline:hover,.button-ghost:hover{background:#f7eaf1}
.tag-green{background:#eaf0e9;color:#576d5d}.tag-blue{background:#e9e8f2;color:#615978}.tag-orange{background:#f8efea;color:#916c60}
.stat-icon,.record-icon,.auth-icon{background:#f2e4ec;color:#8f6486}
.side-link:hover,.featured-card:hover{border-color:#c8adc1}
/* Public landing: intentionally no visible copy beyond the Folio wordmark and XTi. */
.folio-splash{min-height:100svh;overflow:hidden;position:relative;background:#121217;color:#f9edf4;isolation:isolate}
.splash-world{position:absolute;inset:-36px;z-index:-1;will-change:transform;transform:translate3d(var(--splash-bg-x,0px),0,0);background:linear-gradient(114deg,rgba(11,12,17,.24) 0%,rgba(29,25,33,.12) 48%,rgba(7,8,12,.62) 100%),url('monolith.webp') center center/cover no-repeat;filter:saturate(.65)}
.splash-world:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(12,10,16,.52),transparent 40%,rgba(20,15,25,.35)),repeating-linear-gradient(117deg,transparent 0,transparent 178px,rgba(236,216,233,.09) 179px,transparent 180px);mix-blend-mode:screen}
.splash-panel{position:absolute;clip-path:polygon(0 0,100% 0,76% 100%,0 89%);border:1px solid #fff2;background-size:cover;box-shadow:20px 8px 100px rgba(0,0,0,.45)}
.splash-panel-one{width:36%;height:65%;right:7%;top:-9%;opacity:.26;background-image:linear-gradient(120deg,#35252c77,#21141baa),url('skyways.webp');background-position:center}
.splash-panel-two{width:34%;height:75%;right:21%;bottom:-25%;transform:rotate(-19deg);opacity:.23;background-image:url('prism.webp');background-position:center}
.splash-beam{position:absolute;width:120vw;height:1px;left:-10vw;top:59%;transform:rotate(-20deg);background:#fff9;box-shadow:0 0 30px 13px #f6dae647,0 0 130px 35px #c49ab02e}
.splash-orbit{position:absolute;width:75vmin;height:75vmin;border:1px solid #ffe7f443;left:50%;top:50%;transform:translate(-50%,-50%) rotate(34deg);border-radius:50%;box-shadow:0 0 0 100px #ffffff07,0 0 0 230px #ffffff05}
.splash-identity{position:absolute;will-change:transform;transform:translate3d(var(--splash-title-x,0px),0,0);left:clamp(38px,9vw,164px);bottom:clamp(50px,12vh,150px);text-shadow:0 4px 28px #140e1e9f}
.splash-identity h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(95px,16vw,260px);letter-spacing:-.092em;line-height:.84;margin:0}
.splash-identity span{display:block;margin-left:8px;margin-top:22px;letter-spacing:.5em;font-size:clamp(10px,1.1vw,14px);font-weight:600;color:#f9dfec}
/* The lighting sits between imagery and lettering, like light seen through smoked glass.
   Pointer input is sampled and eased in landing.js; it never tracks 1:1. */
.splash-glass{position:absolute;inset:-4%;pointer-events:none;z-index:0;isolation:isolate;overflow:hidden;
 background:linear-gradient(115deg,rgba(20,15,25,.14),transparent 40%,rgba(10,9,16,.16));}
.splash-glass::before{content:"";position:absolute;inset:-16%;
 background:radial-gradient(ellipse 83% 24% at 55% var(--splash-light-y,45%),rgba(255,250,255,.24) 0%,rgba(244,210,233,.13) 38%,transparent 76%);
 opacity:var(--splash-light-opacity,.68);filter:blur(34px);mix-blend-mode:screen;}
.splash-glass::after{content:"";position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(241,217,234,.035),rgba(13,10,17,.14));backdrop-filter:blur(1.6px);}
.splash-identity{z-index:1}
/* Invitation-only /welcome: a separate standalone scene, never the sidebar workspace. */
.welcome-body{background:#1a1a22;min-height:100svh;color:#ece5e9}
.welcome-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);min-height:100svh}
.welcome-art{position:relative;background:linear-gradient(115deg,#14141c33,#16141cc9),url('prism.webp') center/cover;overflow:hidden}
.welcome-art:before{content:"";position:absolute;inset:12%;border:1px solid #f9e5f038;transform:rotate(-8deg)}
.welcome-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#1a1a22 100%)}
.welcome-etched{position:absolute;inset:0;background:url('skyways.webp') center/cover;opacity:.11;mix-blend-mode:screen;clip-path:polygon(0 0,50% 0,34% 100%,0 100%)}
.welcome-glow{position:absolute;width:60vmin;height:60vmin;left:30%;top:20%;border:1px solid #f8cfe455;border-radius:50%;box-shadow:0 0 0 90px #ffffff04,0 0 100px #fae9ef2b}
.welcome-card{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:680px;padding:clamp(32px,6vw,105px);background:linear-gradient(145deg,#1d1b24,#22202b 75%,#2c2530);border-left:1px solid #ffffff1e}
.folio-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;width:max-content;gap:0;line-height:1;margin:0;color:inherit;flex-shrink:0}
.folio-word{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400;letter-spacing:-1.7px}
.folio-under{font-size:9px;letter-spacing:.34em;margin-top:4px;margin-left:2px;font-weight:700;opacity:.68}
.welcome-card .folio-word{font-size:49px;color:#fff}
.welcome-card .folio-under{font-size:10px;color:#d7b9cd;margin-top:6px}
.welcome-eyebrow{font-size:10px;letter-spacing:.29em;font-weight:700;color:#c29ab8;margin:62px 0 12px}
.welcome-card h1{font-family:Georgia,serif;font-size:clamp(35px,3.8vw,57px);letter-spacing:-1.6px;font-weight:400;color:#fbf4fa;margin:0 0 18px}
.welcome-description{font-size:14px;line-height:1.9;max-width:390px;color:#aca0af;margin-bottom:33px}
.welcome-credential-switch{display:flex;border-bottom:1px solid #50444e;margin:0 0 26px;gap:30px}
.credential-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#a496a6;font-size:13px;font-weight:600}
.credential-tab.is-selected{border-bottom-color:#e5b8d0;color:#fff}
.welcome-form{display:grid;gap:20px}.welcome-form[hidden]{display:none!important}
.welcome-form label{font-size:12px;color:#c4afc0;font-weight:600;display:grid;gap:8px}
.welcome-form input{height:48px;width:100%;padding:0 16px;border:1px solid #5c4a5c;border-radius:9px;background:#282430;color:#fdf6fb}
.welcome-form input::placeholder{color:#928495}
.welcome-form .button{height:45px;font-size:13px}
.welcome-back-link{margin-top:37px;opacity:.58;font-size:12px}.welcome-back-link a{display:flex;align-items:center;gap:9px}.welcome-back-link svg{transform:rotate(180deg)}
.welcome-card .notice{margin-bottom:15px}
/* Signed-in Folio: two navigation concerns, separate lifecycles. */
.folio-workspace-body{background:radial-gradient(circle at 85% -5%,#ecdde7 0%,transparent 37%),#f7f4f5}
.folio-workspace-body .app-shell{display:block;min-height:100vh;--drawer-width:282px;--nav-offset:282px}
.folio-workspace-body .main-shell{min-height:100vh;margin-left:var(--nav-offset);padding-top:78px;transition:margin-left .23s ease}
.folio-workspace-body .topbar{position:fixed;inset:0 0 auto 0;height:78px;z-index:70;background:#fefcfded;backdrop-filter:blur(18px);padding:0 32px;border-bottom:1px solid #ddcbd7;box-shadow:0 5px 30px #2616230a}
.topbar-left{display:flex;align-items:center;gap:19px;min-width:0}
.topbar-left .folio-wordmark{margin-right:16px}
.folio-workspace-body .topbar-path{border-left:1px solid #e7dce3;padding-left:20px;letter-spacing:.16em;color:#9e8296}
.folio-workspace-body .topbar-path b{color:#49404e}
.folio-workspace-body .menu-toggle,.top-dock-button,.logout-button{border:1px solid #e6d9e1;background:#fff;border-radius:9px;min-width:38px;height:38px;display:grid;place-items:center;color:#614c60;transition:background .15s}
.folio-workspace-body .menu-toggle:hover,.top-dock-button:hover,.logout-button:hover{background:#f8e7f2}
.top-dock-button[aria-pressed="true"]{color:#fff;background:#5d455b}
.folio-workspace-body .topbar-right{gap:12px}
.folio-workspace-body .top-search{border-color:#ebdfe6;background:#faf6f8;width:min(26vw,310px);height:39px}
.folio-workspace-body .top-search:focus-within{border-color:#b78aa5}
.folio-workspace-body .top-user{color:#6e566b;padding:5px 9px;font-size:12px}
.folio-workspace-body .top-user svg{color:#936a89}
.logout-form{margin:0}.logout-button{padding:0 12px;font-size:11px;white-space:nowrap}
.nav-area{position:fixed;top:78px;left:0;bottom:0;display:flex;z-index:50;box-shadow:10px 0 26px #26152109;max-width:100vw}
.folio-workspace-body .sidebar,.folio-workspace-body .nav-pod{position:relative;top:auto;left:auto;bottom:auto;flex-shrink:0;height:100%;min-height:0;overflow:auto;transform:none;transition:none;z-index:auto}
.folio-workspace-body .sidebar{width:var(--drawer-width);padding:26px 17px 20px 17px;display:flex;background:linear-gradient(160deg,#25232d 0%,#17171f 88%);color:#c6b8c3;border-right:1px solid #ffffff21}
.folio-workspace-body .nav-pod{width:194px;background:#eae2e9;border-right:1px solid #d2bfd0;padding:23px 9px 20px;color:#45374a;flex-direction:column;display:flex}
.folio-workspace-body [data-drawer-open="false"] .sidebar,.folio-workspace-body [data-pod-open="false"] .nav-pod{display:none}
.drawer-heading,.pod-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:30px;margin-bottom:24px;padding:0 11px}
.drawer-title,.pod-heading b{font-size:10px;letter-spacing:2px;font-weight:800;color:#f1dce8}
.drawer-hint{font-size:10px;opacity:.55;white-space:nowrap}
.pod-heading{padding:0 6px}.pod-heading b{color:#6e5266;letter-spacing:1.2px;font-size:10px}
.mini-switch{border:1px solid #bca8b6;border-radius:20px;background:#d1c2ce;color:#5d4958;width:30px;height:21px;display:grid;place-items:center;cursor:pointer}
.mini-switch[aria-checked="false"]{background:#fff;color:#985c87;border-color:#ad829e}
.folio-workspace-body .sidebar-label{color:#b69caf;font-size:10px;letter-spacing:2.1px;margin-bottom:9px;padding:0 10px}
.sidebar-caption{font-weight:400;letter-spacing:0;float:right;opacity:.57;text-transform:none}
.folio-workspace-body .sidebar-lower{margin-top:31px}
.nav-list{display:grid;gap:3px;align-content:start;min-height:18px;border-radius:8px}
.nav-draggable{display:flex;align-items:center;min-width:0;gap:1px;border:1px solid transparent;border-radius:9px;padding:2px 3px;cursor:grab}
.nav-draggable:active{cursor:grabbing}
.nav-draggable.is-dragging{opacity:.32}
.nav-list.drop-active{outline:1px dashed #dba4c7;outline-offset:4px}
.folio-workspace-body .side-link{flex:1;min-width:0;display:flex;align-items:center;gap:10px;margin:0;padding:10px 9px;color:#c6b7c5;border:1px solid transparent;border-radius:8px}
.folio-workspace-body .side-link svg{color:#b99eb3}
.folio-workspace-body .side-link.active{background:#ffffff12;border-color:#c89abc5e;padding:10px 9px;color:#fff}
.folio-workspace-body .side-link.active svg{color:#eabfdc}
.folio-workspace-body .side-link:hover{background:#ffffff12;color:white}
.folio-workspace-body .side-muted{font-size:12px;color:#a998aa;padding:9px}
.folio-workspace-body .side-count{background:#674f61;color:#f8ddef}
.nav-transfer{width:25px;height:28px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#bb9fb4;opacity:.45}
.nav-draggable:hover .nav-transfer,.nav-transfer:focus-visible{opacity:1;background:#ffffff18}
.pod-empty{font-size:11px;line-height:1.7;border:1px dashed #b69caf;border-radius:9px;padding:15px 12px;color:#836b7e;margin:15px 5px}
.pod-empty[hidden]{display:none}
.nav-pod .nav-draggable{gap:0;padding:0}
.nav-pod .side-link{color:#5a4659;padding:9px 5px;font-size:11px;gap:6px;line-height:1.3}
.nav-pod .side-link:hover,.nav-pod .side-link.active{background:#d9c9d7;color:#473748}
.nav-pod .side-link svg{width:14px;height:14px;color:#815e7c}
.nav-pod .side-count{display:none}
.nav-pod .nav-transfer{color:#765676;width:19px}
.nav-pod .nav-transfer:hover{background:#d7c1d1}
.folio-workspace-body .sidebar-bottom{margin-top:auto;padding-top:26px}
.folio-workspace-body .safety-note{border-color:#594253;background:#342a36;color:#c5aabe}
.folio-workspace-body .safety-note svg{color:#deadd2}
.folio-workspace-body .sidebar-meta{color:#b69eae}
.drawer-resizer{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;background:transparent;z-index:5;touch-action:none}
.drawer-resizer:hover,.drawer-resizer:focus-visible{background:#c196b177}
.nav-is-resizing,.nav-is-resizing *{user-select:none!important;cursor:col-resize!important}
.folio-workspace-body .main-content{max-width:1580px;padding:39px clamp(22px,3.4vw,62px) 75px}
.folio-workspace-body .footer{background:#f8f4f6;border-color:#e7dbe3;color:#968293;padding:19px clamp(22px,3.4vw,62px)}
.folio-workspace-body .footer b{color:#6a5266}
.nav-scrim{display:none}
/* Working pages receive the same print-like geometry and rose/silver palette. */
.folio-workspace-body .page-header{background:linear-gradient(94deg,#fffefd 7%,rgba(255,255,255,.90) 49%,rgba(255,255,255,.16) 100%),url('prism.webp') center right/cover;border-color:#e1d5dd;box-shadow:0 25px 58px #65526614}
.folio-workspace-body .page-header h1 em{color:#9a678b}
.folio-workspace-body .hero-art{opacity:.55;filter:grayscale(.6)}
.folio-workspace-body .hero-center{background:#3b2e3d}
.folio-workspace-body .orbit{border-color:#a8789a77}
.folio-workspace-body .orbit-pin{background:#a8789a}
.folio-workspace-body .stat-card strong{color:#423347}
.folio-workspace-body .featured-glyph{background:#eee4ec;color:#785970}
.folio-workspace-body .featured-glyph.runtime{background:#ece6ee;color:#695772}
.folio-workspace-body .featured-glyph.relay{background:#f1e7ec;color:#9b738c}
.folio-workspace-body .featured-glyph.narrator{background:#e9dfe9;color:#755c83}
.folio-workspace-body .featured-card:hover{background:#f9f0f6}
.folio-workspace-body .subtle-link,.folio-workspace-body .markdown-document a,.folio-workspace-body .taxonomy-card>span:last-child{color:#8d6480}
.folio-workspace-body .reading-outline>a:hover{color:#8d6480;border-color:#a77f9b;background:#fbf4f8}
.folio-workspace-body .markdown-document pre.codeblock{background:#22222d;color:#f5dfed}
.folio-workspace-body .markdown-document code{background:#f7edf3;color:#845d7d}
/* Shared-host setup / accessibility. */
/* First-run state uses the real /welcome composition, never the old fallback. */
.welcome-setup{margin:5px 0 18px;padding:22px 24px;border-radius:14px;background:#ffffff0c;
 border:1px solid #f4d8e33b;box-shadow:0 18px 55px #0d0b1333}
.welcome-setup .setup-step{margin:0 0 15px;color:#d9bace;letter-spacing:.2em;font-size:10px;font-weight:800}
.setup-command{background:#100f16;border:1px solid #766077;border-radius:9px;padding:17px 19px;margin-bottom:16px;
 color:#f6eaf1;overflow-x:auto}
.setup-command code{font-size:clamp(14px,1.4vw,17px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.welcome-setup>p:last-child,.setup-rescue{font-size:12px;line-height:1.8;color:#c8bac7}
.setup-rescue{max-width:410px;color:#a99bab}
.setup-rescue code,.welcome-setup>p code{color:#f1d3e5;font-size:.97em}

@media(max-width:1180px){.folio-workspace-body .topbar{padding:0 17px}.folio-workspace-body .topbar-path{display:none}.folio-workspace-body .top-search{width:220px}.folio-workspace-body .main-content{padding:29px 24px 55px}}
@media(max-width:820px){
  .folio-workspace-body .app-shell{--nav-offset:0px!important}
  .folio-workspace-body .main-shell{margin-left:0!important;padding-top:66px}
  .folio-workspace-body .topbar{height:66px;padding:0 13px}
  .folio-workspace-body .topbar-left{gap:11px}
  .folio-workspace-body .topbar-left .folio-wordmark{margin-right:0}
  .folio-workspace-body .topbar-right{gap:6px}
  .folio-workspace-body .top-search{width:39px;flex:0 0 39px;overflow:hidden}
  .folio-workspace-body .top-search:focus-within{width:clamp(120px,30vw,210px);flex-basis:auto}
  .folio-workspace-body .top-user{display:none}
  .folio-workspace-body .logout-button{font-size:10px;min-width:0;padding:0 8px}
  .nav-area{top:66px;box-shadow:20px 12px 60px #0004;max-width:95vw}
  .folio-workspace-body .nav-pod{width:170px}
  .folio-workspace-body .sidebar{width:min(var(--drawer-width),65vw)}
  .folio-workspace-body .nav-scrim{display:none;position:fixed;inset:66px 0 0;z-index:45;background:rgba(13,9,16,.55)}
  .folio-workspace-body .app-shell[data-drawer-open="true"] .nav-scrim,.folio-workspace-body .app-shell[data-pod-open="true"] .nav-scrim{display:block}
  .drawer-resizer{display:none}
  .folio-workspace-body .main-content{padding:24px 18px 48px}
  .welcome-stage{grid-template-columns:1fr}.welcome-art{position:absolute;inset:0;opacity:.32}.welcome-card{margin:auto;min-height:100svh;background:linear-gradient(125deg,#171720d9,#2a1d2ae8);max-width:none;position:relative;z-index:1;padding:clamp(28px,9vw,70px)}
}
@media(max-width:500px){
  .folio-workspace-body .sidebar{width:min(var(--drawer-width),85vw)}
  .folio-workspace-body .nav-pod{width:150px}
  .folio-workspace-body .top-search{display:none}
  .folio-workspace-body .page-header{background:linear-gradient(100deg,#fffdfdea,#fff6fbdd),url('prism.webp') center/cover}
  .splash-panel-one{width:70%}.splash-panel-two{width:75%}
  .splash-identity{left:9vw;bottom:11vh}.splash-identity h1{font-size:clamp(88px,25vw,135px)}
}
@media(prefers-reduced-motion:reduce){
 .folio-workspace-body .main-shell{transition:none}.splash-beam{box-shadow:none}
 .splash-world,.splash-identity{transform:none!important;will-change:auto}
 .splash-glass::before{filter:blur(55px);opacity:.32}
}

.folio-workspace-body .page-header:after{content:"";position:absolute;right:1.5%;top:-50px;width:240px;height:240px;opacity:.10;background:url('xti-mark.webp') center/contain no-repeat;mix-blend-mode:multiply;pointer-events:none}
.folio-workspace-body .page-header>*,.folio-workspace-body .page-header .hero-art{z-index:1}
/* v1.4 — Public XTi quick fire. The parallax art remains untouched. */
.qf-sr{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.qf-landing-top{position:absolute;top:clamp(18px,5vh,56px);left:clamp(18px,5vw,88px);right:clamp(18px,5vw,88px);z-index:8;display:flex;align-items:flex-start;gap:14px;justify-content:flex-end;pointer-events:none}
.qf-landing-top>*{pointer-events:auto}
.qf-container{color:#f8edf4;font-family:ui-sans-serif,'Segoe UI',Arial,sans-serif;width:min(100%,600px);--qf-edge:#d0abbf55;--qf-bg:#24232bdd;--qf-text:#f7e9f2;--qf-field:#100f18b3;--qf-muted:#dbc7d6ad}
.qf-compose{background:linear-gradient(137deg,#34303bc9,#181720e8);border:1px solid var(--qf-edge);border-radius:17px;padding:14px 16px 10px;box-shadow:0 18px 50px #0f0b14aa;backdrop-filter:blur(25px);position:relative}
.qf-compose-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.qf-monogram{font-size:12px;font-weight:800;color:#f4d9ea;letter-spacing:.23em}
.qf-compose select,.qf-compose input,.qf-compose textarea{color:var(--qf-text);background:var(--qf-field);border:1px solid var(--qf-edge);border-radius:8px;padding:9px 10px;font:inherit;font-size:13px;width:100%;resize:vertical}
.qf-compose select{width:auto;max-width:180px;cursor:pointer}
.qf-compose input:focus,.qf-compose textarea:focus,.qf-compose select:focus{outline:2px solid #bf94b9;border-color:transparent}
.qf-compose input::placeholder,.qf-compose textarea::placeholder{color:#c2b4c5a3}
.qf-compose textarea[data-qf-body]{line-height:1.55;min-height:67px;max-height:36vh}
.qf-local-label{letter-spacing:.14em;font-size:9px;color:#bfa2b6;flex:1;text-align:right;white-space:nowrap}
.qf-mini{color:#f5e3f0;border:1px solid var(--qf-edge);background:#ffffff12;padding:8px 11px;border-radius:7px;font-size:11px;cursor:pointer;white-space:nowrap}
.qf-mini:hover{background:#a877963b}
.qf-details{display:grid;grid-template-columns:1fr 1.1fr;gap:9px;padding-top:9px}
.qf-details label,.qf-selection label{font-size:10px;color:var(--qf-muted);display:grid;gap:5px}
.qf-selection{padding-top:9px}
.qf-selection textarea{max-height:140px}
.qf-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:11px}
.qf-hint{font-size:10px;color:var(--qf-muted)}
.qf-primary{background:linear-gradient(135deg,#e5c7d9,#ab88a7);color:#211723;border:0;border-radius:8px;font-weight:750;font-size:12px;padding:10px 15px;cursor:pointer;white-space:nowrap}
.qf-primary:disabled{opacity:.55;cursor:wait}
.qf-message{color:#ead0e3;font-size:11px;line-height:1.5;min-height:1.5em;margin-top:7px}
.qf-message[data-error=true]{color:#ffbac3}
.qf-welcome-link{color:#f6e8f0d4;text-decoration:none;font-size:11px;padding:10px 0;white-space:nowrap;text-shadow:0 2px 10px #101019}
.qf-welcome-link:hover{color:white}
.qf-library{background:#1c1925f5;border:1px solid var(--qf-edge);border-radius:14px;padding:13px;margin-top:10px;max-height:min(55vh,590px);overflow:auto;box-shadow:0 20px 65px #0a0716b8;backdrop-filter:blur(22px)}
.qf-library[hidden],.qf-key-box[hidden],.qf-read-note[hidden]{display:none!important}
.qf-library-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}
.qf-library-heading span{flex:1;font-size:10px;color:#ccbad1}
.qf-note{border-top:1px solid #b79db63e;padding:11px 0}
.qf-note-main p{font-size:12px;color:#f6eaf2;white-space:pre-wrap;max-height:130px;overflow:auto;margin:4px 0 6px}
.qf-note-meta{font-size:10px;color:#d4b9c7}
.qf-note-actions{display:flex;gap:6px;flex-wrap:wrap}
.qf-note-actions .qf-mini{font-size:10px;padding:6px 8px}
.qf-session-actions{border-top:1px solid #b79db63e;padding-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.qf-danger{color:#f4aab1}
.qf-key-box{margin-top:12px;padding:12px;border:1px solid #c59db35c;border-radius:10px;display:grid;gap:7px}
.qf-key-box label{font-size:11px}
.qf-key-box input{width:100%;font-size:12px;background:#09090e;color:#ffe8ef;border:1px solid #bd9ab0;padding:9px;border-radius:8px}
.qf-key-box small{color:#e8c9dc;font-size:10px}
.qf-read-note{border-top:1px solid #b79db63e;white-space:pre-wrap;line-height:1.7;padding-top:12px;font-size:12px}
.qf-in-workspace{color:#fff;width:100%;max-width:850px;margin-bottom:26px}
.qf-in-workspace .qf-compose{background:linear-gradient(120deg,#302a35,#1e1c28)}
.qf-in-workspace .qf-compose textarea[data-qf-body]{min-height:55px}
@media(max-width:1050px){.qf-landing-top{flex-direction:column;align-items:flex-end}.qf-local-label{display:none}}
@media(max-width:720px){
  .folio-splash{overflow-x:hidden;overflow-y:auto;min-height:100svh}
  .splash-world,.splash-glass{position:fixed}
  .qf-landing-top{position:relative;left:auto;right:auto;top:auto;margin:15px;align-items:stretch;min-height:0}
  .qf-landing-top .qf-container{width:100%}
  .splash-identity{position:relative;left:auto;bottom:auto;margin:30px 28px 20px}
  .splash-identity h1{font-size:clamp(80px,22vw,120px)}
  .qf-welcome-link{align-self:flex-end;padding:0 10px}
  .qf-details{grid-template-columns:1fr}
  .qf-hint{font-size:9px}
  .qf-actions{gap:9px}
}
@media(prefers-reduced-motion:reduce){.qf-container *{scroll-behavior:auto!important;animation:none!important}}