:root,[data-theme=dark]{--bg-page: #090c16;--bg-page-alt: #141a2c;--bg-glass: rgba(30,37,59,.64);--bg-glass-hover: rgba(49,59,88,.8);--bg-card: rgba(25,32,52,.86);--bg-header: rgba(17,23,40,.78);--bg-drawer: rgba(16,22,39,.96);--bg-dialog: rgba(24,31,50,.97);--bg-input: rgba(156,181,255,.065);--bg-chip: rgba(119,163,255,.12);--text-primary: #f5f6ff;--text-secondary: #aeb9d3;--text-muted: #9ba8c4;--text-logo: #f5f6ff;--text-header-btn: #b7c1d9;--border-glass: rgba(192,210,255,.15);--border-card: rgba(192,210,255,.12);--border-input: rgba(192,210,255,.19);--divider-color: rgba(192,210,255,.12);--shadow-card: 0 16px 40px -26px #000a, inset 0 1px 0 #ffffff09;--shadow-card-hover: 0 24px 50px -22px #000b, 0 0 30px -15px #6984ff55;--mesh-bg: radial-gradient(ellipse at 12% 15%, #293d762b, transparent 48%), radial-gradient(ellipse at 92% 35%, #674b9c22, transparent 45%), #090c16;--icon-color: #b7c7e6;--ios-blue: #86afff;--ios-blue-rgb: 134,175,255;--ios-cyan: #72d9eb;--ios-pink: #f59cbe;--ios-amber: #f1c08a;--spring-easing: cubic-bezier(.2,.8,.2,1);--glass-highlight: rgba(255,255,255,.065)}[data-theme=light]{--bg-page: #f2f4fa;--bg-page-alt: #e8edf7;--bg-glass: rgba(255,255,255,.66);--bg-glass-hover: rgba(255,255,255,.94);--bg-card: rgba(255,255,255,.87);--bg-header: rgba(255,255,255,.78);--bg-drawer: rgba(245,248,255,.97);--bg-dialog: rgba(248,250,255,.98);--bg-input: rgba(89,115,164,.06);--bg-chip: rgba(44,100,217,.09);--text-primary: #17213c;--text-secondary: #53617d;--text-muted: #5d6d87;--text-logo: #17213c;--text-header-btn: #53617d;--border-glass: rgba(54,76,128,.15);--border-card: rgba(54,76,128,.14);--border-input: rgba(54,76,128,.23);--divider-color: rgba(54,76,128,.14);--shadow-card: 0 16px 40px -28px #293a6860, inset 0 1px 0 #fff;--shadow-card-hover: 0 24px 44px -22px #293a6855, 0 0 24px -12px #6984ff33;--mesh-bg: radial-gradient(ellipse at 10% 5%, #c4d9ff88, transparent 50%), radial-gradient(ellipse at 85% 25%, #e4d2f888, transparent 45%), #f2f4fa;--icon-color: #53617d;--ios-blue: #2365d9;--glass-highlight: rgba(255,255,255,.65)}*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0}html,body,#root{min-height:100%;background-color:var(--bg-page);color:var(--text-primary)}body,button,input{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}a{color:var(--ios-blue)}button{font-size:inherit}::selection{background:#6b8fff55}:focus-visible{outline:3px solid var(--ios-blue);outline-offset:4px}.app-shell{isolation:isolate}.premium-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mesh-bg);pointer-events:none}.premium-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#9eafde12 .6px,transparent .6px);background-size:5px 5px;opacity:.35}.glass-surface{background:var(--bg-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-card)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--bg-dialog);padding:16px 24px;z-index:99999;border-radius:12px}.skip-link:focus{top:12px}.glass-app-bar{width:calc(100% - 48px)!important;max-width:1440px;margin:18px auto 0;top:14px!important;background:var(--bg-header)!important;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border:1px solid var(--border-glass);border-radius:24px;box-shadow:0 8px 32px #00000012,inset 0 1px #ffffff14}.header-logo-container{display:flex;align-items:center;cursor:pointer;text-decoration:none;flex-shrink:0}.logo-img-original{height:34px;width:34px;object-fit:contain}.logo-text-stack{display:flex;flex-direction:column;line-height:1}.original-title{margin:0;font-size:16px;font-weight:800;letter-spacing:1px;color:var(--text-logo)}.subtitle-accent{color:var(--ios-blue);font-size:9px;margin-top:5px;letter-spacing:4px;font-weight:700}.header-btn{display:inline-flex;align-items:center;padding:10px 15px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:600;color:var(--text-header-btn);transition:background .2s,color .2s;white-space:nowrap}.header-btn:hover,.header-btn[aria-current=page]{background:var(--bg-input);color:var(--text-primary)}.header-btn[aria-current=page]{box-shadow:inset 0 1px #ffffff0c}.mobile-dock{display:none}.home-page{padding-top:44px;padding-bottom:48px}.discovery-hero{overflow:clip;display:grid;grid-template-columns:1fr 1fr;gap:38px;min-height:566px;padding:38px 30px 54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:10px;letter-spacing:2px;font-weight:700}.status-light{width:6px;height:6px;border-radius:50%;background:#8bdcce;box-shadow:0 0 14px #8bdcce99}.hero-copy h1{margin:22px 0 20px;font-size:clamp(50px,5.4vw,80px);line-height:1.02;letter-spacing:-.065em;font-weight:730}.prismatic-text{background:linear-gradient(105deg,#7bb6ff 2%,#b7a0ff 55%,#f4b6ce);background-clip:text;-webkit-background-clip:text;color:transparent}[data-theme=light] .prismatic-text{background-image:linear-gradient(105deg,#215cda,#8a4dc8 60%,#b7457c)}.hero-description{max-width:410px;margin:0 0 30px;color:var(--text-secondary);font-size:16px;line-height:1.75}.discovery-search{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;max-width:490px;background:var(--bg-glass);border:1px solid var(--border-input);border-radius:20px;box-shadow:inset 0 1px #ffffff0a,0 8px 28px #00000010;transition:box-shadow .3s,border-color .3s}.discovery-search:focus-within{border-color:#81aaff;box-shadow:0 0 0 4px #698fff16}.discovery-search>svg{color:var(--text-muted);width:22px}.discovery-search input{width:100%;min-width:0;background:none;border:0;outline:none;color:var(--text-primary);font-size:14px}.discovery-search input::placeholder{color:var(--text-muted);opacity:1}.discovery-search button{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #ffffff30;border-radius:14px;color:#fff;background:linear-gradient(135deg,#5699ff,#645cec);cursor:pointer;box-shadow:0 4px 14px #526dff33}.search-inspiration{display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-width:490px;margin-top:17px;font-size:10px;color:var(--text-muted)}.search-inspiration button{border:0;background:var(--bg-input);border-radius:7px;padding:5px 8px;color:var(--text-secondary);font-size:10px;cursor:pointer}.search-inspiration button:hover{color:var(--ios-blue)}.hero-scene{position:relative;min-width:0;transform:perspective(1200px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));padding:40px 0 60px}.scene-halo{position:absolute;width:130%;aspect-ratio:1;top:-15%;left:-15%;background:radial-gradient(ellipse,#658bff33,#a67bff18 35%,transparent 65%);pointer-events:none}.orbital-ring{position:absolute;width:104%;height:80%;border:1px solid #95a9ff16;border-radius:50%;top:10%;left:-2%;transform:rotate(-25deg);pointer-events:none}.discovery-window{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--glass-highlight),transparent 55%),var(--bg-glass);box-shadow:0 30px 90px -30px #0008,inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.window-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--border-glass);color:var(--text-secondary);font-size:10px}.window-toolbar>svg{opacity:.6;width:15px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#f18c9c}.window-dots i:nth-child(2){background:#e5c28c}.window-dots i:nth-child(3){background:#8bcdb3}.window-content{padding:27px 27px 20px}.window-content .eyebrow{font-size:8px;letter-spacing:1.6px}.window-content h2{margin:13px 0 28px;font-size:clamp(25px,2.6vw,38px);line-height:1.15;letter-spacing:-.04em;font-weight:600}.glass-books{display:flex;gap:12px;height:174px;align-items:flex-end;perspective:800px}.glass-book{width:33.33%;height:160px;border:1px solid #ffffff40;border-radius:11px;padding:16px 13px;display:flex;flex-direction:column;box-shadow:5px 10px 20px #0003,inset 4px 0 #ffffff12;transform:rotate(-7deg);transition:transform .6s var(--spring-easing);color:#f4f5ff}.glass-book svg{font-size:22px;margin-bottom:13px}.glass-book span{font-size:6px;letter-spacing:1px;opacity:.8}.glass-book b{font-size:clamp(12px,1.3vw,18px);font-weight:600;line-height:1.25;margin-top:7px;letter-spacing:-.03em}.book-blue{background:linear-gradient(145deg,#679de5dd,#25528bad)}.book-purple{background:linear-gradient(145deg,#a394e8ee,#695ba5ba);transform:translateY(-14px) rotate(1deg)}.book-peach{background:linear-gradient(145deg,#e1a6b8ee,#985b88ba);transform:rotate(8deg)}.window-explore{margin-top:26px;padding-top:15px;border-top:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:11px;text-decoration:none}.window-explore:hover{color:var(--ios-blue)}.floating-note{position:absolute;bottom:0;left:-12px;display:flex;align-items:center;gap:13px;padding:15px 20px;border-radius:18px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:floatNote 8s ease-in-out infinite}.floating-note strong{display:block;font-size:11px;font-weight:650}.floating-note div>span{display:block;margin-top:5px;font-size:9px;color:var(--text-secondary)}.note-icon{display:grid;place-items:center;color:#a5baff;background:#7c9dff20;width:37px;height:37px;border-radius:12px}.source-strip{padding:26px 30px;border-block:1px solid var(--divider-color);display:flex;align-items:center;justify-content:space-between;gap:25px}.source-strip>span{font-size:8px;letter-spacing:1.8px;color:var(--text-muted)}.source-strip>div{display:flex;justify-content:space-between;align-items:center;gap:40px;color:var(--text-secondary);font-size:17px;font-weight:650;letter-spacing:-.5px}.source-strip>div span:first-child{font-family:Georgia,serif;font-weight:400;font-size:23px}.learning-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-block:38px 64px}.learning-tool{padding:21px 15px;border-radius:19px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);transition:transform .45s var(--spring-easing),border-color .3s,box-shadow .3s}.tool-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;flex-shrink:0;background:color-mix(in srgb,var(--tool-accent) 12%,transparent);color:var(--tool-accent)}.tool-icon svg{width:20px}.learning-tool strong{display:block;font-size:11px;font-weight:650}.learning-tool div>span{display:block;font-size:9px;color:var(--text-secondary);margin-top:6px}.learning-tool .tool-arrow{display:none}[data-theme=light] .tool-icon{color:color-mix(in srgb,var(--tool-accent) 65%,#142143)}.catalog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.catalog-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;margin:10px 0;font-weight:650}.catalog-heading p{margin:0;color:var(--text-secondary);font-size:13px}.catalog-heading>a{font-size:11px;flex-shrink:0}.category-selector{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:5px 3px 18px;margin-bottom:26px;scrollbar-width:thin}.category-selector button{display:flex;gap:7px;align-items:center;white-space:nowrap;border:1px solid var(--border-glass);color:var(--text-secondary);background:var(--bg-input);border-radius:11px;padding:10px 14px;font-size:11px;cursor:pointer;transition:background .25s,color .25s}.category-selector button span{width:5px;height:5px;border-radius:50%}.category-selector button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-page);border-color:transparent}.category-selector button:hover:not([aria-pressed=true]){background:var(--bg-glass-hover)}.catalog-shelf{margin-bottom:42px}.shelf-heading,.shelf-title,.shelf-actions{display:flex;align-items:center}.shelf-heading{justify-content:space-between;gap:12px;padding-inline:4px;margin-bottom:17px}.shelf-title{gap:12px}.category-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--category-accent) 12%,transparent);color:var(--category-accent)}.category-icon svg{width:20px}.shelf-title h3{font-size:17px;font-weight:650;letter-spacing:-.5px;margin:0}.shelf-title p{margin:4px 0 0;font-size:10px;color:var(--text-muted)}.shelf-actions{gap:4px}.shelf-actions>a{display:flex;align-items:center;gap:8px;margin-left:12px;font-size:11px;text-decoration:none}.shelf-actions .MuiIconButton-root{width:32px;height:32px;border:1px solid var(--border-glass)}.shelf-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 4px 24px;scrollbar-width:thin;scroll-padding:4px}.shelf-book{width:234px;flex:0 0 234px;scroll-snap-align:start}.ios-item-card{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:21px!important;position:relative;box-shadow:var(--shadow-card)!important;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transition:box-shadow .35s,border-color .35s}.ios-item-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0%),#ffffff0c,transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;border-radius:inherit}.ios-item-card:hover:after{opacity:1}.book-title-link{color:inherit;text-decoration:none}.book-title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.book-actions{position:relative;z-index:1}.item-title{letter-spacing:-.3px}.item-details{color:var(--text-secondary)}.catalog-empty{padding:50px 25px;border-radius:26px;text-align:center;color:var(--text-secondary);margin-bottom:40px}.catalog-empty>svg{font-size:38px;color:var(--ios-blue)}.catalog-empty h3{color:var(--text-primary)}.catalog-empty p{font-size:14px;max-width:500px;margin:0 auto 24px;line-height:1.7}.closing-note{display:flex;align-items:center;gap:20px;padding:30px;border-radius:24px;background:linear-gradient(110deg,#6b90ff0c,#b59aff0c),var(--bg-glass)}.closing-note>svg{font-size:33px;color:var(--ios-blue)}.closing-note h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0 0 7px}.closing-note p{font-size:12px;color:var(--text-secondary);margin:0}.closing-note>a{margin-left:auto;white-space:nowrap}.results-container,.filter-bar-premium{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:22px;box-shadow:var(--shadow-card)}.results-container{padding:24px;margin-top:16px}.divider-subtle{border-color:var(--divider-color)}.page-enter-animation{animation:pageSlideUp .5s var(--spring-easing) both}.route-loading{min-height:55vh;display:grid;place-items:center;color:var(--text-secondary)}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes navBarProgress{0%{transform:scaleX(0)}to{transform:scaleX(1);opacity:0}}@keyframes floatNote{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(-1deg)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ios-item-card:hover{border-color:#86afff77!important;box-shadow:var(--shadow-card-hover)!important}.learning-tool:hover{transform:translateY(-5px);border-color:var(--tool-accent);box-shadow:var(--shadow-card-hover)}.hero-scene:hover .book-blue{transform:rotate(-11deg) translateY(-6px)}.hero-scene:hover .book-purple{transform:translateY(-22px) rotate(1deg)}.hero-scene:hover .book-peach{transform:rotate(12deg) translateY(-6px)}button:active,.MuiButtonBase-root:active{transform:scale(.96)}}::-webkit-scrollbar{width:7px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8599c044;border-radius:99px}@media(min-width:1536px){.discovery-hero{padding-inline:70px;gap:70px}}@media(max-width:1100px){.discovery-hero{gap:25px;padding-inline:15px}.source-strip>div{gap:25px;font-size:14px}.learning-tools{grid-template-columns:repeat(2,1fr)}.learning-tool{padding:20px}.learning-tool strong{font-size:13px}.learning-tool div>span{font-size:11px}.learning-tool .tool-arrow{display:block;margin-left:auto;color:var(--text-muted)}}@media(max-width:767px){.glass-app-bar{width:calc(100% - 24px)!important;margin-top:12px;top:10px!important;border-radius:20px}.home-page{padding-top:24px}.discovery-hero{grid-template-columns:1fr;gap:10px;padding:25px 6px 12px}.hero-copy h1{font-size:clamp(49px,11vw,72px);margin-top:20px}.hero-description{font-size:14px;max-width:450px}.hero-copy h1 br:nth-child(2){display:none}.hero-copy h1 .prismatic-text{margin-left:.12em}.discovery-search,.search-inspiration{max-width:none}.hero-scene{padding:35px 12px 60px;width:100%;max-width:470px;margin:auto}.window-content h2{font-size:31px}.window-content{padding:24px}.glass-book b{font-size:16px}.floating-note{left:0;bottom:6px}.source-strip{flex-direction:column;gap:18px;padding:20px 6px}.source-strip>div{flex-wrap:wrap;justify-content:center;gap:15px 22px;font-size:13px}.source-strip>div span:first-child{font-size:19px}.learning-tools{gap:10px;padding-block:25px 42px}.learning-tool{padding:16px 12px;flex-direction:column;align-items:flex-start;gap:12px}.learning-tool strong{font-size:11px}.learning-tool div>span{font-size:10px}.tool-arrow{display:none}.tool-icon{width:35px;height:35px}.catalog-heading{align-items:flex-start}.catalog-heading>a{padding:8px;font-size:10px}.catalog-heading>a .MuiButton-endIcon{display:none}.catalog-heading h2{font-size:27px}.catalog-heading p{font-size:11px}.catalog-heading .eyebrow{font-size:8px}.category-selector{margin-bottom:17px}.shelf-book{width:218px;flex-basis:218px}.shelf-track{gap:13px}.shelf-title h3{font-size:16px}.shelf-actions>a{margin-left:5px}.shelf-actions .MuiIconButton-root{display:none}.closing-note{padding:24px;gap:14px;flex-wrap:wrap}.closing-note div{flex:1}.closing-note h2{font-size:17px}.closing-note p{font-size:11px;line-height:1.6}.closing-note>a{margin-left:40px}.mobile-dock{display:flex;position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:7px;gap:3px;width:min(calc(100% - 28px),420px);z-index:1100;border-radius:23px;background:var(--bg-header);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--border-glass);box-shadow:0 10px 35px #0004,inset 0 1px #ffffff18}.mobile-dock a{flex:1;display:flex;gap:4px;flex-direction:column;align-items:center;color:var(--text-secondary);text-decoration:none;font-size:9px;border-radius:17px;padding:7px 4px}.mobile-dock a svg{font-size:21px}.mobile-dock a[aria-current=page]{background:var(--bg-chip);color:var(--ios-blue)}.app-shell{padding-bottom:92px}}@supports not (backdrop-filter: blur(1px)){.glass-surface,.glass-app-bar,.mobile-dock{background:var(--bg-dialog)!important}}@media(prefers-reduced-transparency:reduce){.glass-surface,.glass-app-bar,.mobile-dock{background:var(--bg-dialog)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-scene,.ios-item-card{transform:none!important}.floating-note{animation:none}}body.high-contrast{--text-primary: #fff;--text-secondary: #fff;--text-muted: #fff;--bg-card: #000;--bg-glass: #000;--bg-page: #000;--border-glass: #fff;--border-card: #fff}body.high-contrast .prismatic-text{color:#fff;background:none}
