/* Vibrant nature + tech layer. Content and controls remain native HTML. */
:root{--ti-emerald:#087756;--ti-teal:#139c8c;--ti-mint:#eaf6e9;--ti-ink:#14392f;--ti-depth:#07503e;--ti-gold:#eadc8e}
.workspace-page{background:#eff8e9;color:var(--ti-ink)}
.workspace-content{position:relative;isolation:isolate}
.ti-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#edf6e8 url('assets/nature-tech-ambient.webp') center/cover}
.ti-atmosphere>i{position:absolute;display:block;pointer-events:none}
.ti-aurora{width:90vmax;height:42vmax;border-radius:50%;background:radial-gradient(ellipse at center,#61e3ba40,transparent 68%);filter:blur(22px);top:-20%;right:-20%;animation:ti-aurora 22s ease-in-out infinite alternate!important}
.ti-aurora.second{background:radial-gradient(ellipse at center,#c9e96848,transparent 65%);top:auto;bottom:-35%;left:-25%;animation-duration:29s!important;animation-delay:-9s!important}
.ti-orbit{width:88vmax;height:52vmax;right:-38vmax;top:5%;border:1px solid #ffffffa6;border-radius:50%;box-shadow:0 0 28px #88ecca36;animation:ti-orbit 38s linear infinite!important}
.ti-orbit.second{right:auto;left:-45vmax;top:35%;width:70vmax;height:40vmax;border-color:#a6d5af55;animation-direction:reverse!important;animation-duration:51s!important}
.ti-particle{width:5px;height:5px;left:var(--x);top:var(--y);border-radius:50%;background:#fff9ca;box-shadow:0 0 10px 3px #f0d8807d;animation:ti-float var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}
.ti-particle:nth-child(3n){background:#65dbb7;box-shadow:0 0 10px 2px #65dbb760;width:4px;height:4px}
@keyframes ti-aurora{from{transform:translate3d(-3%,0,0) rotate(-14deg);opacity:.6}to{transform:translate3d(12%,12%,0) rotate(14deg);opacity:1}}
@keyframes ti-orbit{from{transform:rotate(-18deg) translate3d(0,-3%,0)}to{transform:rotate(342deg) translate3d(0,-3%,0)}}
@keyframes ti-float{0%,100%{transform:translate3d(0,0,0);opacity:.2}45%{transform:translate3d(18px,-38px,0);opacity:.95}75%{transform:translate3d(-10px,-20px,0);opacity:.45}}
.ti-effects-off .ti-atmosphere>i,.ti-effects-paused .ti-atmosphere>i{animation-play-state:paused!important}
.ti-effects-off .ti-atmosphere>i{opacity:0}
.workspace-topbar,.workspace-content>.tools-header{background:#f6fcf0d9;border-color:#acd7c333;backdrop-filter:blur(14px)}
.workspace-sidebar{background:linear-gradient(155deg,#12583e,#073d32 58%,#116149);border-color:#17775b;box-shadow:8px 0 32px #07453612}
.workspace-sidebar-top{border-color:#83d7ad26}.workspace-brand svg{fill:#d8e98b}.workspace-brand span{color:#fbf8dc}
.workspace-sidebar-scroll{padding:17px 14px;scrollbar-color:#4fb38b #0c4837}
.workspace-nav{gap:9px}
.workspace-nav a{border-radius:12px;border:1px solid #9dddd31c;background:linear-gradient(180deg,#1d765343,#0a48324d);box-shadow:inset 0 1px 0 #ffffff13,0 3px 0 #033e2c;color:#e4f2df;min-height:43px;padding:12px;font-size:12px;transition:transform .18s,background .18s,box-shadow .18s}
.workspace-nav a:hover{background:linear-gradient(135deg,#1b9169,#146454);transform:translateY(-1px);color:#fff}
.workspace-nav a[aria-current]{background:linear-gradient(135deg,#20a770,#0c7e68);color:#fff;box-shadow:inset 0 1px 1px #f0ffb654,0 4px 0 #034c37,0 8px 18px #053d3650;border-color:#68d29d;font-weight:650}
.workspace-nav a[data-workspace-book]:not([aria-current]){background:linear-gradient(#fffdeb,#f2f7da);color:#21543e;border-color:#e9edc5;box-shadow:inset 0 1px 0 #fff,0 4px 0 #829e62}
.workspace-nav small{color:inherit}.workspace-categories{margin-top:23px}.workspace-categories summary{color:#c9e3b3}
.workspace-categories button{border-radius:7px;color:#d0e4cf}.workspace-categories button[aria-current]{background:#267855;color:#fcffe7;box-shadow:0 2px 0 #034d35}
.workspace-sidebar-bottom>a{background:linear-gradient(135deg,#238f68,#12675a);border:1px solid #64c7915c;border-radius:11px;box-shadow:inset 0 1px 0 #cbf6d729,0 4px 0 #043d31;padding:12px;font-size:11px;color:#fff}
.workspace-sidebar-bottom{padding:16px 18px}.workspace-sidebar-bottom p{color:#c0d9bb}
.workspace-page .reader-heading{background:#f0fae573;border-bottom:1px solid #c4dfbb4a;padding:21px 30px;gap:18px}
.workspace-page .reader-heading h1{font-size:34px;color:#103f31}
.book-switch{background:transparent;border:0;gap:12px;padding:5px 0;flex-shrink:0;border-radius:0}
.workspace-page .book-switch a{display:flex;align-items:center;justify-content:center;min-height:45px;padding:11px 18px;border-radius:12px;font:600 12px/1.4 'Segoe UI',sans-serif;white-space:nowrap;border:1px solid #c1d6a1;background:linear-gradient(#fffdf0,#f1f5d8);color:#2b513d;box-shadow:inset 0 1px 0 #fff,0 4px 0 #99ad78,0 7px 12px #43672c1c;transition:transform .16s,box-shadow .16s}
.workspace-page .book-switch a[aria-current]{background:linear-gradient(135deg,#18a474,#076f58);color:#fff;border-color:#3dab85;box-shadow:inset 0 1px 0 #caffbf63,0 4px 0 #074d3b,0 8px 16px #0a7e5440}
.ti-controls{display:flex;gap:9px;align-items:center;margin-left:auto;flex-shrink:0}
.ti-control{font:500 11px/1.4 'Segoe UI',sans-serif;display:flex;align-items:center;gap:7px;border:1px solid #c4dbc7;padding:8px 11px;border-radius:9px;background:linear-gradient(#fbfff2,#e6f1de);color:#235541;box-shadow:0 3px 0 #b2c5a3;cursor:pointer;min-height:34px}
.ti-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ti-control[aria-pressed=false]{color:#67766c;background:#f1f4e9}.ti-control:disabled{opacity:.7;cursor:default}
.ti-control:focus-visible,.book-switch a:focus-visible{outline:3px solid #d0a744;outline-offset:4px}
:is(.workspace-page,.course-detail) :is(.cta,.teroka-button,.tools-button,.studio-buy button,.studio-output-actions button,.studio-tools button,.studio-builder-footer button,.studio-steps button,.browse-filters button,.workspace-menu-toggle,.workspace-menu-close,.studio-category-switch button,.resource-copy>a,.studio-product-actions a),.ebook-browser :is(.copy-btn,.ebook-random-action,.btn-donate,.theme-toggle){border-radius:11px!important;box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 #abc0a1,0 7px 13px #174b3214!important;border:1px solid #bdd8bd;transition:transform .16s,box-shadow .16s,background .16s}
:is(.workspace-page,.course-detail) :is(.cta,.teroka-button,.tools-button,.studio-buy button,.studio-copy,.studio-next),.ebook-browser :is(.copy-btn,.theme-toggle){background:linear-gradient(135deg,#159b70,#087961)!important;color:#fff!important;border-color:#32a480;box-shadow:inset 0 1px 0 #ffffff66,0 4px 0 #05513e,0 8px 16px #0c7d4930!important}
:is(.workspace-page,.course-detail) :is(.cta,.teroka-button,.tools-button,.studio-buy button,.studio-output-actions button,.studio-tools button,.studio-builder-footer button,.studio-steps button,.browse-filters button,.workspace-menu-toggle,.studio-category-switch button,.resource-copy>a,.studio-product-actions a):active,.ebook-browser :is(.copy-btn,.ebook-random-action,.theme-toggle):active,.book-switch a:active,.ti-control:active{transform:translateY(3px)!important;box-shadow:inset 0 1px 2px #082d2724,0 1px 0 #396543!important}
.workspace-page .browse-filters{gap:8px;background:#e0efd6;border:1px solid #c1dabc;padding:6px;border-radius:12px}
.workspace-page .browse-filters [aria-pressed=true]{background:linear-gradient(135deg,#179b6d,#137c61);color:#fff;box-shadow:inset 0 1px 0 #ffffff45,0 3px 0 #07503e!important}
.workspace-page .browse-search{background:#fffff2e6;border-color:#b7d5b1;box-shadow:0 3px 12px #225b3610}
.workspace-page .course-card,.workspace-page .free-resource{background:#fffff3ed;box-shadow:0 6px 24px #185b3210;border-color:#bed9ad}
.workspace-page .studio-product-card{background:linear-gradient(120deg,#125c3f,#08776a);box-shadow:0 6px 22px #08785824;border-color:#3bb584}
.workspace-page .studio-builder,.workspace-page .studio-output{background:#fffff5ef;border-color:#bcd8b2;box-shadow:0 6px 24px #25643c0f}
.workspace-page .studio-category-switch button{background:linear-gradient(#fbfff1,#e6f3df);color:#23583e}.workspace-page .studio-category-switch button[aria-pressed=true]{background:linear-gradient(135deg,#168f5e,#076e5b);color:#fff;border-color:#4db98a;box-shadow:inset 0 1px 0 #ffffff44,0 4px 0 #074d37!important}
.workspace-page .resource-copy>a,.workspace-page .studio-product-actions a{display:inline-flex;padding:9px 15px;gap:9px;text-decoration:none;background:#eff7de;color:#164b34}
.ebook-browser{--primary:#07805c;--secondary:#456d45;--accent:#dbc961;--content-bg:#edf6e8;--card-bg:#fffef3;--border-color:#bcd9ad;--text-color:#183e31;--prompt-bg:#073c32;--prompt-text:#e2f6df}
.ebook-browser .top-bar{background:#f4fcecbf!important;backdrop-filter:blur(12px);border-color:#c1dbb37a;padding:16px 28px}
.ebook-browser #main-wrapper{background:transparent!important;position:relative;isolation:isolate}
.ebook-browser #main-content{background:transparent!important}
.ebook-browser .browse-idea{background:#fffef5f5!important;border-color:#c6dcb4;box-shadow:0 4px 14px #255c3212;border-radius:14px}
.ebook-browser .browse-idea h3{color:#173a2d}
.ebook-browser .search-container input{background:#fffff0e8!important;border-color:#b5d4aa!important;box-shadow:0 2px 9px #366d3110!important}
.ebook-browser .fav-icon-btn{background:#e9f5df!important;color:#276849!important;border-radius:8px;border:1px solid #b9d7aa;box-shadow:0 2px 0 #c4d8b8!important;width:30px;height:30px;font-size:20px}
.ebook-browser .fav-icon-btn.saved{color:#088763!important;background:#d7f3cb!important}
.ebook-browser .idea-details{border:0;margin-top:18px}
.ebook-browser .idea-details summary{display:list-item;width:fit-content;min-height:36px;border:1px solid #c1d5a9;background:linear-gradient(#f5fbdc,#e3f2ca);border-radius:9px;padding:8px 13px 8px 26px;list-style-position:inside;color:#22613f;box-shadow:inset 0 1px 0 #fff,0 3px 0 #afc798;font:600 11px/1.6 'Segoe UI',sans-serif}
.ebook-browser .idea-details[open] summary{margin-bottom:15px}
.ebook-browser .prompt-header{background:#0b6047}
.ebook-browser.dark-mode{--primary:#63dbae;--secondary:#b6dda8;--content-bg:#133d30;--card-bg:#164c3b;--text-color:#e9f5e1;--border-color:#3a7357}
.ebook-browser.dark-mode .ti-atmosphere{background-color:#0d352b;background-image:linear-gradient(#083b30bd,#083b30bd),url('assets/nature-tech-ambient.webp')}
.ebook-browser.dark-mode .browse-idea{background:#174839f5!important;border-color:#428065}.ebook-browser.dark-mode .browse-idea h3{color:#e9f5e1}
.ebook-browser.dark-mode .top-bar{background:#124937e8!important}.ebook-browser.dark-mode .search-container input{background:#134333!important;color:#e2f2dd!important}
.google-entry{margin:36px 0 28px}.google-button{background:#fffef6;color:#193f2e;border:1px solid #b3cfa5;border-radius:12px;box-shadow:0 4px 0 #9db18b;gap:13px}.google-button:disabled{opacity:.75}.google-help{text-align:center;font-size:12px;color:#587157;line-height:1.8;margin:18px 0 0}.form-side{isolation:isolate;background:#f6f9ebc2}.form-content{max-width:480px}.form-side .ti-controls{position:absolute;right:28px;bottom:22px}.form-side:has(.ti-controls){padding-bottom:85px}
@media(max-width:1100px){.workspace-page .reader-heading{flex-wrap:wrap;gap:14px}.workspace-page .book-switch{width:100%}.workspace-page .book-switch a{flex:1}}
@media(max-width:900px){.ti-controls{gap:6px}.ti-control{padding:7px 9px;font-size:10px}.workspace-session{display:none}.workspace-page .tools-header{gap:10px}.workspace-breadcrumb{font-size:10px}}
@media(max-width:620px){.workspace-page .reader-heading{padding:16px 18px 19px;gap:13px}.workspace-page .reader-heading h1{font-size:28px}.workspace-page .book-switch{gap:9px}.workspace-page .book-switch a{font-size:10px;white-space:normal;padding:10px;min-height:42px}.ti-control span{font-size:0}.ti-control span::after{content:attr(data-short);font-size:10px}.ti-controls{gap:7px}.ti-control{padding:7px;gap:5px}.workspace-page .tools-header .workspace-breadcrumb{display:none}.ti-particle:nth-child(n+11){display:none}.ti-atmosphere .ti-aurora{filter:none;opacity:.5}.ebook-browser .top-bar{padding:14px 18px}.ebook-browser .browse-idea{padding:21px}.workspace-page .studio-output-actions{gap:11px}.form-side .ti-controls{right:24px;bottom:23px}}
@media(prefers-reduced-motion:reduce){html:not(.ti-motion-on) .ti-atmosphere>i{animation:none!important;transform:none!important}html:not(.ti-motion-on) .ti-atmosphere .ti-particle{display:none}*,*::before,*::after{scroll-behavior:auto!important}.workspace-nav a,.book-switch a,.ti-control{transition:none}}
/* Keep the login atmosphere inside its own half of the page. */
.form-side>.ti-atmosphere{position:absolute;inset:0}
.form-side{overflow:hidden}
.studio-tools button{padding:9px 12px!important}
.resource-save{margin-left:10px}
.ti-atmosphere::before{content:'';position:absolute;inset:-3%;background:inherit;animation:ti-breathe 32s ease-in-out infinite alternate}
@keyframes ti-breathe{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.6%,.4%,0)}}
.ti-effects-off .ti-atmosphere::before,.ti-effects-paused .ti-atmosphere::before{animation-play-state:paused}
@media(max-width:620px){.workspace-topbar .workspace-breadcrumb{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.ti-motion-on) .ti-atmosphere::before{animation:none!important}}
.workspace-page .studio-category-switch button[aria-pressed=true] strong{color:#f7ffe8}
.workspace-page .studio-category-switch button[aria-pressed=true]::after{color:#d9ed91}
.course-detail :is(.filters button,.saved-button,.view-controls button,.plain-button,.preview-play){border-radius:11px;border:1px solid #b6cea4;box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #98ad7d;transition:transform .16s}
.course-detail .filters button.selected{background:linear-gradient(135deg,#179b70,#08735b);color:#fff;border-color:#3cae87;box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #074b38}
.course-detail :is(.filters button,.saved-button,.view-controls button,.plain-button,.preview-play):active{transform:translateY(3px);box-shadow:0 1px 0 #50754a}
.workspace-page .studio-product-card :is(h3,p,.eyebrow){color:#f1f8dc}
.workspace-page .studio-product-card .studio-product-actions strong{color:#eff3b3}
.workspace-page .studio-product-card .resource-save{color:#d8edbc}