:root{--bg:#f4efe6;--panel:linear-gradient(135deg, #fffaf2e0, #f4e9d6c7);--text:#3f372f;--heading:#181511;--muted:#75685a;--border:#604f372e;--accent:#b44d24;--accent-soft:#2f5e50;--shadow:0 24px 60px #4f341c1a;--sans:Avenir Next, Nunito, Candara, sans-serif;--display:Iowan Old Style, Palatino Linotype, Book Antiqua, Georgia, serif;--mono:IBM Plex Mono, SFMono-Regular, Consolas, monospace;font:18px/1.5 var(--sans);color:var(--text);background:radial-gradient(circle at top left, #e97a4a1f, transparent 30%), radial-gradient(circle at top right, #2f5e501a, transparent 28%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes chooserFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up-on-load{will-change:opacity, transform;animation:.9s cubic-bezier(.22,1,.36,1) both chooserFadeUp}.fade-up-on-load-delay-1{will-change:opacity, transform;animation:.9s cubic-bezier(.22,1,.36,1) .45s both chooserFadeUp}.fade-up-on-load-delay-2{will-change:opacity, transform;animation:.9s cubic-bezier(.22,1,.36,1) .9s both chooserFadeUp}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000004d,#0000 80%);mask-image:linear-gradient(#0000004d,#0000 80%)}a{color:inherit}#__next,#root{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading)}h1{max-width:14ch;font-family:var(--display);letter-spacing:-.05em;font-size:clamp(3rem,7vw,5.8rem);line-height:.92}h2{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1}p{color:var(--muted)}@media (max-width:900px){:root{font-size:16px}#__next,#root{width:min(100%,100% - 1rem);padding:.5rem 0 1rem}}
.page-shell{gap:3rem;display:grid}.auth-shell{place-items:center;min-height:calc(100svh - 5rem);display:grid}.auth-panel,.hero-panel,.bucket-section,.pca-section,.study-section{border:1px solid var(--border);background:linear-gradient(180deg, #fffcf5eb, #ffffffdb), var(--panel);box-shadow:var(--shadow);border-radius:2rem;position:relative;overflow:hidden}.auth-panel{width:100%;padding:3rem}.auth-panel-loading{max-width:44rem}.auth-grid{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:center;gap:2rem;display:grid}.auth-copy{gap:1rem;display:grid}.auth-preview{flex-wrap:wrap;gap:.75rem;display:flex}.auth-preview span{border:1px solid var(--border);min-height:2.5rem;font-family:var(--mono);color:var(--heading);background:#ffffffb8;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.82rem;display:inline-flex}.user-chip{border:1px solid var(--border);background:#ffffffd1;border-radius:1.2rem;align-items:center;gap:.8rem;max-width:19rem;padding:.7rem .85rem;display:inline-flex;box-shadow:0 .8rem 1.8rem #4f341c14}.user-chip-avatar{width:2.65rem;height:2.65rem;color:var(--accent-soft);font-family:var(--mono);background:linear-gradient(#f8e6cd,#efd2a6);border-radius:.95rem;flex:none;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:inline-flex}.user-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--heading);font-size:.94rem;font-weight:600;overflow:hidden}.auth-card{border:1px solid var(--border);background:#ffffffc2;border-radius:1.5rem;padding:2rem}.hero-panel{min-height:24rem;padding:4.5rem 4rem 4rem}.hero-panel:before,.bucket-section:before{content:"";pointer-events:none;filter:blur(4px);border-radius:999px;position:absolute;inset:auto}.hero-panel:before{background:radial-gradient(circle,#e97a4a38,#0000 70%);width:22rem;height:22rem;top:-8rem;right:-4rem}.bucket-section:before{background:radial-gradient(circle,#2f5e5024,#0000 72%);width:18rem;height:18rem;bottom:-8rem;left:-5rem}.hero-panel-top{justify-content:space-between;gap:1.5rem;display:flex}.session-controls{flex-direction:column;align-items:end;gap:.75rem;display:flex}.eyebrow,.section-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.8rem;font-weight:700}.hero-copy,.hero-text,.auth-note{max-width:38rem;font-size:1.05rem}.bucket-section,.pca-section,.study-section{padding:2rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.section-heading p{text-align:right;max-width:22rem}.bucket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.bucket-browser{gap:1rem;display:grid}.bucket-tab-strip{scrollbar-width:thin;align-items:center;gap:1rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.bucket-tab-button{min-height:3.2rem;color:var(--heading);cursor:pointer;white-space:nowrap;background:linear-gradient(#f4faf4eb,#ffffffe6),linear-gradient(135deg,#def0e6d1,#f6faf1e0);border:1px solid #2f5e5029;border-radius:1.1rem;flex:none;align-items:center;gap:.85rem;padding:0 1rem;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:inline-flex;box-shadow:0 .8rem 1.8rem #2f5e5012}.bucket-tab-button:hover{background:linear-gradient(#ecf7eff5,#fffffff0),linear-gradient(135deg,#d6ede0e0,#f4fbf0e6);border-color:#2f5e5047;transform:translateY(-2px);box-shadow:0 1.1rem 2.1rem #2f5e501f}.bucket-tab-button:hover .bucket-tab-index,.bucket-tab-button:hover .bucket-tab-count{background:#2f5e5029}.bucket-tab-button-active{background:linear-gradient(#e1f3e8fa,#f8fff8f5),linear-gradient(135deg,#cce8daeb,#eef8eaeb);border-color:#2f5e5052;box-shadow:0 1.1rem 2.1rem #2f5e501f}.bucket-tab-index{min-width:2.35rem;height:2.35rem;color:var(--accent-soft);font-family:var(--mono);background:#2f5e501f;border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-size:.8rem;display:inline-flex}.bucket-tab-label{font-size:.96rem;font-weight:600}.bucket-tab-count,.bucket-browser-count{min-height:2.1rem;font-family:var(--mono);color:var(--accent-soft);white-space:nowrap;background:#ffffffb8;border-radius:999px;align-items:center;padding:0 .8rem;font-size:.78rem;display:inline-flex}.bucket-browser-panel{background:linear-gradient(#f4faf4eb,#ffffffe6),linear-gradient(135deg,#def0e6d1,#f6faf1e0);border:1px solid #2f5e5029;border-radius:1.35rem;padding:1rem;box-shadow:0 1rem 2.2rem #2f5e5014}.bucket-browser-panel-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.bucket-browser-panel-header h3{margin:0;font-size:1.25rem;line-height:1.08}.bucket-browser-table-shell{background:#fafff9eb;border:1px solid #2f5e5024;border-radius:1rem;overflow:auto}.bucket-browser-table{border-collapse:collapse;width:100%;min-width:34rem}.bucket-browser-table th,.bucket-browser-table td{vertical-align:middle;border-bottom:1px solid #2f5e501a;padding:.55rem .75rem}.bucket-browser-table th{text-align:left;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#31584b;background:#dcefe3eb;font-size:.78rem}.bucket-browser-image{object-fit:cover;background:#f4e9d699;border:1px solid #2f5e5024;border-radius:.45rem;width:2.6rem;height:2.6rem}.bucket-browser-image-empty{color:var(--muted);font-family:var(--mono);place-items:center;font-size:.72rem;display:grid}.bucket-browser-likes{width:5.5rem;font-family:var(--mono);color:#31584b;font-size:.82rem}.bucket-browser-caption{color:var(--heading);font-size:.92rem;line-height:1.24}.bucket-empty{background:#ffffff8c;border:1px dashed #2f5e503d;border-radius:1rem;place-items:center;min-height:9.5rem;margin-top:1.5rem;display:grid}.bucket-empty p{font-family:var(--mono);color:var(--muted);font-size:.95rem}.study-feedback{background:#ffffff8c;border:1px dashed #2f5e503d;border-radius:1.25rem;place-items:center;min-height:12rem;display:grid}.study-feedback p{font-family:var(--mono)}.pca-card{background:#ffffffb8;border:1px solid #604f3724;border-radius:1.5rem;gap:1rem;padding:1.2rem;display:grid}.pca-card-copy{gap:.35rem;display:grid}.pca-projection-controls{background:#ffffffb8;border:1px solid #604f3729;border-radius:1rem;gap:.35rem;width:fit-content;padding:.35rem;display:inline-flex}.pca-projection-button{min-height:2.35rem;color:var(--muted);font:inherit;font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;padding:0 .85rem;font-size:.78rem;transition:transform .15s,border-color .15s,background .15s,color .15s}.pca-projection-button:hover{color:var(--heading);background:#ffffff9e;border-color:#2f5e5033;transform:translateY(-1px)}.pca-projection-button-active{color:var(--accent-soft);background:#2f5e501a;border-color:#2f5e5042}.pca-card-text{max-width:42rem;font-size:.96rem}.pca-plot-shell{background:linear-gradient(#fffffff5,#f9f0e2f5);border:1px solid #604f3724;border-radius:1.25rem;overflow:hidden}.pca-plot{width:100%;height:auto;display:block}.pca-plot-frame{fill:#ffffffb8}.pca-axis{stroke:#604f373d;stroke-width:1.5px}.pca-dot{opacity:.92;cursor:pointer;transition:fill .18s,filter .18s,opacity .18s,stroke .18s}.pca-dot:focus{stroke:var(--heading);stroke-width:2px;outline:none}.pca-dot-highlight{opacity:1;stroke:#d6a11ee6;stroke-width:2.5px;filter:drop-shadow(0 0 6px #d6a11e8c)drop-shadow(0 0 12px #d6a11e4d)}.pca-tooltip-frame{fill:#181511eb;stroke:#ffffff57;stroke-width:1px}.pca-tooltip-text{fill:#fffaf2;font-family:var(--sans);font-size:12px;font-weight:600}.study-table-shell{border:1px solid var(--border);background:#ffffffb3;border-radius:1.5rem;max-height:70rem;overflow:auto}.study-table{border-collapse:collapse;width:100%;min-width:52rem}.study-table th,.study-table td{vertical-align:middle;border-bottom:1px solid #604f371f;padding:.45rem .75rem}.study-table th{z-index:1;text-align:left;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);background:#f8e6cdf5;font-size:.82rem;position:sticky;top:0}.caption-cell,.image-cell{gap:.25rem;display:grid}.category-cell{width:8rem;font-family:var(--mono);color:var(--accent-soft);font-size:.78rem}.likes-cell{width:6rem;font-family:var(--mono);color:var(--accent-soft);font-size:.92rem}.caption-text{color:var(--heading);font-size:.95rem;line-height:1.25}.study-image{object-fit:cover;border:1px solid var(--border);background:#f4e9d699;border-radius:.5rem;width:3rem;height:3rem}.study-image-empty{color:var(--muted);font-family:var(--mono);place-items:center;font-size:.85rem;display:grid}.google-auth-button,.logout-button{border:1px solid var(--border);min-height:3.5rem;color:var(--heading);font:inherit;cursor:pointer;background:#fff4d2;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:0 1.2rem;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 .6rem 1.6rem #604f371f}.google-auth-button{width:100%}.google-auth-button:hover,.logout-button:hover{transform:translateY(-1px);box-shadow:0 .9rem 2rem #604f3729}.google-auth-button:disabled,.logout-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.google-auth-icon{border:1px solid var(--border);background:#ffffffeb;border-radius:.85rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.google-logo{width:1.25rem;height:1.25rem}.message-banner{min-height:3rem;color:var(--accent);margin-top:.9rem}@media (max-width:900px){.auth-panel,.hero-panel{min-height:auto;padding:3rem 1.5rem}.auth-grid,.bucket-grid{grid-template-columns:1fr}.hero-panel-top,.section-heading{flex-direction:column;align-items:start}.session-controls{align-items:start}.bucket-section,.study-section,.pca-section{padding:1.5rem}.section-heading p{text-align:left;max-width:none}.study-table{min-width:40rem}.bucket-browser-panel-header{flex-direction:column;align-items:start}.bucket-browser-table{min-width:30rem}}