:root{--theme-canvas-raw: #0d1117;--theme-canvas: color-mix(in srgb, var(--theme-canvas-raw) 85%, #000);--theme-text: #e6edf3;--theme-text-secondary: #8b949e;--theme-accent: #58a6ff;--theme-line: #30363d;--theme-hairline: color-mix(in srgb, var(--theme-text) 18%, transparent);--theme-muted: color-mix(in srgb, var(--theme-text) 40%, transparent);--theme-dim: color-mix(in srgb, var(--theme-text) 25%, transparent);--bar-shade: color-mix(in srgb, #000 40%, transparent);--bar-color: color-mix(in srgb, var(--theme-canvas) 60%, #000);--bar-column-width: 104px;--bar-gap: 8px}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bar-color);color:var(--theme-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:manipulation}#viewer{position:relative;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;overflow:hidden;clip-path:inset(env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left))}@media (display-mode: standalone){html{height:100lvh}}#landscape-note{display:none;position:absolute;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;text-align:center;color:var(--theme-text-secondary);font-size:15px;background:var(--theme-canvas)}#landscape-note p{margin:0}@media (display-mode: browser) and (orientation: landscape) and (pointer: coarse){#landscape-note{display:flex}#panes{visibility:hidden}}#panes{display:flex;width:400%;height:100%;background:var(--theme-canvas);transform:translate(-50%);transition:transform .25s ease-out;touch-action:none}#panes.dragging{transition:none}.pane{flex:0 0 25%;display:flex;flex-direction:column;min-width:0;height:100%}#map-pane{position:relative}#map{flex:1;min-height:0;min-width:0}#status{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin:0;padding:12px 16px;font-size:14px;color:var(--theme-text-secondary);text-align:center;pointer-events:none}#bar,#quiz-bar,.pane-bar{display:flex;align-items:center;gap:var(--bar-gap);padding:8px 12px;border-top:1px solid var(--theme-hairline);background:var(--bar-shade);flex-shrink:0}.pane-bar h2{flex:1;margin:0;font-size:15px;font-weight:400;color:var(--theme-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#notes-pane .pane-bar h2{text-align:right;padding-right:8px}#bar button,#quiz-bar button,.pane-bar button{flex:0 0 calc((100% - 3 * var(--bar-gap)) / 4);padding:10px 0;font-size:15px;font-family:inherit;color:var(--theme-text-secondary);background:transparent;border:1px solid var(--theme-hairline);border-radius:8px}#bar button:disabled,#quiz-bar button:disabled,.pane-bar button:disabled{color:var(--theme-dim);border-color:var(--theme-dim)}#bar[hidden],#quiz-bar[hidden],.pane-bar button[hidden]{display:none}#quiz-counter{position:absolute;top:0;left:0;right:0;padding:10px 12px;font-size:13px;text-align:left;color:var(--theme-text-secondary);pointer-events:none;z-index:1}#quiz-counter span+span:before{content:"  ·  ";white-space:pre}@media (orientation: landscape){#viewer{padding-left:0;padding-right:0;border-left:env(safe-area-inset-left) solid var(--theme-canvas);border-right:env(safe-area-inset-right) solid var(--theme-canvas)}.pane{flex-direction:row}#bar,#quiz-bar,.pane-bar{position:relative;width:var(--bar-column-width);box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:12px 8px;border-top:none;border-left:1px solid var(--theme-hairline)}#bar button,#quiz-bar button,.pane-bar button{flex:0 0 auto;padding:10px 12px}.pane-bar h2,#notes-pane .pane-bar h2{position:absolute;top:12px;left:50%;transform:translate(-50%);flex:none;max-height:40%;writing-mode:vertical-rl;text-align:left;padding-right:0}#quiz-counter{top:12px;left:8px;right:auto;padding:0;text-align:left}#quiz-counter span{display:block}#quiz-counter span+span:before{content:none}}.pane-body{flex:1;min-height:0;overflow-y:auto;padding:16px;background:var(--bar-shade);touch-action:pan-y}.pane-note{margin:0;color:var(--theme-text-secondary);font-size:14px;line-height:1.5}.library-heading{margin:28px 0 8px;color:var(--theme-text);font-size:17px;font-weight:600;line-height:1.3}.library-heading:first-child{margin-top:0}.library-group{border-radius:12px;background:color-mix(in srgb,var(--theme-text) 6%,transparent);overflow:hidden}.library-list{list-style:none;margin:0;padding:0}.library-list li+li{border-top:1px solid var(--theme-hairline)}.library-list .library-row{display:flex;width:100%;box-sizing:border-box;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:13px 16px;background:transparent;border:0;color:var(--theme-text);font:inherit;font-size:16px;line-height:1.4;text-align:left}.library-list .library-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-list .library-count{flex:none;color:var(--theme-text-secondary);font-size:13px}.library-list .installed .library-count{color:var(--theme-accent)}.library-list button.library-row:active{background:var(--theme-hairline)}.library-list button:disabled{opacity:.5}.library-message,.library-list .pane-note.library-row{margin:0;padding:13px 16px;color:var(--theme-text-secondary);font-size:14px;line-height:1.5}.library-message[hidden]{display:none}.quiz-field{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:15px}.quiz-field input[type=number]{width:64px;padding:8px;font-size:15px;font-family:inherit;color:var(--theme-text);background:transparent;border:1px solid var(--theme-muted);border-radius:6px}.quiz-help{margin-top:24px}#notes-body{display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column}#notes-body .message-content{font-size:15px;line-height:1.6;color:var(--theme-text);overflow-wrap:anywhere}#notes-body .message.user .message-content{background:color-mix(in srgb,var(--theme-text) 10%,transparent);padding:10px 14px;border-radius:8px}#notes-body .message.note{border-top-color:var(--theme-hairline)}#notes-body .note-content,#notes-body .note-header,#notes-body .note-image-credit{color:var(--theme-text-secondary)}#notes-body .message-content a{color:var(--theme-accent)}