:root{--navy: #0B1624;--navy-2: #111F30;--navy-3: #16273C;--gold: #D4A843;--gold-lit: #EBD08A;--gold-deep: #A87F2C;--blue: #1E5A94;--paper: #F5EFE4;--muted: #9BA4B0;--ink: #10151F;--bar-h: 58px;--ovre-bar: var(--bar-h);--sai: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--ovre-gap: 14px;--glass-1: rgba(13, 24, 38, .55);--glass-2: rgba(11, 22, 36, .8);--glass-line: rgba(212, 168, 67, .2);--glass-line-soft: rgba(255, 255, 255, .07);--glass-top: inset 0 1px 0 rgba(255, 255, 255, .07);--blur: 18px;--glass-saturate: 165%;--sh-plate: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 30px rgba(0, 0, 0, .3);--sh-float: 0 2px 6px rgba(0, 0, 0, .4), 0 26px 60px rgba(0, 0, 0, .5);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .42s}html,body,#root{height:100%}body{margin:0;background:var(--navy);color:var(--paper);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}.wrap{position:relative;height:100%;width:100%;overflow:hidden;isolation:isolate;background-color:var(--navy);background-image:radial-gradient(1100px 700px at 8% -12%,rgba(30,90,148,.34),transparent 62%),radial-gradient(900px 620px at 104% 108%,rgba(212,168,67,.12),transparent 60%),linear-gradient(162deg,#0c1826,#0a1524 48%,#081120)}.wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(245,239,228,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,239,228,.055) 1px,transparent 1px),linear-gradient(to right,rgba(212,168,67,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(212,168,67,.055) 1px,transparent 1px);background-size:32px 32px,32px 32px,128px 128px,128px 128px;-webkit-mask-image:radial-gradient(130% 100% at 50% 38%,#000 28%,transparent 82%);mask-image:radial-gradient(130% 100% at 50% 38%,#000 28%,transparent 82%)}.wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.42;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.32'/></svg>");background-size:160px 160px}.excalidraw{z-index:1}.appbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:10px;min-height:var(--bar-h);padding:calc(var(--sai) + 9px) calc(var(--sar) + var(--ovre-gap)) 9px calc(var(--sal) + var(--ovre-gap));box-sizing:border-box;background-color:#09121fb8;background-image:linear-gradient(180deg,#22385485,#09121f29);-webkit-backdrop-filter:blur(22px) saturate(var(--glass-saturate));backdrop-filter:blur(22px) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-line);box-shadow:inset 0 1px #ffffff17,0 18px 40px -24px #000000f2;animation:bar-in var(--dur) var(--ease) both}.appbar:after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;pointer-events:none;background:linear-gradient(180deg,#0b16248c,#0b162400)}@keyframes bar-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;gap:9px;min-width:0;flex:none}.appbar-actions{margin-left:auto}.brand-mark{font-family:Playfair Display,Georgia,serif;font-size:17px;letter-spacing:.16em;color:var(--gold);text-shadow:0 0 18px rgba(212,168,67,.28);white-space:nowrap}.brand-rule{width:1px;height:15px;background:linear-gradient(180deg,transparent,rgba(212,168,67,.5),transparent);flex:none}.brand-sub{font-size:9.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.appbar-actions{display:flex;align-items:center;gap:8px;flex:none}.tog{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 13px 0 10px;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid var(--glass-line-soft);box-shadow:var(--glass-top);transition:border-color .18s var(--ease),background .18s var(--ease)}.tog:hover{border-color:var(--glass-line);background:#ffffff12}.tog input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tog input:focus-visible~.tog-track{outline:2px solid var(--gold);outline-offset:3px}.tog-track{position:relative;width:30px;height:17px;border-radius:999px;background:#ffffff21;flex:none;transition:background .2s var(--ease)}.tog-knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#cdd5de;transition:transform .2s var(--ease),background .2s var(--ease)}.tog.on{border-color:var(--glass-line);background:#d4a8431a}.tog.on .tog-track{background:#d4a8436b}.tog.on .tog-knob{transform:translate(13px);background:var(--gold-lit)}.tog-label{font-size:11.5px;letter-spacing:.04em;color:var(--paper);opacity:.78}.sub{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.24);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:#1a1206;background-image:linear-gradient(180deg,#efd79a,#d4a843 46%,#bc922f);box-shadow:inset 0 1px #fff9,inset 0 -1px #00000029,0 10px 24px -10px #d4a843bf;transition:transform .16s var(--ease),box-shadow .2s var(--ease),filter .16s var(--ease);white-space:nowrap}.sub:hover{filter:brightness(1.05);box-shadow:inset 0 1px #fff9,inset 0 -1px #00000029,0 12px 28px -10px #d4a843d9}.sub:active{transform:translateY(1px) scale(.99)}.sub:focus-visible{outline:2px solid var(--gold-lit);outline-offset:2px}.sub[disabled]{cursor:default;filter:saturate(.75) brightness(.9);opacity:.86}.sub-dot{width:7px;height:7px;border-radius:50%;background:#1a1206;opacity:.7;flex:none}.sub-ring{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid rgba(26,18,6,.28);border-top-color:#1a1206;animation:spin .72s linear infinite}.sub-short{display:none}.hairline{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#d4a84338;overflow:hidden}.hairline:after{content:"";position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,var(--gold-lit),transparent);opacity:0;transform:translate(-120%)}.appbar.is-busy .hairline:after{opacity:1;animation:sweep 1.15s var(--ease) infinite}.appbar.is-ok .hairline:after{opacity:1;animation:none;width:100%;transform:none;background:linear-gradient(90deg,rgba(212,168,67,.35),var(--gold-lit),rgba(212,168,67,.35))}.appbar.is-err .hairline{background:#dc5a5a8c}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:fade-in .6s var(--ease) both}.boot-mark{font-family:Playfair Display,Georgia,serif;font-size:30px;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 30px rgba(212,168,67,.3)}.boot-mark i{font-style:normal;opacity:.45}.boot-rail{position:relative;width:132px;height:1px;background:#f5efe41a;overflow:hidden}.boot-rail i{position:absolute;top:0;bottom:0;width:42%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:sweep 1.25s var(--ease) infinite}.boot-sub{font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.guide{position:fixed;left:50%;bottom:calc(var(--sab) + 78px);transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:11px;width:max-content;max-width:min(92vw,430px);box-sizing:border-box;padding:10px 16px 10px 13px;border-radius:14px;pointer-events:none;background-color:var(--glass-1);background-image:linear-gradient(180deg,#ffffff0e,#fff0 52%);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-line);border-top-color:#ffffff1f;box-shadow:inset 0 1px #ffffff12,var(--sh-plate);animation:guide-in .52s var(--ease) .12s both}.guide-key{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:8px;color:var(--gold);background:#d4a8431a;border:1px solid rgba(212,168,67,.22)}.guide-key svg{width:14px;height:14px;display:block}.guide-body{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-t{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.guide-s{font-size:12.5px;line-height:1.35;color:var(--paper);opacity:.86}@keyframes guide-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.toast{position:fixed;left:50%;bottom:calc(var(--sab) + 78px);transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:11px 17px;border-radius:999px;width:max-content;box-sizing:border-box;background-color:var(--glass-2);background-image:linear-gradient(180deg,#ffffff0f,#fff0 54%);-webkit-backdrop-filter:blur(20px) saturate(var(--glass-saturate));backdrop-filter:blur(20px) saturate(var(--glass-saturate));border:1px solid var(--glass-line);border-top-color:#ffffff21;box-shadow:inset 0 1px #ffffff14,var(--sh-float);font-size:12.5px;font-weight:500;color:var(--paper);animation:toast-in .38s var(--ease) both}.toast-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--gold);box-shadow:0 0 12px #d4a843b3}.toast.busy .toast-dot{background:var(--blue);box-shadow:0 0 12px #1e5a94cc;animation:pulse 1.1s ease-in-out infinite}.toast.err{border-color:#dc5a5a6b}.toast.err .toast-dot{background:#dc5a5a;box-shadow:0 0 12px #dc5a5ab3}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{50%{opacity:.32}}.excalidraw.theme--dark{--theme-filter: none !important;--color-primary: #D4A843 !important;--color-primary-darker: #BC922F !important;--color-primary-darkest: #A87F2C !important;--color-primary-light: #EBD08A !important;--color-primary-light-darker: #E3C168 !important;--color-primary-hover: #EBD08A !important;--color-surface-primary-container: rgba(212, 168, 67, .18) !important;--color-brand-active: #EBD08A !important;--island-bg-color: rgba(13, 24, 38, .55) !important;--popup-bg-color: rgba(11, 22, 36, .94) !important;--popup-secondary-bg-color: rgba(9, 18, 30, .94) !important;--sidebar-bg-color: rgba(13, 24, 38, .78) !important;--default-bg-color: #0B1624 !important;--color-surface-low: rgba(17, 31, 48, .72) !important;--color-surface-mid: rgba(13, 24, 38, .8) !important;--color-surface-high: rgba(22, 39, 60, .86) !important;--color-surface-lowest: #0B1624 !important;--overlay-bg-color: rgba(6, 13, 22, .55) !important;--button-gray-1: rgba(255, 255, 255, .05) !important;--button-gray-2: rgba(255, 255, 255, .09) !important;--button-gray-3: rgba(255, 255, 255, .14) !important;--button-hover-bg: rgba(212, 168, 67, .16) !important;--input-bg-color: rgba(255, 255, 255, .06) !important;--input-hover-bg-color: rgba(255, 255, 255, .09) !important;--input-border-color: rgba(212, 168, 67, .22) !important;--input-label-color: #F5EFE4 !important;--dialog-border-color: rgba(212, 168, 67, .18) !important;--select-highlight-color: rgba(212, 168, 67, .35) !important;--focus-highlight-color: #D4A843 !important;--link-color: #EBD08A !important;--keybinding-color: rgba(245, 239, 228, .42) !important;--shadow-island: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 30px rgba(0, 0, 0, .32) !important}.excalidraw.theme--dark .excalidraw__canvas{filter:none!important}.excalidraw .Island{-webkit-backdrop-filter:blur(20px) saturate(175%);backdrop-filter:blur(20px) saturate(175%);background-image:linear-gradient(180deg,#ffffff12,#fff0 46%),linear-gradient(180deg,#1a2c4299,#09121fb8);border:1px solid rgba(212,168,67,.16)!important;border-top-color:#ffffff24!important;border-radius:16px!important;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 12px 32px #0000005c!important}.excalidraw .dropdown-menu,.excalidraw .context-menu,.excalidraw .modal-container .Modal{-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(212,168,67,.16)!important;box-shadow:inset 0 1px #ffffff0f,0 2px 6px #0006,0 26px 60px #00000080!important}.excalidraw .HintViewer{color:#f5efe46b!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;font-size:11px!important;letter-spacing:.04em!important;margin-top:8px!important}.excalidraw .FixedSideContainer_side_top{top:calc(var(--editor-container-padding, 16px) + var(--ovre-bar))!important}@media (max-width: 600px){:root{--bar-h: 56px}.brand-mark{font-size:16px}.brand-sub,.brand-rule{display:none}.tog{padding:0 11px 0 9px}.tog-label{display:none}.sub{padding:0 15px;font-size:12px}.sub-full{display:none}.sub-short{display:inline}.guide{bottom:calc(var(--sab) + 74px);max-width:92vw;padding:9px 14px 9px 11px}.guide-s{font-size:12px}.toast{bottom:calc(var(--sab) + 74px);font-size:12px}}@media (max-width: 380px){.sub{padding:0 13px}.brand-mark{font-size:15px;letter-spacing:.12em}}@media (min-width: 900px){:root{--ovre-gap: 18px;--bar-h: 62px}.guide,.toast{bottom:74px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.appbar,.guide,.toast,.boot{opacity:1;transform:none}.guide,.toast{transform:translate(-50%)}}[data-accent=platinum]{--gold: #C9D3DE;--gold-lit: #EAF1F8;--gold-deep: #93A2B4;--glass-line: rgba(201, 211, 222, .22)}[data-accent=platinum] .brand-mark{text-shadow:0 0 18px rgba(201,211,222,.26)}[data-accent=platinum] .tog.on{background:#c9d3de1f}[data-accent=platinum] .tog.on .tog-track{background:#c9d3de66}[data-accent=platinum] .sub{color:#0b1624;background-image:linear-gradient(180deg,#f3f7fb,#c9d3de 48%,#98a7b8);border-color:#ffffff80;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #00000024,0 10px 24px -10px #c9d3de99}[data-accent=platinum] .sub-dot,[data-accent=platinum] .sub-ring{background:#0b1624;border-top-color:#0b1624}[data-accent=platinum] .guide-key{color:#eaf1f8;background:#c9d3de1a;border-color:#c9d3de3d}[data-accent=platinum] .guide-t{color:#eaf1f8}
