@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Libre+Baskerville:ital@0;1&family=Anton&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #ffffff;--text: #000000;--glow: none;--panel-bg: rgba(255, 255, 255, .95)}body,html{margin:0;padding:0;width:100vw;height:100vh;position:fixed;overflow:hidden;touch-action:none;background-color:var(--bg);color:var(--text);font-family:Courier Prime,monospace;transition:background-color .4s ease,color .4s ease}#ui-hub{position:absolute;z-index:1000;width:380px;background:var(--panel-bg);border:1px solid var(--text);box-shadow:0 5px 20px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;cursor:default;transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}#hub-header{padding:10px 15px;background:var(--text);color:var(--bg);cursor:move;display:flex;justify-content:space-between;align-items:center;font-size:14px;letter-spacing:2px}#hub-content{padding:18px;overflow-y:auto;max-height:80vh;touch-action:pan-y}#minimize-btn{cursor:pointer}#hub-trigger{position:fixed;bottom:30px;right:20px;width:50px;height:50px;background:var(--text);color:var(--bg);border-radius:50%;z-index:2000;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 10px #0003}@media(max-width:450px){#ui-hub{width:90vw!important;max-width:380px}}.hub-hidden{opacity:0!important;transform:translateY(20px) scale(.98)!important;pointer-events:none}.section-title{font-size:14px;letter-spacing:1.5px;margin:15px 0 6px;opacity:.5}textarea{width:100%;height:70px;background:#7f7f7f0d;border:1px solid rgba(127,127,127,.2);color:var(--text);font-family:Courier Prime,monospace;padding:10px;resize:none;outline:none;box-sizing:border-box;font-size:14px}select,input[type=number]{width:100%;background:transparent;color:var(--text);border:1px solid rgba(127,127,127,.3);padding:10px;box-sizing:border-box;font-family:Courier Prime,monospace;font-size:12px}select option{background-color:var(--bg);color:var(--text);padding:10px}.btn-group{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}button{flex:1;background:transparent;border:1px solid rgba(127,127,127,.3);color:var(--text);padding:6px;cursor:pointer;font-size:12px;font-family:Courier Prime,monospace}button:hover,button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.theme-white{--bg: #ffffff;--text: #000000;--panel-bg: rgba(255, 255, 255, .95)}.theme-black{--bg: #000000;--text: #ffffff;--panel-bg: rgba(20, 20, 20, .95);--glow: 0 0 5px rgba(255, 255, 255, .2)}.theme-gray{--bg: #808080;--text: #ffffff;--panel-bg: rgba(60, 60, 60, .95)}#viewport{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.doodle-text{position:absolute;white-space:nowrap;text-shadow:var(--glow);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .8s ease;transform-origin:top left;line-height:.9}#stats{font-size:12px;margin-top:8px;opacity:.4;display:flex;justify-content:space-between}.hub-footer{margin-top:24px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.1);text-align:center}.hub-footer a{font-family:Space Mono,monospace;font-size:10px;letter-spacing:1px;text-decoration:none;text-transform:uppercase;color:inherit;opacity:.5;transition:opacity .2s ease}.hub-footer a:hover{opacity:1}.theme-black .hub-footer{border-top-color:#ffffff1a}