html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace}.background-element{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none}#paper-bg{background-image:url(/dialomic/assets/paper-DpKCFtCG.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}canvas{position:absolute;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden}#link-list{position:fixed;display:flex;flex-direction:column;gap:0;pointer-events:auto;z-index:60}#input-list{position:fixed;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:auto;z-index:61}#input-list .ui-input{background:#fffffff2;border:1.5px solid #000;color:#000;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:inherit;line-height:inherit;padding:8px 10px;border-radius:6px;box-sizing:border-box}#input-list .ui-submit{background:#ffff00d9;border:0;color:#000;cursor:pointer;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:inherit;line-height:inherit;padding:6px 12px;text-align:left;white-space:nowrap;position:relative;align-self:flex-start;transition:background-color .15s ease,box-shadow .15s ease}#input-list .ui-submit:hover{background:#ffa}#link-list .link-button{background:#000000e6;border:0;color:#fff;cursor:pointer;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:inherit;line-height:inherit;padding:6px 12px;text-align:left;white-space:nowrap;position:relative;align-self:flex-start;margin-left:12px;border-radius:8px;overflow:visible;outline:none;transition:background-color .15s ease,box-shadow .15s ease}#link-list .link-button.selected{background:#383838f2;box-shadow:none}#link-list .link-button:before{content:">";position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);color:#000;font-weight:900;opacity:0;transition:opacity .15s ease}#link-list .link-button.selected:before{opacity:1}#link-list .link-button:after{content:"←";position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);opacity:0;transition:opacity .15s ease}#link-list .link-button.selected:after{opacity:1}#link-list .link-button:hover:after{opacity:1}#link-list .link-button:hover{background:#383838f2}.panel-text{position:absolute;z-index:30;color:#000;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap}.panel-narration{position:absolute;z-index:55;color:#fff;background:#000;border:1px solid #000;border-radius:10px;padding:10px 12px;box-sizing:border-box;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap;scrollbar-width:none;-ms-overflow-style:none}.panel-narration-bg{border-radius:10px}canvas[data-panel-id]{border-radius:12px}.panel-narration::-webkit-scrollbar{width:0;height:0;display:none}.panel-speech{position:absolute;z-index:50;isolation:isolate;color:#000;max-width:420px;overflow:visible;overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphenate-character:"-";font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace}.panel-speech .speech-body{position:relative;z-index:2;background:#fff;border:1.5px solid #000;border-radius:10px;padding:10px 12px;box-shadow:0 3px 2px #0000002e;white-space:pre-wrap}.panel-speech .speech-content-measure{visibility:hidden;pointer-events:none}.panel-speech .speech-content{position:absolute;z-index:4;inset:10px 12px;pointer-events:none;white-space:pre-wrap}.panel-speech .speech-tail-border,.panel-speech .speech-tail{position:absolute;width:1px;height:1px;pointer-events:none;transform-origin:50% 50%}.panel-speech .speech-tail-border{z-index:1;background:#000}.panel-speech .speech-tail{z-index:3;background:#fff}iframe{visibility:hidden;position:absolute;top:0;left:0;z-index:3;overflow:hidden;pointer-events:none}#topbar{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffeeb9;color:#1a2430;border-bottom:2px solid #dfc87d;padding:8px 12px;pointer-events:auto;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;box-sizing:border-box}#storyControls{display:flex;gap:8px;align-items:center;flex:1 1 auto;margin:0 12px}#storyActions{display:flex;align-items:center;gap:8px;margin-left:auto}#storyControls input[type=file]{color:#1a2430;font-size:12px;font-family:inherit}#storyControls button,#restartBtn{background:#7ed0e7;border:2px solid #2f7f9b;color:#0f2e3c;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 2px #2f7f9b;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;font-family:inherit}#defaultStorySelect{background:#3567a8;border:2px solid #214b82;border-color:#214b82;color:#eef5ff;box-shadow:0 2px #214b82;border-radius:8px;padding:6px 32px 6px 14px;min-width:164px;text-align:center;outline:none;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23eef5ff' d='M5 6 0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}#defaultStorySelect:hover{background-color:#3d72b6;border-color:#26558f;box-shadow:0 2px #26558f}#defaultStorySelect:active{background-color:#335f97;box-shadow:0 2px #214b82}#defaultStorySelect:focus,#defaultStorySelect:focus-visible{outline:none;border-color:#214b82;box-shadow:0 2px #214b82}#defaultStorySelect option{color:#1a2430;background:#fff}#editorLink{background:#f3d24d;border:2px solid #b9941f;color:#4b3a07;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 2px #b9941f;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap;font-family:inherit}#storyControls button:hover:not(:disabled),#restartBtn:hover{transform:translateY(-2px);box-shadow:0 4px #2f7f9b}#editorLink:hover{transform:translateY(-2px);box-shadow:0 4px #b9941f}#storyControls button:active:not(:disabled),#restartBtn:active{transform:translateY(0);box-shadow:0 2px #2f7f9b}#editorLink:active{transform:translateY(0);box-shadow:0 2px #b9941f}#storyControls button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 1px #777}#restartBtn{position:fixed;right:14px;bottom:44px;z-index:200;padding:6px 10px;font-size:12px;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace}#restartBtn:focus,#restartBtn:focus-visible{outline:none;box-shadow:0 2px #2f7f9b}#storyStatus{font-weight:600}#playerTitle{font-weight:700;color:#1a2430;margin-right:10px;white-space:nowrap;font-size:15px;letter-spacing:.02em}#playerTitle .landing-brand-link{color:#f39a2d;margin-right:6px;text-shadow:0 2px 0 rgba(0,0,0,.28)}#fileStatus{opacity:.8;font-size:11px}#playerStatusBar{position:fixed;left:0;right:0;bottom:0;z-index:9999;border-top:1px solid #d8cfb2;padding:6px 10px;font-size:12px;color:#44576a;background:#f5f1df;box-sizing:border-box;pointer-events:none;font-family:InconsolataLocal,Inconsolata,Menlo,Monaco,Consolas,Liberation Mono,monospace}.player-dialog-backdrop{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;background:#14161a73}.player-dialog-backdrop[hidden]{display:none!important}.player-dialog-card{background:#fff6d8;border:2px solid #d5b25e;border-radius:12px;box-shadow:0 12px 26px #00000040;min-width:320px;max-width:420px;padding:14px;display:grid;gap:8px}.player-dialog-card h3{margin:0;font-size:16px}.player-dialog-card p{margin:0;font-size:12px;color:#5e6d78}.player-dialog-card label{font-size:12px;color:#44576a}.player-dialog-card input{box-sizing:border-box;width:100%;background:#fffcf3;color:#1a2430;border:1px solid #c8c2a8;border-radius:6px;padding:6px;font-size:13px;font-family:inherit}.player-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.player-dialog-actions button{background:#7ed0e7;border:2px solid #2f7f9b;color:#0f2e3c;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;box-shadow:0 2px #2f7f9b;cursor:pointer;font-family:inherit}.player-dialog-actions button:hover{transform:translateY(-2px);box-shadow:0 4px #2f7f9b}@font-face{font-family:InconsolataLocal;src:url(/dialomic/assets/Inconsolata-DtIQjUtb.otf) format("opentype");font-display:swap}