*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1a1208;touch-action:none;user-select:none;-webkit-user-select:none}#viewer{position:fixed;inset:0;overflow:hidden;background:#1a1208}#page-canvas{position:absolute;top:0;left:0;display:block;transform-origin:0 0;will-change:transform}#page-canvas.animating,#region-overlay.animating{transition:transform .35s cubic-bezier(.4,0,.2,1)}#region-overlay{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;pointer-events:none;display:none}#region-overlay.visible{display:block}.region-box{position:absolute;box-sizing:border-box;border:2px solid}.region-gemara{border-color:#50ff82d9;background:#50ff8214}.region-commentary{border-color:#ffc832d9;background:#ffc8320f}.region-reference{border-color:#96aaffd9;background:#96aaff0f}.region-band{pointer-events:none}.region-band.region-gemara{background:#50ff8238}.region-band.region-commentary{background:#ffc83238}.region-band.region-reference{background:#96aaff38}.region-label{position:absolute;top:-1px;right:-1px;font:10px/1.2 ui-monospace,monospace;color:#fff;background:#000000bf;padding:1px 4px;white-space:nowrap}.item-dot{position:absolute;width:3px;height:3px;background:#ff3c3ce6;margin-left:-1.5px;margin-top:-1.5px;border-radius:50%;pointer-events:none}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1a1208b3;z-index:50}.spinner{width:40px;height:40px;border:3px solid rgba(255,220,150,.2);border-top-color:#ffdc96cc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#nav-chrome{position:fixed;inset:0;pointer-events:none;z-index:20}#nav-top{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(to bottom,rgba(26,18,8,.85) 0%,transparent 100%);pointer-events:all}#nav-bottom{position:absolute;bottom:env(safe-area-inset-bottom,0);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:32px;padding:12px 16px;background:linear-gradient(to top,rgba(26,18,8,.85) 0%,transparent 100%);pointer-events:all}#current-location{font-size:16px;color:#ffdc96e6;font-family:serif;flex:1;text-align:center}.icon-btn{background:none;border:none;color:#ffdc96cc;font-size:20px;cursor:pointer;padding:6px;border-radius:6px;line-height:1;-webkit-tap-highlight-color:transparent}.icon-btn:active{opacity:.6}#nav-overlay{position:fixed;inset:0;background:#00000080;z-index:30}#nav-drawer{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:#221a0e;border-radius:16px 16px 0 0;z-index:40;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}#nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,220,150,.1);flex-shrink:0}#nav-drawer-title{color:#ffdc96e6;font-size:18px;font-family:serif}#tractate-list{overflow-y:auto;flex:1;padding:8px 0}.tractate-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#ffdc96cc;font-size:18px;font-family:serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.tractate-item:active{background:#ffdc9614}.tractate-item .tractate-en{font-size:12px;color:#ffdc9666;font-family:sans-serif}#daf-picker{padding:16px 20px;border-top:1px solid rgba(255,220,150,.1);flex-shrink:0}#daf-picker-tractate{display:block;color:#ffdc96b3;font-size:16px;font-family:serif;margin:10px 0;text-align:center}#daf-controls{display:flex;align-items:center;justify-content:center;gap:12px}#daf-input{width:72px;padding:8px;background:#ffdc9614;border:1px solid rgba(255,220,150,.2);border-radius:8px;color:#ffdc96e6;font-size:20px;text-align:center;font-family:serif}#amud-toggle{display:flex;border:1px solid rgba(255,220,150,.2);border-radius:8px;overflow:hidden}.amud-btn{background:none;border:none;color:#ffdc9680;font-size:18px;font-family:serif;padding:8px 14px;cursor:pointer}.amud-btn.active{background:#ffdc9626;color:#ffdc96f2}#go-btn{padding:8px 20px;background:#ffdc9626;border:1px solid rgba(255,220,150,.3);border-radius:8px;color:#ffdc96e6;font-size:16px;font-family:serif;cursor:pointer}#daf-back-btn{font-size:14px;color:#ffdc9680}#region-pending{position:fixed;bottom:60px;left:50%;transform:translate(-50%);color:#ffdc9666;font-size:22px;letter-spacing:4px;z-index:10;pointer-events:none;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.hidden{display:none!important}