*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#e0e0e0;line-height:1.5;overflow:hidden;height:100vh}#app{height:100vh}.layout{display:grid;grid-template-columns:1fr auto;height:100vh;border:1px solid #222;margin:12px;height:calc(100vh - 24px)}.panel-left{display:flex;flex-direction:column;padding:2.5rem 3rem;overflow:hidden}.section-subtitle{font-size:.8rem;font-weight:300;color:#666;letter-spacing:.05em;margin-bottom:.5rem}.section-title{font-size:clamp(4rem,10vw,8rem);font-weight:900;color:#fff;line-height:.95;letter-spacing:-.03em;margin-bottom:2rem;transition:opacity .3s}.section-divider{width:100%;height:1px;background:#222;margin-bottom:1.5rem}.section-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.section-year,.section-count{font-size:.8rem;font-weight:300;color:#888}.section-description{font-size:.85rem;color:#777;line-height:1.6;max-width:480px;margin-bottom:1.5rem}.content-area{flex:1;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:#222 transparent}.content-area::-webkit-scrollbar{width:4px}.content-area::-webkit-scrollbar-thumb{background:#222;border-radius:2px}.panel-right{display:flex;border-left:1px solid #222}.nav-tab{display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 1.25rem 2rem;background:none;border:none;border-left:1px solid #222;color:#555;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400;cursor:pointer;transition:color .2s,background .2s;min-width:70px;letter-spacing:.02em}.nav-tab:first-child{border-left:none}.nav-tab:hover{color:#aaa;background:#111}.nav-tab.active{color:#fff;font-weight:700;background:#0f0f0f}.bookmark-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.bookmark-form input{flex:1;padding:.5rem 0;border:none;border-bottom:1px solid #222;background:transparent;color:#e0e0e0;font-family:Inter,sans-serif;font-size:.8rem;outline:none;transition:border-color .2s}.bookmark-form input:focus{border-color:#555}.bookmark-form input::placeholder{color:#444}.btn-add{padding:.5rem 1rem;background:#fff;color:#0a0a0a;border:none;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:opacity .2s}.btn-add:hover{opacity:.85}.bookmark-item{display:flex;align-items:baseline;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #151515}.bookmark-info{min-width:0;flex:1}.bookmark-title{color:#fff;text-decoration:none;font-size:.825rem;font-weight:400;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.bookmark-title:hover{color:#888}.bookmark-meta{font-size:.65rem;color:#444;margin-top:.15rem;font-weight:300}.bookmark-category{color:#555;margin-right:.5rem;text-transform:lowercase}.btn-delete{background:none;border:none;color:#333;padding:.25rem .5rem;font-size:.65rem;cursor:pointer;font-family:Inter,sans-serif;letter-spacing:.05em;transition:color .15s}.btn-delete:hover{color:#ef4444}.actions-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.btn-action{padding:.35rem .75rem;background:transparent;color:#555;border:1px solid #222;font-family:Inter,sans-serif;font-size:.7rem;font-weight:400;cursor:pointer;letter-spacing:.03em;transition:all .2s}.btn-action:hover{color:#fff;border-color:#444}.btn-action:disabled{opacity:.4;cursor:default}.status{font-size:.7rem;color:#555;font-weight:300}.empty{color:#333;font-size:.8rem;padding:3rem 0;text-align:center;font-weight:300;letter-spacing:.05em}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.login-title{font-size:clamp(5rem,15vw,12rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:.9}.login-subtitle{color:#444;font-size:.8rem;font-weight:300;letter-spacing:.1em;margin-bottom:1.5rem}.btn-google{padding:.625rem 2rem;background:#fff;color:#0a0a0a;border:none;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:opacity .2s}.btn-google:hover{opacity:.85}.header-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:.5rem}.user-email{font-size:.65rem;color:#444;font-weight:300}.btn-logout{background:none;border:none;color:#444;font-family:Inter,sans-serif;font-size:.65rem;cursor:pointer;letter-spacing:.05em;transition:color .15s;padding:0}.btn-logout:hover{color:#fff}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:#333;font-size:.8rem;font-weight:300;letter-spacing:.1em}