:root{--studium-teal:#019ba4;--studium-mid:#067090;--studium-navy:#0a457b;--studium-deep:#073661;--studium-blue:#1a8bb0;--studium-cyan:#26c4db;--studium-cyan-dark:#1ba7bd;--brand-gradient:linear-gradient(206.5deg, #019ba4 6.92%, #067090 40.69%, #0a457b 74.92%);--brand-gradient-bar:linear-gradient(90.12deg, #073661 -41.83%, #1a8bb0 93.49%);--surface:#fff;--surface-muted:#f4f7fa;--surface-sunken:#eaebef;--border:#0a457b1f;--text:#10243a;--text-muted:#5b7185;--text-soft:#8296a8;--danger:#d64550;--danger-soft:#d645501a;--radius:.625rem;--radius-lg:.875rem;--radius-xl:1.125rem;--elevation-1:0px 3px 1px -2px #0003, 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f;--elevation-2:0 6px 16px #0a457b1a, 0 2px 4px #0a457b0f;--elevation-3:0 18px 40px #0a457b29;--header-height:64px;--footer-height:40px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface-muted);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Avenir Next,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}.container{background:var(--surface-muted);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.bgBlob1{pointer-events:none;z-index:0;background:linear-gradient(#26c4db24,#f4f7fa00);height:320px;position:fixed;inset:0 0 auto}.bgBlob2{pointer-events:none;z-index:0;background:radial-gradient(circle,#019ba424,#019ba400 70%);border-radius:50%;width:460px;height:460px;position:fixed;bottom:-160px;right:-160px}.overlayCenter{z-index:1;padding:calc(var(--header-height) + 28px) 24px calc(var(--footer-height) + 48px);flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;margin:0 auto;animation:.4s fadeIn;display:flex;position:relative}.addBtn{bottom:calc(var(--footer-height) + 24px);background:var(--studium-cyan);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 10px 24px #26c4db61, var(--elevation-1);z-index:200;border:none;border-radius:50%;font-size:26px;line-height:1;transition:background .2s,transform .2s,box-shadow .2s;position:fixed;right:28px}.addBtn:hover{background:var(--studium-cyan-dark);transform:translateY(-2px);box-shadow:0 14px 30px #26c4db73}.addBtn:active{transform:translateY(0)}.addBtn:focus-visible{outline-offset:3px;outline:3px solid #26c4db80}.floatingAdd:after{content:"Add bookmark";background:var(--studium-deep);color:#fff;white-space:nowrap;border-radius:var(--radius);opacity:0;pointer-events:none;padding:6px 10px;font-size:12px;transition:opacity .2s;position:absolute;top:50%;right:68px;transform:translateY(-50%)}.floatingAdd:hover:after{opacity:1}.loading{color:var(--text-muted);margin-top:40px;font-size:14px;animation:.3s fadeIn}.empty{color:var(--text-muted);margin-top:8px;font-size:15px;animation:.3s fadeIn}.emptyState{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--elevation-1);flex-direction:column;align-items:center;gap:18px;margin-top:72px;padding:40px 32px;display:flex}.centerAdd{border-radius:var(--radius);width:auto;height:auto;padding:12px 22px;font-size:14px;font-weight:600;position:static}.footer{text-align:center;width:100%;color:var(--text-soft);background:var(--surface);border-top:1px solid var(--border);margin-top:auto;padding:12px 0;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.overlayCenter{padding:calc(var(--header-height) + 20px) 16px calc(var(--footer-height) + 40px)}.addBtn{width:52px;height:52px;font-size:24px;right:18px}.floatingAdd:after{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}