:root{--ink:#101114;--muted:#6b7280;--paper:#f6f1e7;--line:rgba(16,17,20,.12);--card:hsla(0,0%,100%,.78)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;background:#eee7d8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit}.docsApp{min-height:100vh;background:linear-gradient(120deg,hsla(0,0%,100%,.78),transparent 38%),radial-gradient(circle at 78% 8%,rgba(212,175,55,.2),transparent 32%),#eee7d8}.hero{min-height:420px;color:#fff;background:linear-gradient(135deg,rgba(10,11,14,.92),rgba(10,11,14,.68)),url(https://images.unsplash.com/photo-1496449903678-68ddcb189a24?auto=format&fit=crop&w=1800&q=82) 50%/cover}.topbar{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{height:34px;width:auto;filter:brightness(0) invert(1)}.topLinks{display:flex;gap:10px;flex-wrap:wrap}.readerBadge,.topLinks a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid hsla(0,0%,100%,.26);border-radius:999px;padding:10px 14px;color:#fff;font-weight:800;font-size:13px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px)}.heroInner{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:62px 0 78px;display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:36px;align-items:end;min-width:0}.eyebrow{color:#d4af37;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}h1{font-size:clamp(42px,7vw,82px);max-width:930px;line-height:.9;margin:16px 0;letter-spacing:0;overflow-wrap:balance}.hero p{max-width:780px;color:hsla(0,0%,100%,.82);font-size:18px;line-height:1.55}.nowPlaying{border:1px solid hsla(0,0%,100%,.18);border-radius:18px;padding:18px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(18px);min-width:0}.nowPlaying span{color:#d4af37;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.nowPlaying strong{display:block;max-width:100%;font-size:28px;line-height:1.05;margin-top:8px;white-space:normal;word-break:break-word}.nowPlaying p,.nowPlaying strong{overflow-wrap:anywhere}.controlDeck{width:min(1280px,calc(100% - 32px));margin:-34px auto 22px;position:sticky;top:10px;z-index:20;display:grid;grid-template-columns:minmax(240px,1fr) 2fr 180px;gap:10px;align-items:center;background:hsla(0,0%,100%,.86);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 22px 70px rgba(16,17,20,.12);backdrop-filter:blur(20px);min-width:0}.searchBox,.sortBox{height:44px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 12px}.searchBox input,.sortBox select{width:100%;border:0;background:transparent;color:var(--ink);outline:0}.chipRow{display:flex;gap:7px;overflow-x:auto;padding-bottom:1px}.chipRow button{border:1px solid var(--line);background:#fff;color:#374151;border-radius:999px;padding:10px 12px;font-weight:900;font-size:13px;cursor:pointer;white-space:nowrap}.chipRow button.active{background:var(--ink);color:#fff}.intelligenceStrip{width:min(1280px,calc(100% - 32px));margin:0 auto 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.intelCard{min-width:0;border:1px solid var(--line);border-radius:16px;padding:14px;background:hsla(0,0%,100%,.74);box-shadow:0 16px 50px rgba(16,17,20,.07);backdrop-filter:blur(16px)}.intelCard span{display:block;color:#6b7280;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.intelCard strong{display:block;margin:6px 0 3px;font-size:34px;line-height:.95}.intelCard p{margin:0;color:#4b5563;font-size:13px;line-height:1.25}.bookshelf{width:min(1280px,calc(100% - 32px));margin:0 auto 10px;padding:16px;background:hsla(0,0%,100%,.7);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 70px rgba(16,17,20,.09);backdrop-filter:blur(18px);overflow:hidden}.shelfLabel{font-family:Comic Sans MS,Bradley Hand,cursive;font-size:28px;line-height:1;margin-bottom:14px}.spineRail{min-height:178px;display:flex;align-items:flex-end;gap:9px;overflow-x:auto;padding:2px 0 10px;border-bottom:10px solid rgba(16,17,20,.1)}.bookSpine{--accent:#d4af37;position:relative;flex:0 0 76px;height:166px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(16,17,20,.28);border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,hsla(0,0%,100%,.28),transparent 16%,rgba(0,0,0,.1) 92%),color-mix(in srgb,var(--accent),#fff 10%);color:#111;box-shadow:7px 10px 18px rgba(16,17,20,.12);cursor:pointer;overflow:hidden}.bookSpine:nth-child(3n){height:190px}.bookSpine:nth-child(4n){height:150px;flex-basis:64px}.bookSpine:nth-child(5n){height:182px;flex-basis:86px}.bookSpine.active{transform:translateY(-8px);outline:4px solid rgba(16,17,20,.12);background:linear-gradient(90deg,hsla(0,0%,100%,.34),transparent 16%,rgba(0,0,0,.16) 92%),color-mix(in srgb,var(--accent),#fff 0)}.bookSpine strong{position:absolute;left:50%;top:50%;width:138px;transform:translate(-50%,-50%) rotate(-90deg);font-size:14px;line-height:.95;text-align:center;text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere}.spineCode,.spineMeta{position:absolute;left:8px;right:8px;font-size:10px;font-weight:900;text-align:center}.spineCode{top:8px}.spineMeta{bottom:8px;color:hsla(0,0%,7%,.72);writing-mode:vertical-rl;transform:rotate(180deg);left:auto;right:5px}.workspace{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:20px 0 60px;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(460px,1.08fr);gap:22px;align-items:start}.albumRail,.viewerCard{background:hsla(0,0%,100%,.72);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px rgba(16,17,20,.08);backdrop-filter:blur(16px);min-width:0}.railHeader{display:flex;justify-content:space-between;gap:12px;padding:16px;color:#4b5563;font-size:13px;font-weight:900}.railHeader span{display:inline-flex;align-items:center;gap:6px}.albumStack{display:grid;gap:12px;padding:0 16px 16px}.albumCard{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:stretch;width:100%;border:1px solid var(--line);border-radius:18px;background:hsla(0,0%,100%,.74);padding:10px;text-align:left;cursor:pointer;color:var(--ink);box-shadow:0 14px 38px rgba(16,17,20,.06);transform-style:preserve-3d}.albumCard.active{border-color:rgba(16,17,20,.55);background:#fff}.albumCover{--accent:#d4af37;min-height:128px;position:relative;overflow:hidden;border-radius:14px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),#111 12%),#111827 62%),#111827}.albumGlow{position:absolute;inset:-28%;background:radial-gradient(circle,color-mix(in srgb,var(--accent),#fff 22%),transparent 46%);opacity:.65;animation:rotateGlow 12s linear infinite}.albumGrid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.08) 1px,transparent 0);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent)}.albumBottom,.albumTop{position:absolute;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.albumTop{top:11px}.albumBottom{bottom:10px}.albumCenter{position:absolute;left:12px;right:12px;bottom:32px}.albumTone{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:hsla(0,0%,100%,.72);margin-bottom:4px}.albumCenter strong{display:block;font-size:19px;line-height:.95}.needle{position:absolute;right:18px;top:34px;width:2px;height:78px;background:hsla(0,0%,100%,.8);transform:rotate(28deg);transform-origin:top;box-shadow:0 0 18px hsla(0,0%,100%,.6)}.albumMeta{display:flex;justify-content:space-between;gap:12px}.albumMeta,.albumMeta>div:first-child{min-width:0}.albumMeta span{display:block;color:#6b7280;font-size:11px;font-weight:900}.albumMeta strong{display:block;font-size:21px;line-height:1;margin:7px 0}.albumMeta p{margin:0;color:#4b5563;line-height:1.35;font-size:14px}.score{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;color:#111;font-weight:900;white-space:nowrap}.viewerPane{position:sticky;top:92px}.viewerCard{padding:18px}.viewerHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.viewerHeader h2{font-size:clamp(30px,4vw,54px);line-height:.94;margin:10px 0 8px;letter-spacing:0}.viewerHeader p{color:#4b5563;margin:0;line-height:1.45}.categoryPill{--accent:#d4af37;display:inline-flex;border:1px solid color-mix(in srgb,var(--accent),#111 22%);color:color-mix(in srgb,var(--accent),#111 20%);background:color-mix(in srgb,var(--accent),#fff 78%);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.readerBadge{background:#111;color:#fff;border-color:#111;flex-shrink:0;cursor:default}.docStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.docStats div{background:#f7f3eb;border:1px solid var(--line);border-radius:14px;padding:12px}.docStats strong{display:block;font-size:24px;line-height:1}.docStats span{color:#6b7280;font-size:12px}.useCase{border-left:4px solid #111;padding:11px 14px;background:#fff;border-radius:12px;color:#374151;line-height:1.45}.pdfFrame{margin-top:16px;background:#1f2937;border-radius:18px;overflow:hidden;border:1px solid rgba(0,0,0,.18)}.pdfFrame iframe{display:block;width:100%;height:min(76vh,820px);border:0;background:#fff}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:980px){.controlDeck,.heroInner,.intelligenceStrip,.workspace{grid-template-columns:1fr}.heroInner{padding-top:42px}.controlDeck{position:relative;top:auto;margin-top:-28px}.bookshelf{margin-top:18px}.viewerPane{position:relative;top:auto}.pdfFrame iframe{height:68vh}}@media (max-width:640px){.controlDeck,.heroInner,.intelligenceStrip,.topbar,.workspace{width:calc(100% - 32px);max-width:1280px}.topbar{align-items:flex-start;flex-direction:column}h1{width:100%;max-width:100%;font-size:33px;line-height:1;white-space:normal;overflow-wrap:break-word}.hero{min-height:520px}.heroInner{padding:36px 0 54px}.albumRail,.controlDeck,.heroInner>div,.nowPlaying,.viewerCard,.workspace{max-width:calc(100vw - 32px)}.albumRail,.workspace{overflow:hidden}.hero p{max-width:100%;font-size:16px;overflow-wrap:break-word}.nowPlaying{width:100%;overflow:hidden}.nowPlaying strong{font-size:24px;line-height:1.08}.hero h1,.hero p{max-width:360px}.controlDeck{overflow:hidden}.chipRow{width:100%;min-width:0}.albumStack{padding:0 10px 12px}.albumCard{grid-template-columns:88px minmax(0,1fr);gap:10px;overflow:hidden}.albumMeta{display:block;min-width:0}.albumCover{min-height:100px}.albumCenter strong{font-size:15px}.albumMeta strong{font-size:17px;overflow-wrap:anywhere}.albumMeta p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.score{display:none}.viewerHeader{display:block}.readerBadge{margin-top:14px}.docStats{grid-template-columns:1fr}}