.app-container--3d{background:#090909;height:100dvh;overflow:hidden}.app-container--3d .app-content{flex:1;width:100%;max-width:none;min-height:0;padding:0;display:flex}.nave-page{color:#e8dcc7;background:#090909;flex:1;min-width:0;position:relative;overflow:hidden}.nave-viewport{position:absolute;inset:0}.nave-viewport canvas{width:100%;height:100%;display:block}.nave-heading{pointer-events:none;text-shadow:0 2px 12px #000;position:absolute;top:25px;left:32px}.nave-heading>span,.nave-eyebrow{letter-spacing:.22em;color:#c9a46a;font-size:10px}.nave-heading h1{color:#ecdfca;margin:7px 0 5px;font-size:clamp(18px,2vw,27px)}.nave-heading p{color:#c8baa5;font-size:11px}.nave-details-toggle{color:#e6d5b9;cursor:pointer;background:#201913e8;border:1px solid #a0835666;border-radius:4px;padding:9px 13px;position:absolute;top:22px;right:24px}.nave-details{scrollbar-width:thin;scrollbar-color:#80694c #211a15;background:#211a15ed;border:1px solid #ae8b503d;border-radius:5px;width:min(310px,100% - 48px);max-height:calc(100% - 205px);padding:23px;position:absolute;top:73px;right:24px;overflow-y:auto;box-shadow:0 12px 40px #0006}.nave-details h2{color:#eddfc7;margin:14px 0 9px;font-size:25px}.nave-author{color:#c6b59a;font:italic 14px var(--font-heading)}.nave-meta{color:#c5a677;border-bottom:1px solid #b18c4c30;padding-bottom:16px;font-size:11px}.nave-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:22px;display:flex}.nave-actions .btn{padding:8px 11px;font-size:11px}.nave-actions a{color:#d7b780;font-size:11px}.nave-details h3{color:#ddccae;font-size:16px}.nave-description{white-space:pre-wrap;color:#d6c9b4;font-size:12px;line-height:1.85}.nave-subjects{flex-wrap:wrap;gap:6px;display:flex}.nave-subjects span{color:#c8ad80;border:1px solid #d1b27c30;border-radius:3px;padding:4px 7px;font-size:9px}.nave-loading{color:#dfc799;font-size:12px}.nave-bottom{pointer-events:none;justify-content:space-between;align-items:end;gap:16px;display:flex;position:absolute;bottom:20px;left:25px;right:25px}.nave-progress{min-width:160px;font:20px var(--font-heading);text-shadow:0 2px 8px #000}.nave-progress span{font:10px var(--font-body);color:#cebea3;margin-top:7px;display:block}.nave-controls{pointer-events:auto;background:#211a15ed;border:1px solid #ad8d5945;border-radius:6px;align-items:center;gap:18px;padding:12px 18px;display:flex}.nave-controls button{color:#e8dcc7;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;min-width:65px}.nave-controls button:disabled{opacity:.35;cursor:default}.nave-controls button span,.nave-controls kbd{font:14px var(--font-body);border:1px solid #a28e70;border-radius:3px;padding:1px 6px;display:inline-block}.nave-controls small{margin-top:6px;font-size:9px;display:block}.nave-controls__hint{text-align:center;letter-spacing:.13em;color:#bd9a64;font-size:8px}.nave-controls__hint span{color:#ddc8a4;letter-spacing:0;margin-top:7px;font-size:10px;display:inline-block}.nave-page-status{color:#c4b499;text-align:right;text-shadow:0 2px 8px #000;width:190px;font-size:9px}.nave-notice{text-align:center;background:#211a15f5;border:1px solid #a08356;border-radius:5px;max-width:90%;padding:25px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.nave-notice a{color:#e1bc7d;text-decoration:underline}@media (width<=900px){.nave-details{width:260px}.nave-page-status{display:none}.nave-heading{max-width:52%;left:20px}}@media (width<=600px){.nave-heading{top:15px;left:14px}.nave-heading h1{font-size:16px}.nave-heading p{font-size:9px}.nave-details-toggle{font-size:10px;top:14px;right:12px}.nave-details{width:230px;max-height:calc(100% - 175px);padding:16px;top:57px;right:12px}.nave-details h2{font-size:20px}.nave-bottom{gap:8px;bottom:14px;left:12px;right:12px}.nave-progress{min-width:0;font-size:16px}.nave-progress span{max-width:85px;font-size:8px}.nave-controls{gap:7px;padding:10px 7px;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.nave-controls__hint{display:none}}