@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;700&display=swap");:root{--primary:#263114;--on-primary:#ffffff;--primary-container:#3c4828;--on-primary-container:#a8b68e;--surface:#faf9f5;--surface-bright:#faf9f5;--surface-container-lowest:#ffffff;--surface-container-low:#f4f4f0;--surface-container:#efeeea;--surface-container-high:#e9e8e4;--surface-container-highest:#e3e2df;--on-surface:#1b1c1a;--on-surface-variant:#45483e;--secondary:#5b6050;--secondary-container:#e0e5d0;--on-secondary-container:#616656;--outline:#76786d;--outline-variant:#c6c8bb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:10px}.font-serif{font-family:"Noto Serif SC",serif}.font-sans{font-family:Inter,sans-serif}.app-shell{display:flex;min-height:100vh;position:relative}.app-shell-auth{display:block}.sidebar{width:var(--sidebar-width,256px);background:var(--surface-container-low);padding:2rem 0;display:flex;flex-direction:column;gap:1rem;position:fixed;left:0;top:0;height:100vh;z-index:50;transition:width .2s ease}.sidebar-collapse-button{position:absolute;top:1rem;right:.75rem;width:2rem;height:2rem;border:1px solid rgba(118,120,109,.2);border-radius:9999px;background:var(--surface-container-lowest);color:var(--primary);cursor:pointer}.sidebar[data-collapsed=true] .nav-label,.sidebar[data-collapsed=true] .sidebar-header,.sidebar[data-collapsed=true] [data-testid=auth-sidebar-rail]{display:none}.sidebar[data-collapsed=true] .sidebar-nav{padding-right:0;align-items:center}.sidebar[data-collapsed=true] .nav-item{width:2.75rem;min-height:2.75rem;padding:0;justify-content:center;border-radius:9999px}.sidebar-resize-handle{position:fixed;z-index:55;top:0;bottom:0;left:calc(var(--sidebar-width, 256px) - 4px);width:8px;cursor:col-resize;touch-action:none}.pane-resize-handle:hover:after,.sidebar-resize-handle:hover:after{content:"";position:absolute;background:rgba(60,72,40,.42)}.sidebar-resize-handle:hover:after{inset:0 3px}.sidebar-header{padding:0 2rem;margin-bottom:2rem}.sidebar-title{font-family:"Noto Serif SC",serif;font-size:1.25rem;color:var(--primary)}.sidebar-subtitle{font-family:Inter,sans-serif;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-top:.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding-right:1rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 2rem;width:100%;border:none;background:transparent;color:var(--primary);opacity:.7;font:inherit;text-align:left;text-decoration:none;border-radius:0 9999px 9999px 0;transition:all .2s;cursor:pointer}.nav-item:hover{background:rgba(239,238,234,.5);transform:translateX(.25rem)}.nav-item-active{opacity:1;font-weight:700;background:var(--surface-container)}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.sidebar-auth-rail{margin-top:auto;margin-inline:1rem;padding:1rem 1rem 0;border-radius:0;border:none;border-top:1px solid rgba(118,120,109,.16);background:transparent;box-shadow:none}.sidebar-auth-copy,.sidebar-auth-guest,.sidebar-auth-session{display:grid;grid-gap:.45rem;gap:.45rem}.sidebar-auth-kicker{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary)}.sidebar-auth-label{font-size:.86rem;color:var(--primary)}.sidebar-auth-email,.sidebar-auth-note{font-size:.78rem;line-height:1.6;color:var(--on-surface-variant)}.sidebar-auth-email{overflow-wrap:anywhere;opacity:.78}.sidebar-auth-account,.sidebar-auth-logout,.sidebar-auth-open{width:100%}.sidebar-auth-session{gap:.35rem}.sidebar-auth-note{font-size:.75rem}.sidebar-auth-account{justify-content:flex-start;padding-inline:0;border:none;background:transparent;box-shadow:none;min-height:auto}.sidebar-auth-open{margin-top:.2rem;justify-content:center;background:rgba(255,255,255,.52)}.sidebar-auth-logout{justify-content:flex-start;padding-inline:0;border:none;background:transparent;min-height:auto}.app-utility-bar,.mobile-pane-tabs,.mobile-topbar,.sidebar-overlay{display:none}.app-utility-copy{display:grid;grid-gap:.08rem;gap:.08rem}.app-utility-kicker{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary)}.app-utility-label{font-size:.78rem;color:var(--primary)}.app-utility-actions{display:flex;align-items:center;gap:.45rem}.auth-account-button,.auth-logout-button,.auth-open-button,.auth-page-back{min-height:42px;border-radius:9999px;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.auth-account-button,.auth-open-button{border:1px solid rgba(38,49,20,.18);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,244,240,.95));color:var(--primary);font-size:.84rem;font-weight:700;padding:.65rem 1rem}.auth-account-button{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-logout-button,.auth-page-back{border:1px solid rgba(118,120,109,.22);background:rgba(250,249,245,.84);color:var(--on-surface-variant);font-size:.82rem;font-weight:600;padding:.65rem .95rem}.auth-account-button:hover,.auth-logout-button:hover,.auth-mode-button:hover,.auth-open-button:hover,.auth-page-back:hover,.auth-page-note:hover,.auth-submit-button:hover{transform:translateY(-1px)}.auth-page{min-height:100vh;width:100%;padding:1.3rem;background:radial-gradient(circle at top left,rgba(224,229,208,.85),transparent 25rem),radial-gradient(circle at bottom right,rgba(38,49,20,.08),transparent 26rem),linear-gradient(180deg,#f7f5ef,#efede6)}.auth-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 auto;max-width:1240px;padding:.4rem .15rem 1.4rem}.auth-page-brand{display:grid;grid-gap:.32rem;gap:.32rem}.auth-card-kicker,.auth-page-brand-kicker,.auth-page-story-label{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary)}.auth-page-brand-title{font-family:"Noto Serif SC",serif;font-size:1.6rem;color:var(--primary)}.auth-page-main{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);grid-gap:1.25rem;gap:1.25rem;align-items:stretch}.auth-page-panel,.auth-page-story{border-radius:1.6rem;border:1px solid rgba(198,200,187,.38);box-shadow:0 28px 60px rgba(38,49,20,.08)}.auth-page-story{position:relative;overflow:hidden;padding:2.2rem;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(244,244,240,.92)),linear-gradient(180deg,rgba(224,229,208,.35),transparent 65%)}.auth-page-story:after{content:"";position:absolute;inset:1.25rem;border:1px solid rgba(198,200,187,.28);border-radius:1.1rem;pointer-events:none}.auth-page-story-title{position:relative;max-width:11em;margin-top:.8rem;font-family:"Noto Serif SC",serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;color:var(--primary)}.auth-page-story-body{position:relative;max-width:36rem;margin-top:1.1rem;font-size:1rem;line-height:1.9;color:var(--on-surface-variant)}.auth-page-rail{position:relative;margin-top:2rem;display:grid;grid-gap:.85rem;gap:.85rem}.auth-page-note{display:grid;grid-template-columns:auto 1fr;grid-gap:.9rem;gap:.9rem;padding:1rem 1.05rem;border-radius:1.15rem;border:1px solid rgba(198,200,187,.34);background:rgba(255,255,255,.68)}.auth-page-note-index{width:2.2rem;height:2.2rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-container-high);color:var(--primary);font-size:.74rem;font-weight:700}.auth-page-note h4{font-family:"Noto Serif SC",serif;font-size:1rem;color:var(--primary)}.auth-page-note p{margin-top:.28rem;font-size:.92rem;line-height:1.7;color:var(--on-surface-variant)}.auth-page-panel{display:flex;align-items:center;justify-content:center;padding:1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(233,232,228,.95)),linear-gradient(135deg,rgba(224,229,208,.28),transparent 55%)}.auth-card{width:min(100%,31rem);display:grid;grid-gap:1.25rem;gap:1.25rem;padding:1.8rem;border-radius:1.4rem;background:rgba(250,249,245,.96);border:1px solid rgba(198,200,187,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.auth-card-header{display:grid;grid-gap:.5rem;gap:.5rem}.auth-card-title{font-family:"Noto Serif SC",serif;font-size:1.75rem;line-height:1.22;color:var(--primary)}.auth-card-description{font-size:.95rem;line-height:1.7;color:var(--on-surface-variant)}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;padding:.4rem;border-radius:1rem;background:rgba(233,232,228,.9)}.auth-mode-button{min-height:44px;border:none;border-radius:.8rem;background:transparent;color:var(--secondary);font-size:.9rem;font-weight:700;cursor:pointer}.auth-mode-button-active{background:rgba(255,255,255,.95);color:var(--primary);box-shadow:0 10px 20px rgba(38,49,20,.08)}.auth-form{display:grid;grid-gap:.9rem;gap:.9rem}.auth-field{display:grid;grid-gap:.45rem;gap:.45rem}.auth-field-label{font-size:.8rem;font-weight:700;color:var(--secondary)}.auth-input{width:100%;min-height:48px;border:1px solid rgba(118,120,109,.24);border-radius:.95rem;background:rgba(255,255,255,.94);color:var(--on-surface);font-size:.95rem;padding:.85rem 1rem}.auth-input:focus{outline:none;border-color:rgba(38,49,20,.28);box-shadow:0 0 0 3px rgba(60,72,40,.1)}.auth-error{border-radius:.95rem;background:rgba(188,63,63,.08);color:#8d2f2f;font-size:.88rem;line-height:1.6;padding:.85rem .95rem}.auth-submit-button{min-height:48px;border:none;border-radius:1rem;background:linear-gradient(180deg,var(--primary-container),var(--primary));color:var(--on-primary);font-size:.95rem;font-weight:700;cursor:pointer;padding:.85rem 1rem;box-shadow:0 16px 30px rgba(38,49,20,.2)}.auth-submit-button:disabled{cursor:wait;opacity:.72}.main-content{margin-left:var(--sidebar-width,256px);flex:1 1;display:flex;height:100vh;overflow:hidden}.pane-resize-handle{position:relative;z-index:20;flex:0 0 8px;cursor:col-resize;touch-action:none;background:var(--surface-container-high)}.pane-resize-handle:hover:after{inset:0 3px}.main-content-maps{display:block;background:radial-gradient(circle at top left,rgba(224,229,208,.92),transparent 28rem),linear-gradient(180deg,#f7f6f1,#efeee8)}.top-bar{position:fixed;top:0;left:256px;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--surface);z-index:40;border-bottom:1px solid rgba(198,200,187,.1)}.search-container{flex:1 1;max-width:28rem}.search-input{width:100%;background:var(--surface-container);border:none;border-radius:9999px;padding:.625rem 1rem .625rem 3rem;font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;background:var(--surface-container-lowest);box-shadow:0 0 0 1px var(--outline-variant)}.scripture-pane{width:60%;height:100vh;overflow-y:auto;background:var(--surface-bright);padding-top:5rem}.pane-half{width:50%}.scripture-container{max-width:700px;margin:0 auto;padding:3rem 2rem 8rem}.scripture-header{margin-bottom:4rem;text-align:center}.book-selector{font-family:"Noto Serif SC",serif;font-size:2rem;font-weight:700;color:var(--primary);background:transparent;border:none;cursor:pointer;padding:.5rem;text-align:center;width:100%}.book-selector:focus{outline:2px solid var(--outline-variant);border-radius:4px}.book-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;opacity:.6}.book-label,.book-title{color:var(--primary);font-weight:700}.book-title{font-family:"Noto Serif SC",serif;font-size:3.5rem;margin-top:.5rem}.title-underline{height:4px;width:3rem;background:var(--primary);margin-top:2rem}.chapter-title{font-size:2.5rem;opacity:.3;font-style:italic;margin-bottom:3rem}.chapter-title,.passage-text{font-family:"Noto Serif SC",serif}.passage-text{font-size:1.125rem;line-height:1.8;color:var(--on-surface);white-space:pre-wrap}.passage-text-annotatable{position:relative;cursor:text}.text-annotation{display:inline;border:none;border-radius:.25rem;color:inherit;cursor:pointer;font:inherit;line-height:inherit;padding:0 .08em}.text-annotation:hover{box-shadow:inset 0 -2px 0 rgba(27,28,26,.18)}.annotation-toolbar{position:fixed;z-index:60;display:flex;align-items:center;gap:.375rem;background:rgba(27,28,26,.94);border-radius:9999px;padding:.45rem .55rem;transform:translate(-50%,-100%);box-shadow:0 12px 30px rgba(0,0,0,.18)}.annotation-toolbar-menu{border-radius:1rem}.annotation-action-button{border:none;border-radius:9999px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:.75rem;min-width:44px;min-height:44px;padding:.4rem .7rem;touch-action:manipulation}.annotation-delete-button{background:rgba(188,63,63,.95)}.annotation-notes{margin-top:2rem;padding:1.25rem;background:var(--surface-container-low);border:1px solid rgba(198,200,187,.35);border-radius:1rem}.annotation-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.annotation-notes-title{font-family:"Noto Serif SC",serif;font-size:1.05rem;color:var(--primary)}.annotation-notes-count{min-width:1.75rem;height:1.75rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--primary);background:var(--surface-container-high)}.annotation-note-list{display:grid;grid-gap:.75rem;gap:.75rem}.annotation-note-card{width:100%;text-align:left;border:1px solid rgba(198,200,187,.4);background:var(--surface-container-lowest);border-radius:.9rem;padding:.9rem 1rem;cursor:pointer}.annotation-note-meta{display:flex;align-items:center;gap:.65rem}.annotation-note-swatch{width:.8rem;height:.8rem;border-radius:9999px;border:1px solid rgba(27,28,26,.18);flex:0 0 auto}.annotation-note-excerpt{font-family:"Noto Serif SC",serif;font-size:.95rem;color:var(--on-surface)}.annotation-note-status{margin-left:auto;font-size:.7rem;color:var(--on-surface-variant)}.annotation-note-body{margin-top:.55rem;font-size:.92rem;line-height:1.6;color:var(--on-surface-variant)}.annotation-note-empty{font-size:.9rem;color:var(--on-surface-variant)}.map-context-panel{margin-top:2rem;padding:1.25rem;background:var(--surface-container-low);border:1px solid rgba(198,200,187,.35);border-radius:1rem}.map-context-header{display:grid;grid-gap:.35rem;gap:.35rem}.map-context-title{font-family:"Noto Serif SC",serif;font-size:1.05rem;color:var(--primary)}.map-context-subtitle{font-size:.82rem;color:var(--on-surface-variant)}.map-context-tabs{display:flex;gap:.55rem;margin-top:1rem}.map-context-tab{border:1px solid rgba(118,120,109,.18);border-radius:9999px;background:var(--surface-container-lowest);color:var(--primary);min-height:40px;padding:.55rem .95rem;font-size:.85rem;font-weight:600;cursor:pointer}.map-context-tab-active{background:var(--primary);color:var(--on-primary)}.map-context-body{margin-top:1rem;display:grid;grid-gap:.9rem;gap:.9rem}.map-context-intro,.map-context-paragraph,.map-context-route-item{font-size:.95rem;line-height:1.75;color:var(--on-surface)}.map-context-route-list{margin:0;padding-left:1.3rem;display:grid;grid-gap:.8rem;gap:.8rem}.map-pane{width:40%;height:100vh;background:var(--surface-container-high);border-left:1px solid rgba(198,200,187,.1);display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:.75rem}.main-content-reader .scripture-pane{width:calc(100% - var(--map-pane-width, 35%) - 8px)}.main-content-reader .map-pane{width:var(--map-pane-width,35%)}.map-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex:0 0 auto;padding:1.1rem 1.15rem;background:var(--surface-bright);border:1px solid rgba(198,200,187,.16);border-radius:1rem}.map-header-copy{min-width:0}.map-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.45rem}.map-focus-button,.related-map-picker summary{min-height:38px;border:1px solid rgba(118,120,109,.22);border-radius:9999px;background:var(--surface-container-lowest);color:var(--primary);cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:.5rem .75rem}.related-map-picker{position:relative}.related-map-picker summary{max-width:13rem;list-style:none}.related-map-picker summary::-webkit-details-marker{display:none}.related-map-menu{position:absolute;z-index:30;right:0;top:calc(100% + .4rem);width:min(19rem,70vw);max-height:18rem;overflow:auto;display:grid;grid-gap:.35rem;gap:.35rem;padding:.5rem;border:1px solid rgba(118,120,109,.22);border-radius:.9rem;background:var(--surface-container-lowest);box-shadow:0 14px 32px rgba(27,28,26,.16)}.related-map-option{width:100%;border:none;border-radius:.65rem;background:transparent;color:var(--on-surface);cursor:pointer;font:inherit;font-size:.8rem;line-height:1.4;padding:.6rem .7rem;text-align:left}.related-map-option-active,.related-map-option:hover{background:var(--secondary-container)}.map-pane-focused{position:fixed;z-index:100;inset:0;width:100%!important;height:100vh;padding:1rem;border:0;background:rgba(27,28,26,.9)}.map-pane-focused>:is(.map-header,.map-container){max-width:1440px;width:100%;margin-inline:auto}.map-pane-focused>:last-child{flex:1 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.map-container{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem;padding:.75rem;overflow:hidden;background:var(--surface-bright);border-radius:1rem}.map-stage{flex:1 1;position:relative;width:100%;height:100%;min-height:100%;overflow:auto;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(233,232,228,.9))}.map-stage-annotation-mode{cursor:default;overflow:hidden;touch-action:none}.map-stage-view-mode{cursor:auto;touch-action:pan-x pan-y}.map-transform-layer{position:relative;width:100%;transform-origin:center center;transition:transform .18s ease}.map-transform-layer-view{min-width:100%}.map-transform-layer-edit{height:100%}.map-image{display:block;width:100%;max-width:100%;object-fit:contain}.map-image-view{height:auto;object-fit:contain}.map-image-edit{height:100%;max-height:100%;object-fit:contain}.map-tools{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.map-tool-actions{justify-content:flex-end}.map-tool-actions,.map-tool-picker{display:flex;flex-wrap:wrap;gap:.35rem}.map-color-picker{display:flex;gap:.5rem;padding:.45rem .6rem}.map-color-picker,.map-draw-indicator{align-items:center;border-radius:9999px;background:rgba(255,255,255,.9)}.map-draw-indicator{display:inline-flex;gap:.4rem;padding:.35rem .6rem;color:var(--primary);font-size:.72rem;font-weight:600}.map-draw-indicator-dot{width:.8rem;height:.8rem;border-radius:9999px;background:#c62828;box-shadow:0 0 0 2px rgba(198,40,40,.15)}.color-swatch{width:1.25rem;height:1.25rem;border:2px solid rgba(27,28,26,.16);border-radius:9999px;cursor:pointer}.color-swatch-active{border-color:rgba(27,28,26,.72);transform:scale(1.08)}.map-clear-button{border:none;border-radius:9999px;background:rgba(255,255,255,.9);color:var(--primary);cursor:pointer;font-size:.7rem;font-weight:600;min-width:44px;min-height:44px;padding:.45rem .72rem;line-height:1;touch-action:manipulation}.map-tool-active{background:rgba(32,74,54,.16)}.map-clear-button:disabled{cursor:not-allowed;opacity:.45}.map-annotation-layer{position:absolute;inset:0;cursor:crosshair;touch-action:none}.map-annotation-layer-view-only{pointer-events:none;cursor:default}.map-legacy-layer{width:100%;height:100%;object-fit:fill;pointer-events:none}.map-legacy-layer,.map-legacy-vector-layer,.map-markerjs-layer{position:absolute;inset:0}.map-markerjs-layer{z-index:1}.map-legacy-vector-layer{z-index:0;pointer-events:none}.map-legacy-svg{position:absolute;inset:0;width:100%;height:100%}.map-legacy-text-annotation{position:absolute;padding:.28rem .4rem;border:1px solid transparent;border-radius:.65rem;background:rgba(255,255,255,.88);box-shadow:0 8px 18px rgba(0,0,0,.12);font-size:.72rem;font-weight:600;line-height:1.3}.map-annotation-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-text-annotation{position:absolute;padding:.35rem .45rem;border:2px solid transparent;border-radius:.75rem;background:rgba(255,255,255,.88);box-shadow:0 8px 18px rgba(0,0,0,.12);font-size:.75rem;font-weight:600;line-height:1.3;cursor:move}.map-text-annotation-selected{box-shadow:0 0 0 2px rgba(32,74,54,.2),0 8px 18px rgba(0,0,0,.12)}.map-text-editor{width:100%;min-height:3rem;border:none;outline:none;resize:none;background:transparent;color:inherit;font:inherit}.map-canvas-layer{position:absolute;inset:0;cursor:crosshair;touch-action:none}.map-canvas-layer-view-only{pointer-events:none;cursor:default}.map-view-gesture-layer{position:absolute;inset:0;z-index:2;cursor:-webkit-grab;cursor:grab;touch-action:none}.map-view-gesture-layer:active{cursor:-webkit-grabbing;cursor:grabbing}.map-overlay{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5)}.map-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.map-label,.map-title{color:var(--primary);font-weight:700}.map-title{font-family:"Noto Serif SC",serif;font-size:1.5rem;margin-top:.25rem}.map-library-page{height:100%;padding:5.75rem 1.25rem 1.25rem}.map-library-section{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);grid-gap:1rem;gap:1rem;height:100%}.map-library-section[data-sidebar-collapsed=true]{grid-template-columns:3.5rem minmax(0,1fr)}.map-library-section[data-sidebar-collapsed=true] .map-library-detail{grid-template-columns:minmax(0,1.45fr) minmax(19rem,.72fr)}.map-library-detail,.map-library-sidebar{min-height:0;border-radius:1.25rem;border:1px solid rgba(198,200,187,.32);background:rgba(255,255,255,.82);box-shadow:0 24px 48px rgba(38,49,20,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-library-sidebar{display:flex;flex-direction:column;padding:1rem;overflow:hidden;transition:padding .2s ease,transform .2s ease}.map-library-sidebar[data-collapsed=true]{align-items:center;padding:.85rem .45rem}.map-library-sidebar-toolbar{display:flex;justify-content:flex-end}.map-library-sidebar[data-collapsed=true] .map-library-sidebar-toolbar{width:100%;justify-content:center}.map-library-sidebar-toggle{border:1px solid rgba(118,120,109,.18);border-radius:9999px;background:rgba(255,255,255,.92);color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;padding:.55rem .9rem;font-size:.82rem;font-weight:700}.map-library-sidebar-toggle-icon{font-size:.9rem;line-height:1}.map-library-sidebar[data-collapsed=true] .map-library-sidebar-toggle{width:100%;min-width:0;padding:.55rem 0}.map-library-sidebar[data-collapsed=true] .map-library-sidebar-toggle-text{display:none}.map-library-sidebar-collapsed-copy{flex:1 1;display:grid;justify-items:center;align-content:center;grid-gap:.9rem;gap:.9rem;width:100%}.map-library-collapsed-count{width:2rem;height:2rem;border-radius:9999px;background:var(--surface-container-high);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.map-library-sidebar-header{display:grid;grid-gap:.35rem;gap:.35rem}.map-library-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary)}.map-library-heading{font-family:"Noto Serif SC",serif;font-size:1.6rem;color:var(--primary)}.map-library-subtitle{font-size:.88rem;line-height:1.6;color:var(--on-surface-variant)}.map-library-search-shell{margin-top:1rem;display:grid;grid-gap:.55rem;gap:.55rem}.map-library-search-input{width:100%;border:1px solid rgba(118,120,109,.2);border-radius:1rem;background:rgba(250,249,245,.92);color:var(--on-surface);font-size:.95rem;padding:.85rem 1rem}.map-library-search-input:focus{outline:none;border-color:rgba(38,49,20,.28);box-shadow:0 0 0 3px rgba(60,72,40,.1)}.map-library-result-count{font-size:.78rem;color:var(--on-surface-variant)}.map-library-list{margin-top:.9rem;display:grid;grid-gap:.55rem;gap:.55rem;overflow:auto;padding-right:.2rem}.map-library-list-item{width:100%;text-align:left;border:1px solid rgba(198,200,187,.38);border-radius:1rem;background:rgba(244,244,240,.9);color:var(--on-surface);cursor:pointer;display:grid;grid-gap:.3rem;gap:.3rem;padding:.85rem .95rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.map-library-list-item:hover{transform:translateY(-1px);border-color:rgba(60,72,40,.24);background:rgba(255,255,255,.96)}.map-library-list-item-active{border-color:rgba(38,49,20,.28);background:linear-gradient(180deg,rgba(224,229,208,.92),rgba(255,255,255,.96))}.map-library-item-id{font-size:.7rem;color:var(--secondary);letter-spacing:.08em;text-transform:uppercase}.map-library-item-title{font-family:"Noto Serif SC",serif;font-size:.98rem;line-height:1.45}.map-library-detail{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(22rem,.92fr);grid-gap:1rem;gap:1rem;padding:1rem;min-height:0;overflow:hidden}.map-library-info-pane,.map-library-visual-pane{min-height:0;border-radius:1rem}.map-library-visual-pane{display:flex;min-width:0;background:linear-gradient(180deg,rgba(247,246,241,.95),rgba(233,232,228,.92)),linear-gradient(135deg,rgba(255,255,255,.4),transparent 55%);padding:1rem}.map-library-map-shell{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:.85rem}.map-library-map-shell>.map-stage{min-height:0}.map-library-info-pane{display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:1rem;gap:1rem;padding:1.1rem;background:rgba(250,249,245,.82);border:1px solid rgba(198,200,187,.28)}.map-library-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.map-library-detail-title{font-family:"Noto Serif SC",serif;font-size:1.7rem;line-height:1.2;color:var(--primary);margin-top:.25rem}.map-library-source-link{flex:0 0 auto;border:1px solid rgba(118,120,109,.22);border-radius:9999px;color:var(--primary);text-decoration:none;font-size:.8rem;font-weight:600;min-height:40px;padding:.65rem .95rem}.map-library-detail-image{width:100%;height:100%;object-fit:contain;border-radius:.8rem;box-shadow:0 14px 32px rgba(27,28,26,.12)}.map-library-detail-body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.map-library-detail-tabs{display:flex;gap:.55rem}.map-library-detail-tab{border:1px solid rgba(118,120,109,.18);border-radius:9999px;background:var(--surface-container-lowest);color:var(--primary);min-height:40px;padding:.55rem .95rem;font-size:.85rem;font-weight:600;cursor:pointer}.map-library-detail-tab-active{background:var(--primary);color:var(--on-primary)}.map-library-detail-panel{overflow:auto;margin-top:1rem;padding-right:.2rem;display:grid;grid-gap:.9rem;gap:.9rem}.map-library-detail-intro,.map-library-detail-paragraph,.map-library-detail-step{font-size:.95rem;line-height:1.75;color:var(--on-surface)}.map-library-detail-steps{margin:0;padding-left:1.3rem;display:grid;grid-gap:.8rem;gap:.8rem}.map-library-empty-preview,.map-library-empty-state{min-height:8rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:rgba(244,244,240,.8);color:var(--on-surface-variant);text-align:center;padding:1rem}.chapter-nav{display:flex;gap:.5rem;padding:1rem 2rem;overflow-x:auto;background:var(--surface-container-low)}.chapter-chip{min-width:3rem;min-height:44px;height:2.5rem;border-radius:9999px;background:var(--surface-container-high);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;touch-action:manipulation}.chapter-chip:hover{background:var(--surface-container-highest)}.chapter-chip-active{background:var(--primary);color:var(--on-primary);font-weight:700}@media (max-width:1024px){.sidebar{width:min(82vw,320px);transform:translateX(-100%);transition:transform .24s ease;box-shadow:0 18px 42px rgba(0,0,0,.16);z-index:80}.pane-resize-handle,.sidebar-collapse-button,.sidebar-resize-handle{display:none}.sidebar[data-collapsed=true] .nav-label,.sidebar[data-collapsed=true] .sidebar-header,.sidebar[data-collapsed=true] [data-testid=auth-sidebar-rail]{display:initial}.sidebar[data-collapsed=true] .sidebar-nav{padding-right:1rem;align-items:stretch}.sidebar[data-collapsed=true] .nav-item{width:100%;padding:.75rem 2rem;justify-content:flex-start;border-radius:0 9999px 9999px 0}.sidebar[data-mobile-open=true]{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;border:none;background:rgba(27,28,26,.28);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:70}.sidebar-overlay-visible{opacity:1;pointer-events:auto}.mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:60;justify-content:space-between;padding:.9rem 1rem;background:rgba(250,249,245,.95);border-bottom:1px solid rgba(198,200,187,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-topbar,.mobile-topbar-main{display:flex;align-items:center;gap:.9rem}.mobile-topbar-main{min-width:0}.mobile-topbar-actions{display:none}.auth-account-button-mobile,.auth-open-button-mobile{min-height:38px;padding:.5rem .8rem;font-size:.78rem}.mobile-nav-toggle{width:44px;height:44px;border:1px solid rgba(118,120,109,.22);border-radius:9999px;background:var(--surface-container-lowest);color:var(--primary);font-size:1.25rem;cursor:pointer;touch-action:manipulation}.mobile-topbar-copy{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0}.mobile-topbar-label{font-family:"Noto Serif SC",serif;font-size:1rem;font-weight:700;color:var(--primary)}.mobile-topbar-chapter{font-size:.75rem;color:var(--on-surface-variant)}.mobile-pane-tabs{position:fixed;top:4.75rem;left:0;right:0;z-index:59;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;padding:.75rem 1rem;background:rgba(250,249,245,.96);border-bottom:1px solid rgba(198,200,187,.4)}.mobile-pane-tab{border:1px solid rgba(118,120,109,.18);border-radius:9999px;background:var(--surface-container-lowest);color:var(--primary);min-height:44px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;touch-action:manipulation}.mobile-pane-tab-active{background:var(--primary);color:var(--on-primary)}.main-content{margin-left:0;margin-top:8.75rem;flex-direction:column;height:calc(100vh - 8.75rem);overflow-y:auto}.main-content-maps{margin-top:4.75rem;height:calc(100vh - 4.75rem)}.top-bar{left:0}.main-content-reader .map-pane,.main-content-reader .scripture-pane,.map-pane,.pane-half,.scripture-pane{width:100%}.map-pane,.scripture-pane{height:auto;min-height:calc(100vh - 8.75rem);padding-top:0}.map-pane[data-mobile-active=false],.scripture-pane[data-mobile-active=false]{display:none}.scripture-pane[data-mobile-active=true]{display:block}.map-pane{border-left:none;border-top:1px solid rgba(198,200,187,.18)}.map-pane[data-mobile-active=true]{display:flex}.scripture-container{max-width:none;padding:1.5rem 1.25rem 4rem}.chapter-nav{padding:.9rem 1.25rem}.map-container{min-height:56vh}.map-library-page{padding:1rem}.map-library-section{height:auto}.map-library-section,.map-library-section[data-sidebar-collapsed=true]{grid-template-columns:minmax(0,1fr)}.map-library-sidebar{max-height:38vh}.map-library-sidebar[data-collapsed=true]{align-items:stretch;padding:.75rem}.map-library-sidebar[data-collapsed=true] .map-library-sidebar-toggle-text{display:inline}.map-library-sidebar-collapsed-copy{display:none}.map-library-detail{grid-template-columns:minmax(0,1fr)}.map-tools{flex-direction:column;align-items:stretch;gap:.35rem}.map-tool-actions{justify-content:flex-start}.auth-page{padding:1rem}.auth-page-header,.auth-page-main{max-width:none}.auth-page-main{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.auth-page-header{flex-direction:column;align-items:stretch}.auth-page-panel,.auth-page-story{padding:1rem}.auth-page-story{padding:1.4rem}.auth-page-story:after{inset:.9rem}.auth-card{padding:1.3rem}.auth-card-title{font-size:1.45rem}.mobile-topbar{padding:.75rem .85rem}.mobile-pane-tabs{gap:.5rem;padding:.65rem .85rem}.scripture-container{padding:1.25rem 1rem 3rem}.book-selector{font-size:1.5rem}.chapter-title{font-size:1.85rem;margin-bottom:1.75rem}.passage-text{font-size:1rem;line-height:1.75}.annotation-toolbar{max-width:calc(100vw - 1rem);flex-wrap:wrap;border-radius:1rem}.annotation-notes{padding:1rem}.map-pane{padding:.5rem}.map-header{padding:.9rem 1rem;flex-direction:column}.map-header-actions{width:100%;flex-wrap:wrap}.related-map-picker{flex:1 1 100%}.related-map-picker summary{width:100%;max-width:none}.map-title{font-size:1.15rem}.map-library-heading{font-size:1.35rem}.map-library-detail-title{font-size:1.28rem}.map-library-detail-header{flex-direction:column}.map-library-visual-pane{min-height:52vh}.map-draw-indicator{font-size:.68rem;padding:.3rem .55rem}.map-clear-button{font-size:.66rem;min-height:40px;padding:.38rem .62rem}}