:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #eff0f2;--surface: #ffffff;--text: #161312;--text-muted: #6b6570;--on-inverse: #ffffff;--border: rgba(22, 19, 18, .12);--lime: #e3e829;--violet: #a0a8ff;--violet-dark: #4a55c9;--magenta: #ff3381;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(22, 19, 18, .06);--shadow-md: 0 10px 30px -12px rgba(22, 19, 18, .18);--header-h: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem}*{box-sizing:border-box}html{background-color:var(--bg)}body{margin:0;font-family:var(--font-sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.1;font-weight:700;color:var(--text)}p{margin:0;color:var(--text-muted)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--violet-dark);outline-offset:2px}::selection{background-color:var(--violet);color:var(--text)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1rem,4vw,2.5rem);background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:.625rem;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--text)}.brand-mark{width:2rem;height:2rem;border-radius:.6rem;background:var(--text);display:grid;place-items:center;color:var(--lime)}.user-area{display:flex;align-items:center;gap:.5rem}.user-chip{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:.375rem .875rem;border-radius:var(--radius-full);white-space:nowrap}.user-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:.75rem;font-weight:800;color:var(--text)}.btn-logout{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);padding:.5rem 1rem;font-weight:700;font-size:.875rem;color:var(--text);white-space:nowrap;transition:border-color .18s ease,color .18s ease,transform .1s ease}.btn-logout:hover{border-color:var(--text)}.btn-logout:active{transform:translateY(1px)}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2.5rem) 5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:var(--radius-full);padding:.875rem 1.75rem;font-weight:800;font-size:1rem;line-height:1;color:var(--text);transition:background-color .2s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--lime)}.btn-primary:hover{background:var(--violet)}.hero{max-width:44rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-dark);margin-bottom:1.25rem}.eyebrow:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--lime)}.hero h1{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;margin-bottom:1.25rem}.hero h1 .accent{color:var(--violet-dark)}.hero p{font-size:clamp(1rem,2.5vw,1.1875rem);max-width:34rem}.hero .muted{display:block;margin-top:1rem;font-size:.9375rem;color:var(--text-muted)}.audience-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.card{display:flex;flex-direction:column;gap:.875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.card-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.card-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.card-desc{font-size:.95rem;flex:1}.card-arrow{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:800;color:var(--violet-dark)}.card-arrow .ring{width:2rem;height:2rem;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:var(--text);transition:background-color .18s ease}a.card:hover .card-arrow .ring{background:var(--violet)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.page-title h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.page-title p{margin-top:.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9375rem;color:var(--text-muted);margin-bottom:1.25rem}.back-link:hover{color:var(--text)}.back-arrow{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--surface);border:1px solid var(--border)}.report-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.report-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.report-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.report-row-main{min-width:0;flex:1}.report-row-title{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere;max-width:100%;display:block}.report-row-meta{font-size:.8125rem;margin-top:var(--space-1);display:block;color:var(--text-muted)}.report-row-arrow{flex-shrink:0;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--bg);color:var(--text-muted);transition:background-color .18s ease,color .18s ease}.report-row:hover .report-row-arrow{background:var(--violet);color:var(--text)}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);padding:2.5rem;text-align:center;color:var(--text-muted)}.report-frame-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.report-frame{display:block;width:100%;height:100%;border:0;background:var(--surface)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:26rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem;text-align:center}.login-card .brand-mark{width:3rem;height:3rem;border-radius:.8rem;margin:0 auto 1.25rem}.login-card h1{font-size:1.5rem;font-weight:800;margin-bottom:.625rem}.login-card p{margin-bottom:1.75rem}.login-error{display:inline-block;margin-top:1rem;font-size:.875rem;font-weight:600;color:var(--magenta)}.loading{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:40vh;color:var(--text-muted);font-weight:600}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border);border-top-color:var(--violet-dark);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3{overflow-wrap:anywhere}.page-title{min-width:0;max-width:100%}.browse-main{padding-top:var(--space-8)}.catalog-section h2{margin-bottom:var(--space-4);font-size:1.25rem}.catalog-section+.catalog-section{margin-top:var(--space-8)}.breadcrumbs{margin-bottom:var(--space-6);font-size:.875rem;color:var(--text-muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.breadcrumbs li{display:flex;align-items:center;gap:var(--space-2);min-width:0}.breadcrumbs li+li:before{content:"/";color:var(--text-muted)}.breadcrumbs a,.breadcrumbs [aria-current]{padding:var(--space-2) 0;overflow-wrap:anywhere}.breadcrumbs a:hover,.text-link:hover{color:var(--violet-dark);text-decoration:underline}.breadcrumbs [aria-current]{color:var(--text);font-weight:600}.btn-secondary{background:var(--surface);border:1px solid var(--border);font-size:.875rem;padding:.75rem 1rem;min-height:44px}.btn-secondary:hover{border-color:var(--violet-dark);color:var(--violet-dark)}button:disabled{cursor:wait;opacity:.65}.btn-logout{min-height:44px}.user-chip{min-width:0}.user-name{max-width:240px;overflow:hidden;text-overflow:ellipsis}.user-avatar{flex-shrink:0}.shell-error{padding:var(--space-3) var(--space-6);color:var(--text);background:#fff0f4}.state-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.text-link{color:var(--violet-dark);font-weight:700;padding:var(--space-3)}.error-state{margin-top:var(--space-6)}.reader-main{max-width:1440px;padding:var(--space-6) clamp(1rem,3vw,2rem);height:calc(100dvh - var(--header-h));min-height:480px;flex:none;display:flex;flex-direction:column;gap:var(--space-4)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-shrink:0}.reader-heading{min-width:0;flex:1}.reader-toolbar .breadcrumbs{margin-bottom:var(--space-2)}.reader-heading h1{font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.3}.reader-meta{font-size:.8125rem;margin-top:var(--space-1)}.reader-focus-button{flex-shrink:0}.report-frame-wrap{position:relative;flex:1;min-height:240px}.reader-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted)}.report-frame-loading{opacity:0}.reader-focused{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;height:100dvh;min-height:0;max-width:none;overflow:auto;background:var(--bg)}.reader-focused .reader-toolbar{position:sticky;top:0;z-index:2;background:var(--bg)}.shell:has(.reader-focused)>.topbar{visibility:hidden}@media(max-width:600px){.user-chip{border:0;padding:0;background:transparent}.user-name{max-width:100px;font-size:.75rem}.topbar{gap:var(--space-2)}.btn-logout{padding:var(--space-2) var(--space-3)}.browse-main{padding-top:var(--space-6);padding-bottom:var(--space-8)}.report-row{padding:var(--space-4);gap:var(--space-3)}.report-row-title{font-size:1rem}.reader-main{padding:var(--space-4)}.reader-toolbar{align-items:flex-start;flex-wrap:wrap;gap:var(--space-2)}.reader-heading{flex-basis:100%}.reader-focus-button{margin-left:auto}.reader-toolbar .breadcrumbs{font-size:.75rem}.report-frame-wrap{border-radius:var(--radius-md)}.empty{padding:var(--space-6)}}@media(max-width:360px){.user-name{max-width:64px}.brand{font-size:.9375rem}.audience-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}