@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;1,400&display=swap);*{box-sizing:border-box;margin:0;padding:0}.dash{background:#f5f3fb;color:#0e0b2e;font-family:Lora,Georgia,serif;font-size:15px}.top-bar{background:#fff;border-bottom:1px solid #e8e3f5;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:54px}.site-name{font-family:Syne,sans-serif;font-size:16px;font-weight:800;color:#1a1540}.breadcrumb{font-family:Syne,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9b92c8;margin-left:8px;padding-left:10px;border-left:1px solid #e0d8f5}.avatar-btn{width:32px;height:32px;border-radius:50%;background:#5b2fc9;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;cursor:pointer;border:none;text-decoration:none}.body{display:grid;grid-template-columns:210px 1fr}.sidebar{background:#fff;border-right:1px solid #e8e3f5;padding:20px 0}.nav-label{font-family:Syne,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c4bad8;padding:0 18px;margin-bottom:5px}.nav-section{margin-bottom:22px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 18px;font-family:Syne,sans-serif;font-size:13px;font-weight:500;color:#6b6494;cursor:pointer;border-left:2px solid transparent;text-decoration:none}.nav-item:hover{color:#1a1540;background:#f5f3fb}.nav-item.active{color:#5b2fc9;border-left-color:#5b2fc9;background:#f0ebff}.nav-count{margin-left:auto;font-size:10px;background:#ede8ff;color:#5b2fc9;padding:1px 7px;border-radius:100px;font-weight:700}.syl-sidebar-card{margin:0 12px 10px;border:1px solid #e8e3f5;border-radius:10px;overflow:hidden}.syl-sidebar-header{padding:9px 12px;border-bottom:1px solid #f0ebff}.syl-sidebar-name{font-family:Syne,sans-serif;font-size:11px;font-weight:700;color:#0e0b2e;margin-bottom:6px}.syl-seg-track{display:flex;gap:2px;margin-bottom:4px}.seg{height:5px;border-radius:3px;flex:1}.seg.done{background:#5b2fc9}.seg.auto{background:#9b72f0}.seg.tbr{background:#c4b2f0}.seg.empty{background:#f0ebff}.syl-sidebar-meta{font-family:Syne,sans-serif;font-size:10px;color:#b8b0d4;font-weight:600}.syl-next-book{padding:9px 12px;background:#faf8ff;display:flex;align-items:center;gap:8px;cursor:pointer}.syl-next-book:hover{background:#f0ebff}.next-spine{width:5px;height:36px;border-radius:2px;flex-shrink:0}.next-info{flex:1;min-width:0}.next-label{font-family:Syne,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9b92c8;margin-bottom:1px}.next-title{font-family:Syne,sans-serif;font-size:11px;font-weight:700;color:#0e0b2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-author{font-size:10px;color:#9b92c8;font-style:italic}.next-arrow{font-size:14px;color:#5b2fc9;flex-shrink:0;font-family:Syne,sans-serif;font-weight:700}.cert-sidebar{margin:0 12px;padding:9px 11px;background:#fffbf0;border:1px solid #f5d87a;border-radius:10px;display:flex;align-items:center;gap:8px}.cert-medal-sm{width:26px;height:26px;border-radius:50%;background:#f0a500;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.cert-sidebar-name{font-family:Syne,sans-serif;font-size:10px;font-weight:700;color:#6a4800;line-height:1.3}.main{padding:22px 26px;overflow:hidden}.greeting{margin-bottom:14px}.greeting h1{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:#0e0b2e;letter-spacing:-.02em;margin-bottom:3px}.greeting h1 em{font-style:italic;font-family:Lora,serif;font-weight:400;color:#5b2fc9}.greeting p{font-size:13px;color:#9b92c8}.level-banner{background:#0e0b2e;border-radius:12px;padding:16px 20px;margin-bottom:14px;display:flex;align-items:center;gap:18px}.level-badge{width:56px;height:56px;border-radius:50%;background:#5b2fc9;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #7c55e0}.level-num{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:#fff;line-height:1}.level-lbl{font-family:Syne,sans-serif;font-size:9px;letter-spacing:.1em;color:#c4b2f0;text-transform:uppercase}.level-info{flex:1;min-width:0}.level-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:1px}.level-sub{font-size:12px;color:#6b6494;font-style:italic;margin-bottom:8px}.gem-track{height:8px;background:#1e1a3a;border-radius:10px;overflow:hidden;margin-bottom:4px}.gem-fill{height:100%;background:#5b2fc9;border-radius:10px;transition:width .6s ease}.gem-labels{display:flex;justify-content:space-between;font-family:Syne,sans-serif;font-size:10px;color:#5a5478;font-weight:600}.gem-labels em{color:#7c55e0}.level-streak{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 8px;flex-shrink:0}.streak-num{font-family:Syne,sans-serif;font-size:26px;font-weight:800;color:#f0a500;line-height:1}.streak-lbl{font-family:Syne,sans-serif;font-size:9px;letter-spacing:.1em;color:#7a6a30;text-transform:uppercase}.earn-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.earn-pill{font-family:Syne,sans-serif;font-size:9px;font-weight:600;padding:2px 7px;border-radius:100px;background:#1e1a3a;color:#7c55e0;white-space:nowrap}.earn-pill em{color:#c4b2f0;font-style:normal}.levels-row{display:flex;align-items:flex-start;gap:0;margin-top:10px}.lvl-node{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0}.lvl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lvl-dot.done{background:#5b2fc9}.lvl-dot.current{background:#fff;border:2px solid #5b2fc9}.lvl-dot.future{background:#252040}.lvl-connector{flex:1;height:2px;margin-top:4px;align-self:flex-start}.lvl-connector.done{background:#5b2fc9}.lvl-connector.future{background:#252040}.lvl-name{font-family:Syne,sans-serif;font-size:7px;font-weight:600;text-align:center;line-height:1.3;max-width:48px;padding-top:1px}.lvl-name.done{color:#5a5478}.lvl-name.current{color:#c4b2f0}.lvl-name.future{color:#383060}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stat-card{background:#fff;border:1px solid #e8e3f5;border-radius:10px;padding:11px 13px}.stat-label{font-family:Syne,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b8b0d4;margin-bottom:4px}.stat-number{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:#0e0b2e;letter-spacing:-.02em;line-height:1;margin-bottom:2px}.stat-sub{font-size:11px;color:#b8b0d4}.stat-sub em{color:#5b2fc9;font-style:normal;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.panel{background:#fff;border:1px solid #e8e3f5;border-radius:12px;overflow:hidden}.panel-header{padding:11px 15px 9px;border-bottom:1px solid #f0ebff;display:flex;align-items:baseline;justify-content:space-between}.panel-title{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:#0e0b2e}.panel-action{font-family:Syne,sans-serif;font-size:11px;font-weight:600;color:#5b2fc9;cursor:pointer;text-decoration:none}.panel-body{padding:11px 14px}.shelf-outer{background:#f0ece0;border-radius:4px;overflow:hidden;margin-bottom:8px}.shelf-books{display:flex;align-items:flex-end;gap:2px;padding:8px 10px 0 10px;overflow-x:auto;min-height:60px}.shelf-plank{height:7px;background:#d4c9a8}.book-spine{border-radius:2px 2px 1px 1px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;transition:transform .15s}.book-spine:hover{transform:translateY(-5px)}.book-spine-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:Syne,sans-serif;font-size:7px;font-weight:700;color:rgba(255,255,255,.88);letter-spacing:.03em;white-space:nowrap;overflow:hidden;padding:3px 0;max-height:90%}.spine-badge{position:absolute;top:2px;right:1px;width:5px;height:5px;border-radius:50%;background:#f0a500}.add-spine{border-radius:2px 2px 1px 1px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border:1.5px dashed #c4b2f0;background:rgba(91,47,201,.04)}.shelf-genre-pip{display:flex;align-items:center;gap:5px;margin-bottom:4px}.pip-lbl{font-family:Syne,sans-serif;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b8b0d4}.pip-count{font-family:Syne,sans-serif;font-size:9px;font-weight:700;padding:1px 5px;border-radius:100px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.badge-card{border:1px solid #e8e3f5;border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:border-color .12s}.badge-card:hover{border-color:#c4b2f0}.badge-card.locked{opacity:.4;filter:grayscale(.5)}.badge-icon-lg{font-size:22px;line-height:1}.badge-name{font-family:Syne,sans-serif;font-size:10px;font-weight:700;color:#0e0b2e;text-align:center;line-height:1.2}.badge-card.locked .badge-name{color:#b8b0d4}.badge-desc{font-size:10px;color:#9b92c8;font-style:italic;text-align:center;line-height:1.3}.badge-unlock{font-family:Syne,sans-serif;font-size:9px;font-weight:700;color:#c4b2f0;text-align:center;margin-top:1px}.goal-ring-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.goal-ring-row:last-child{margin-bottom:0}.ring-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.ring-wrap svg{width:52px;height:52px}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-num{font-family:Syne,sans-serif;font-size:13px;font-weight:800;color:#0e0b2e;line-height:1}.ring-of{font-family:Syne,sans-serif;font-size:8px;color:#b8b0d4;font-weight:600}.goal-title{font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:#0e0b2e;margin-bottom:1px}.goal-sub{font-size:11px;color:#9b92c8;font-style:italic;line-height:1.3}.goal-tag{display:inline-block;font-family:Syne,sans-serif;font-size:9px;font-weight:700;padding:2px 6px;border-radius:100px;margin-top:2px}.heatmap-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin-bottom:3px}.heat-cell{height:12px;border-radius:2px}.heat-0{background:#f0ebff}.heat-1{background:#c4b2f0}.heat-2{background:#8b65f0}.heat-3{background:#5b2fc9}.heat-4{background:#3a1a9e}.hm-labels{display:flex;justify-content:space-between;font-family:Syne,sans-serif;font-size:8px;color:#c4bad8;font-weight:600}.disc-item{padding:8px 0;border-bottom:1px solid #f5f3fb;cursor:pointer}.disc-item:last-child{border-bottom:none}.disc-ctx{font-family:Syne,sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#b8b0d4;margin-bottom:2px}.disc-q{font-size:12px;color:#4a4570;font-style:italic;line-height:1.35;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.disc-meta{display:flex;align-items:center;gap:4px;font-family:Syne,sans-serif;font-size:10px;color:#b8b0d4}.unread-dot{width:5px;height:5px;border-radius:50%;background:#5b2fc9;flex-shrink:0}.reply-tag{color:#1a7a40;font-weight:700}.dv{width:1px;height:12px;background:#e8e3f5;flex-shrink:0}.skeleton{background:linear-gradient(90deg,#f0ebff 25%,#e4dcff 50%,#f0ebff 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.login-page{min-height:100vh;background:#f5f3fb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border:1px solid #e8e3f5;border-radius:16px;padding:36px 40px;width:100%;max-width:420px}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;justify-content:center}.login-logo-icon{width:36px;height:36px;background:#1a1540;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.login-logo-name{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:#1a1540}.login-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #e8e3f5}.login-tab{flex:1;padding:10px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:#9b92c8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.login-tab.active{color:#5b2fc9;border-bottom-color:#5b2fc9}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:5px}.login-label{font-family:Syne,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9b92c8}.login-input{padding:10px 12px;border:1px solid #e8e3f5;border-radius:8px;font-family:Lora,Georgia,serif;font-size:14px;color:#0e0b2e;outline:0;transition:border-color .15s}.login-input:focus{border-color:#5b2fc9}.login-btn{padding:12px;background:#5b2fc9;color:#fff;border:none;border-radius:8px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;cursor:pointer;margin-top:4px;transition:background .15s}.login-btn:hover{background:#4a22b0}.login-btn:disabled{background:#c4b2f0;cursor:not-allowed}.login-error{font-family:Syne,sans-serif;font-size:12px;color:#c0392b;background:#fff5f5;border:1px solid #fcc;padding:8px 12px;border-radius:6px;display:none}.login-error.visible{display:block}.login-divider{text-align:center;font-family:Syne,sans-serif;font-size:11px;color:#c4bad8;font-weight:600;margin:4px 0}.login-footer{margin-top:20px;text-align:center;font-family:Syne,sans-serif;font-size:11px;color:#b8b0d4}.login-footer a{color:#5b2fc9;text-decoration:none;font-weight:600}