:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#2e2418;background:#161412}*{box-sizing:border-box}body{margin:0;background:#161412}button,input,select,textarea{font:inherit}.appShell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:#161412}.sidebar{background:#201b17;color:#f0dfbd;border-right:1px solid #8f6b3d;padding:22px 16px}.brand{display:grid;gap:4px;padding:8px 10px 24px}.brand span{color:#c9a86d;font-size:14px}.brand strong{font-size:24px;line-height:1.05}.sidebar nav{display:grid;gap:8px}.sidebar button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#f0dfbd;padding:13px 14px;border-radius:8px;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#342920;border-color:#a47b45}main{min-width:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px 30px;color:#f1e4cd;border-bottom:1px solid #7f6139;background:#211c18}.topbar h1{margin:0;font-size:30px}.topbar p{margin:4px 0 0;color:#cdbb9d}.contentFrame{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start}.page{padding:28px;background:#161412;min-height:calc(100vh - 96px);color:#2f2519}.rightDetailsPanel{position:sticky;top:0;min-height:calc(100vh - 96px);display:grid;align-content:start;gap:10px;padding:20px;border-left:1px solid #7f6139;background:#211c18;color:#f1e4cd}.rightDetailsPanel span,.rightDetailsPanel small{color:#cdbb9d;overflow-wrap:anywhere}.stack{display:grid;gap:22px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.right{justify-content:flex-end}section,.itemCard,.detail,.settingsPanel,.empty,.notice,.modal{background:#efe1c2;border:1px solid #a77f47;border-radius:8px;padding:18px;box-shadow:0 14px 34px #0000002e}h2,h3{margin-top:0}.button{border:1px solid #7f5627;border-radius:8px;background:#8d5f2f;color:#fff6e5;min-height:42px;padding:10px 16px;cursor:pointer;font-weight:700}.button:hover{filter:brightness(1.08)}.button:active,.linkButton:active,.sidebar button:active,.bottomNav button:active,.floatingQuickAdd:active{transform:translateY(1px);filter:brightness(.94)}.button.secondary{background:#315e64;border-color:#23464a}.button.ghost{background:transparent;color:#49331d}.button.danger{background:#8b2f2f;border-color:#6d2020}.button:disabled{opacity:.5;cursor:not-allowed}.linkButton{background:transparent;border:0;color:#315e64;cursor:pointer;padding:6px 0;font-weight:800}.dangerText{color:#8b2f2f}.field{display:grid;gap:7px;color:#49331d;font-weight:700}input,select,textarea{width:100%;border:1px solid #a77f47;border-radius:8px;background:#fff8e8;color:#2e2418;padding:11px 12px;min-height:42px}.checkField{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#49331d}.checkField input{width:auto;min-height:auto}textarea{resize:vertical}.formStack{display:grid;gap:16px;background:#efe1c2;border:1px solid #a77f47;border-radius:8px;padding:18px}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;background:#efe1c2;border:1px solid #a77f47;border-radius:8px;padding:16px}.searchHero{display:grid;grid-template-columns:1fr auto;gap:12px;background:#efe1c2;border:1px solid #a77f47;border-radius:8px;padding:16px}.searchHero input{font-size:20px;min-height:56px}.categoryButtons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.categoryButtons button,.miniList button{border:1px solid #a77f47;background:#efe1c2;border-radius:8px;padding:12px;text-align:left;cursor:pointer}.itemCardTop,.detailHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.itemCard h3{margin-bottom:8px}.meta,.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.meta span,.tags span{background:#dfc999;border:1px solid #b58a4d;border-radius:999px;padding:5px 9px;font-size:13px}.meta.big span{font-size:15px}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;color:#172016;background:#c4c4b4}.badge.canon{background:#7fc17d}.badge.memory-recall{background:#84a9d4}.badge.inference{background:#b49ad7}.badge.new-idea{background:#dfbf61}.badge.superseded{background:#d98175}.badge.needs-review{background:#c4c4b4}.detail{display:grid;gap:18px}.markdownPreview{background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:16px}.markdownPreview pre{white-space:pre-wrap;font-family:inherit;line-height:1.55}.gallery,.list,.tableList,.miniList,.actionGrid{display:grid;gap:12px}.syncPanel{display:grid;gap:14px}.syncStatus{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.syncStatus p{margin:4px 0}.conflictList{display:grid;gap:12px}.conflictCard{display:grid;gap:12px;background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:14px}.statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.statGrid div{display:grid;gap:4px;background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:12px}.statGrid strong{font-size:26px;color:#315e64}.statGrid span{color:#6b5640;font-weight:800}.attachment{display:grid;gap:6px;background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:12px}.stepPanel{display:grid;gap:14px}.dropZone{display:flex;align-items:center;justify-content:space-between;gap:16px;border:2px dashed #a77f47;background:#fff8e8;border-radius:8px;padding:16px}.importCard{display:grid;gap:14px}.mergePanel{display:grid;gap:12px;background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:14px}.queueLine{display:flex;justify-content:space-between;gap:12px;background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:10px 12px}.attachment small,.hint{color:#6b5640;overflow-wrap:anywhere}.inlineMessage{background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;color:#49331d;padding:10px 12px;overflow-wrap:anywhere}.errorText{color:#8b2f2f;font-weight:900}.empty{text-align:center;color:#6b5640}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalShade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(560px,100%)}.modal header{display:flex;justify-content:space-between;align-items:center}.globalNotice{position:sticky;top:0;z-index:25;margin:0 0 14px;padding:12px 14px;border:1px solid #7f5627;border-radius:8px;background:#efe1c2;color:#49331d;font-weight:900;box-shadow:0 10px 26px #00000038}.globalNotice.error{border-color:#8b2f2f;color:#8b2f2f}.bottomNav,.quickAddMenu,.hamburgerButton,.floatingQuickAdd,.navShade{display:none}.uploadControls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.uploadButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #23464a;border-radius:8px;background:#315e64;color:#fff6e5;font-weight:800;cursor:pointer}.uploadButton.camera{background:#6a4f22;border-color:#7f5627}.uploadButton input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.quickFacts,.locationHeroStrip{display:none}.mobileAccordion{background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:10px 12px}.mobileAccordion summary{cursor:pointer;font-weight:900;color:#49331d}.mobileAccordion p{margin-bottom:0}@media(max-width:860px){html{min-height:100%}body{min-height:100%;-webkit-text-size-adjust:100%}.appShell{display:block;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:block;width:min(84vw,320px);transform:translate(-105%);transition:transform .18s ease;box-shadow:18px 0 50px #00000073;overflow-y:auto}.appShell.navOpen .sidebar{transform:translate(0)}.navShade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:block;border:0;background:#0000008f}.contentFrame{display:block}.rightDetailsPanel{display:none}main{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.hamburgerButton{position:fixed;top:calc(10px + env(safe-area-inset-top));left:10px;z-index:40;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #8f6b3d;border-radius:8px;background:#201b17;color:#f0dfbd;font-weight:900;box-shadow:0 12px 30px #00000059}.topbar{padding:calc(18px + env(safe-area-inset-top)) 16px 16px 76px}.topbar h1{font-size:23px;line-height:1.12}.topbar p{font-size:13px}.topbar,.detailHeader,.notice{align-items:stretch;flex-direction:column}.grid.two,.searchHero,.syncStatus{grid-template-columns:1fr}.dropZone{align-items:stretch;flex-direction:column}.page{padding:14px;min-height:auto}section,.itemCard,.detail,.settingsPanel,.empty,.notice,.modal,.formStack{border-radius:8px;padding:14px}.button,.linkButton,.uploadButton,input,select,textarea{min-height:46px;font-size:16px}.row.right,.row{align-items:stretch}.row .button,.row .uploadButton,.uploadControls,.uploadControls .button,.uploadControls .uploadButton{width:100%}.uploadControls{display:grid;grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:#201b17;border-top:1px solid #8f6b3d}.bottomNav button{min-height:62px;border:0;border-right:1px solid #342920;border-radius:0;background:transparent;color:#f0dfbd;font-weight:800;font-size:11px}.bottomNav button.active{background:#342920;color:#fff6e5}.floatingQuickAdd{position:fixed;right:18px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:36;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:2px solid #f0d187;background:#8d5f2f;color:#fff6e5;font-size:34px;font-weight:900;box-shadow:0 18px 44px #0000006b}.quickAddMenu{position:fixed;left:14px;right:14px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;background:#efe1c2;border:1px solid #a77f47;border-radius:8px;box-shadow:0 18px 50px #00000059}.quickAddMenu button{min-height:50px;border:1px solid #7f5627;border-radius:8px;background:#8d5f2f;color:#fff6e5;font-weight:800}.mobileCharacterCard,.mobileLocationCard,.mobileTimelineEvent{display:grid;gap:12px}.mobileCharacterCard .meta{display:none}.quickFacts,.locationHeroStrip{display:grid;gap:4px;background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:12px}.quickFacts span,.locationHeroStrip span{color:#6b5640}.mobileAccordion{display:block}.markdownPreview{padding:12px}.markdownPreview h1{font-size:24px}.markdownPreview pre{font-size:15px;line-height:1.55}.toolbar{grid-template-columns:1fr}.searchHero input{font-size:18px}}@media(min-width:861px)and (max-width:1180px){.appShell{grid-template-columns:88px 1fr}.brand strong{font-size:15px}.sidebar{padding:14px 8px}.sidebar button{padding:11px 8px;font-size:13px}.contentFrame{grid-template-columns:1fr}.rightDetailsPanel{display:none}}body{font-size:17px;line-height:1.5}.sidebar{width:100%}.sidebar nav{gap:10px}.sidebar button{display:grid;gap:4px;padding:14px 13px;line-height:1.25}.sidebar button strong{font-size:17px}.sidebar button span{color:#d7c49f;font-size:12px;font-weight:600}.topbar{padding:28px 34px}.topbar h1{font-size:34px;letter-spacing:0}.topbar p{max-width:780px;font-size:17px}.page{padding:32px}.stack{gap:26px}section,.itemCard,.detail,.settingsPanel,.empty,.notice,.modal{padding:22px}h2{font-size:26px;margin-bottom:10px}h3{font-size:21px}.button,.uploadButton{min-height:48px;padding:12px 18px;font-size:16px}.field{gap:9px}input,select,textarea{min-height:48px;font-size:16px}.readablePanel p{max-width:920px}.driveStatusCard{display:grid;gap:18px}.statusList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.statusList div,.actionHelp,.driveSafetyNote{background:#fff8e8;border:1px solid #c49a5b;border-radius:8px;padding:14px}.statusList span{display:block;color:#6b5640;font-weight:800;font-size:14px}.statusList strong{display:block;margin-top:4px;color:#2e2418;overflow-wrap:anywhere}.driveActionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.actionHelp{display:grid;gap:10px;align-content:start}.actionHelp .button{width:100%}.actionHelp p{margin:0;color:#6b5640;font-weight:700}.conflictFieldGrid{display:grid;gap:10px;margin:12px 0}.conflictFieldRow{display:grid;grid-template-columns:minmax(110px,180px) repeat(2,minmax(0,1fr));gap:10px;align-items:start;border:1px solid #c49a5b;background:#fff8e8;border-radius:8px;padding:12px}.conflictFieldRow span{display:block;color:#6b5640;font-size:12px;font-weight:800;text-transform:uppercase}.conflictFieldRow p{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.hiddenFileInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.errorMessage{border-color:#8b2f2f;color:#8b2f2f;font-weight:900}.helpCard p{color:#49331d}.floatingQuickAdd{width:auto;min-width:76px;height:56px;border-radius:999px;padding:0 18px;font-size:18px}.quickAddMenu button{text-align:center}@media(max-width:860px){body{font-size:16px}.sidebar button strong{font-size:18px}.sidebar button span{font-size:13px}.topbar{padding:calc(18px + env(safe-area-inset-top)) 16px 18px 86px}.topbar h1{font-size:26px}.topbar p{font-size:15px}.page{padding:16px}.driveActionGrid,.statusList,.conflictFieldRow{grid-template-columns:1fr}.bottomNav{grid-template-columns:repeat(5,1fr)}.bottomNav button{font-size:12px;padding:6px 4px}.floatingQuickAdd{right:14px;bottom:calc(84px + env(safe-area-inset-bottom));min-width:72px;height:54px}}@media(min-width:861px)and (max-width:1180px){.appShell{grid-template-columns:220px 1fr}.brand strong{font-size:20px}.sidebar button{padding:12px 10px}.sidebar button strong{font-size:15px}.sidebar button span{font-size:11px}}
