[hidden]{display:none!important}
body{overflow-x:hidden}
button{cursor:pointer}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.sidebar{background:#0d1614;border-right:1px solid var(--atlas-border);padding:26px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}
.identity{display:flex;gap:12px;align-items:center;padding:0 12px 28px}.identity-mark{display:grid;place-items:center;background:#20382d;color:var(--atlas-mint);width:39px;height:39px;border-radius:12px;font-size:22px}.identity strong{display:block;font:normal 1.45rem Georgia,serif;letter-spacing:-.04em}.identity small{display:block;color:var(--atlas-muted);font-size:.76rem}
.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;border-radius:11px;background:none;color:var(--atlas-muted);text-align:left;font-size:.94rem}.nav-item:hover,.nav-item.active{background:#22352d;color:var(--atlas-text)}.nav-item.active{box-shadow:inset 3px 0 var(--atlas-mint)}.nav-icon{font-size:1.1rem;width:22px;text-align:center;color:var(--atlas-purple)}
.sidebar-foot{margin-top:auto;padding:17px 10px 0;border-top:1px solid var(--atlas-border);display:grid;gap:6px}.plain-link{background:transparent;border:0;text-align:left;color:var(--atlas-muted);padding:4px;font-size:.85rem}.plain-link:hover{color:var(--atlas-mint)}
.content-shell{min-width:0}.topbar{height:73px;padding:0 clamp(20px,4vw,62px);display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--atlas-border);background:#101917d9;backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.topbar #breadcrumb{color:var(--atlas-muted);font-size:.91rem}.top-actions{margin-left:auto;display:flex;gap:9px}.menu-button{display:none}.primary-button,.quiet-button,.small-button,.danger-button{border:1px solid #678471;border-radius:11px;background:#2b4737;color:var(--atlas-text);padding:9px 14px;font-weight:650;font-size:.88rem}.primary-button:hover,.small-button:hover{background:#3a5a45}.quiet-button{background:#27263a;border-color:#675985}.quiet-button:hover{background:#34304d}.small-button{padding:6px 10px;font-size:.78rem}.danger-button{background:#402a2d;border-color:#86565b}.menu-button{background:none;border:0;color:var(--atlas-text);font-size:1.4rem}
.main-content{max-width:1400px;margin:auto;padding:34px clamp(20px,4vw,62px) 90px}.eyebrow{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--atlas-purple)}h1,h2,h3,p{margin-top:0}.page-title{font:normal clamp(2.5rem,5vw,4.4rem)/1.08 Georgia,serif;letter-spacing:-.055em;margin:8px 0 12px}.page-title span{color:var(--atlas-mint)}.page-lead{color:var(--atlas-muted);max-width:720px;margin-bottom:32px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.page-head .page-lead{margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:34px 0 14px}.section-head h2{font:normal 1.55rem Georgia,serif;margin:0}.section-head small,.muted{color:var(--atlas-muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.record-card,.feature-card,.stat-card{background:linear-gradient(145deg,#1b2a26,#16211f);border:1px solid var(--atlas-border);border-radius:20px;padding:20px}.feature-card{padding:25px}.feature-card h3,.record-card h3{font:normal 1.26rem/1.3 Georgia,serif;margin:0 0 9px}.feature-card p,.record-card p{color:var(--atlas-muted);font-size:.91rem;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.stat-card small{display:block;color:var(--atlas-muted);font-size:.82rem}.stat-card strong{font:normal 2.2rem Georgia,serif;color:var(--atlas-mint)}.meta{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px}.badge{border:1px solid #5b6d62;border-radius:999px;padding:2px 9px;color:var(--atlas-muted);font-size:.75rem}.badge.purple{border-color:#745f8b;color:var(--atlas-lavender)}.badge.mint{border-color:#699877;color:var(--atlas-mint)}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.card-actions button{border:0;background:transparent;color:var(--atlas-mint);padding:3px 2px;font-size:.82rem}.card-actions button:hover{text-decoration:underline}.card-actions button + button{margin-left:9px}.empty{border:1px dashed #496052;border-radius:18px;padding:28px;color:var(--atlas-muted);background:#18241f80}.empty p{margin:0 0 12px}.inline-action{background:transparent;border:0;color:var(--atlas-mint);font-weight:700;padding:0}.inline-action:hover{text-decoration:underline}.stack{display:grid;gap:10px}.task-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--atlas-border);border-radius:13px;background:#1b2a26}.task-row input{accent-color:#b8f0be;width:19px;height:19px;flex:none}.task-row .task-text{flex:1;min-width:0}.task-row .task-text strong{display:block;font-weight:550;overflow-wrap:anywhere}.task-row .task-text small{color:var(--atlas-muted)}.task-row.done strong{text-decoration:line-through;color:var(--atlas-muted)}.task-row button{border:0;background:none;color:var(--atlas-purple)}.subtle{font-size:.84rem;color:var(--atlas-muted)}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.9fr);gap:20px}.callout{border-left:3px solid var(--atlas-purple);background:#30283b60;padding:14px 18px;border-radius:0 12px 12px 0;color:var(--atlas-lavender)}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.filter-row input,.filter-row select{height:44px;min-width:160px;background:#1b2a26;color:var(--atlas-text);border:1px solid #53685a;border-radius:10px;padding:0 12px}.filter-row input{flex:1}.filter-row button{border:1px solid var(--atlas-border);background:#1b2a26;color:var(--atlas-muted);border-radius:10px;padding:8px 12px}.filter-row button.selected{color:var(--atlas-mint);border-color:#689574}.book-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{background:#1b2a26;border:1px solid var(--atlas-border);border-radius:16px;padding:17px}.book-card h3{font:normal 1.2rem Georgia,serif;margin:0 0 5px}.book-card p{font-size:.84rem;color:var(--atlas-muted);margin:0 0 7px}.book-card .question{border-left:2px solid var(--atlas-purple);padding-left:10px;color:var(--atlas-lavender)}.book-card select{width:100%;height:40px;background:#17231f;color:var(--atlas-text);border:1px solid #607668;border-radius:9px;padding:0 9px;margin-top:8px}.progress{height:8px;border-radius:99px;background:#33473e;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--atlas-mint),var(--atlas-purple))}.review-list{list-style:none;padding:0;margin:0}.review-list li{padding:11px 0;border-bottom:1px solid var(--atlas-border)}
.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:15px;z-index:50}.modal{width:min(610px,100%);max-height:min(92vh,900px);overflow:auto;background:#1b2a26;border:1px solid #637668;border-radius:20px;box-shadow:0 30px 80px #0009;padding:25px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{font:normal 1.7rem Georgia,serif;margin:0 0 18px}.close{border:0;background:none;color:var(--atlas-muted);font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:5px;margin-bottom:14px}.field.full{grid-column:1/-1}.field label{color:var(--atlas-muted);font-size:.83rem;font-weight:650}.field input,.field select,.field textarea{width:100%;background:#111e19;color:var(--atlas-text);border:1px solid #5b7262;border-radius:10px;padding:10px 12px;outline:none}.field textarea{min-height:130px;resize:vertical}.field :focus{border-color:var(--atlas-purple);box-shadow:var(--atlas-focus)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.error{color:#ffc2c2}.toast{position:fixed;bottom:22px;right:22px;background:#d4f1d8;color:#13251a;padding:10px 16px;border-radius:10px;z-index:80;box-shadow:0 10px 30px #0007}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);border:1px solid var(--atlas-border);background:#1b2a26;border-radius:23px;padding:32px}.auth-card h1{font:normal 3rem Georgia,serif;letter-spacing:-.06em;margin:8px 0}.auth-card p{color:var(--atlas-muted)}.auth-card .field{margin-top:15px}.auth-card .primary-button{width:100%;margin-top:10px;padding:12px}
@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s;width:260px;box-shadow:15px 0 40px #0008}.sidebar.open{transform:translateX(0)}.menu-button{display:block}.split{grid-template-columns:1fr}.topbar{padding:0 20px}}
@media(max-width:560px){.topbar{height:65px}.top-actions .quiet-button{display:none}.main-content{padding:24px 16px 80px}.grid,.grid.two,.book-list{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four .stat-card{padding:15px}.grid.four .stat-card strong{font-size:1.8rem}.page-head{align-items:start;flex-direction:column}.page-title{font-size:2.7rem}.form-grid{grid-template-columns:1fr}.modal{padding:20px}.filter-row input{flex-basis:100%}}
