:root{color:#f7f7f5;font-synthesis:none;text-rendering:optimizelegibility;--ui-surface:#121212f5;--ui-surface-hover:#292929;--ui-surface-icon:#202020;--ui-border:#2b2b2b;--ui-radius:14px;--ui-item-radius:9px;--ui-shadow:0 18px 54px #0000008a;background:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;min-width:100%;min-height:100%;margin:0}html,body{overscroll-behavior:none;scrollbar-width:none;min-height:100dvh}body::-webkit-scrollbar{display:none}button,input,textarea{font:inherit}.board{background:#000;width:100%;min-height:100dvh;position:relative;overflow:clip}.editor{z-index:1;color:#f7f7f5;caret-color:#fff;width:100%;min-height:100dvh;font-size:var(--editor-font-size,48px);letter-spacing:-.035em;overflow-wrap:anywhere;white-space:pre-wrap;background:0 0;border:0;outline:none;padding:clamp(34px,5.2vw,86px);font-weight:500;line-height:1.28;position:relative}.editor>div,.editor>p{min-height:1.28em;margin:0 0 .18em}.editor h1{color:inherit;letter-spacing:-.055em;margin:.08em 0 .3em;font-size:1.7em;font-weight:800;line-height:.98}.editor strong,.editor b{font-weight:800}.editor ul{margin:0 0 .22em;padding-left:1.18em}.editor li{min-height:1.28em;margin:.035em 0;padding-left:.1em}.editor li::marker{color:#d2d2d0;font-variant-numeric:tabular-nums;font-weight:650}.editor table{border-collapse:collapse;table-layout:fixed;width:min(100%,1200px);color:inherit;letter-spacing:-.025em;margin:.42em 0 .5em;font-size:.68em;line-height:1.16}.editor td,.editor th{vertical-align:top;overflow-wrap:anywhere;border:2px solid #464646;outline:none;min-width:4ch;min-height:1.8em;padding:.34em .42em}.editor td:focus,.editor th:focus{border-color:#8a8a8a}.editor ::selection{color:inherit;background:#ffffff38}.empty-hint{z-index:0;color:#484848;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:14px;width:min(760px,100vw - 64px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-hint span{color:#5b5b5b;letter-spacing:-.045em;font-size:clamp(26px,3vw,46px);font-weight:700}.empty-hint small{color:#393939;letter-spacing:-.01em;font-size:clamp(12px,1.05vw,16px);font-weight:600;line-height:1.5}.color-palette{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101010f0;border:1px solid #292929;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 12px 36px #0000007a}.color-palette--below{transform:translate(-50%)}.color-dot{background:var(--dot-color);cursor:pointer;border:2px solid #ffffff24;border-radius:50%;outline:none;flex:none;width:26px;height:26px;padding:0;transition:transform .12s,border-color .12s}.color-dot:hover,.color-dot:focus-visible{border-color:#ffffffe0;transform:scale(1.12)}.color-dot:active{transform:scale(.94)}.zoom-indicator{z-index:30;color:#bcbcbc;letter-spacing:-.01em;opacity:0;pointer-events:none;background:#121212e6;border:1px solid #292929;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700;transition:opacity .16s,transform .16s;position:fixed;bottom:24px;right:24px;transform:translateY(6px)}.zoom-indicator--visible{opacity:1;transform:translateY(0)}.timer-widget{z-index:40;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;border-radius:50%;place-items:center;min-width:160px;min-height:160px;display:grid;position:fixed}.timer-widget:active{cursor:grabbing}.timer-face{background:conic-gradient(#f7f7f5 var(--timer-progress), #252525 0);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 18px 54px #00000080}.timer-face:after{content:"";background:#0b0b0bf7;border:1px solid #2f2f2f;border-radius:50%;position:absolute;inset:clamp(5px,3.2%,14px)}.timer-face-inner{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(7px,4%,16px);width:72%;display:flex;position:relative}.timer-time{color:#f7f7f5;font-size:clamp(28px, calc(var(--timer-size,220px) * .19), 92px);letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.timer-config{color:#8a8a8a;cursor:default;align-items:center;gap:5px;font-size:clamp(10px,6%,14px);font-weight:700;display:flex}.timer-config input{color:#d9d9d9;text-align:right;width:4ch;font:inherit;appearance:textfield;background:0 0;border:0;border-bottom:1px solid #3a3a3a;outline:none;padding:2px 3px}.timer-config input::-webkit-inner-spin-button{appearance:none;margin:0}.timer-config input::-webkit-outer-spin-button{appearance:none;margin:0}.timer-actions{align-items:center;gap:clamp(5px,3%,10px);display:flex}.timer-actions button,.timer-close,.timer-resize{color:#f7f7f5;cursor:pointer;background:#181818f5;border:1px solid #343434;outline:none}.timer-actions button{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(28px,17%,44px);padding:0;font-size:clamp(12px,8%,18px);line-height:1;display:grid}.timer-actions button:hover,.timer-actions button:focus-visible,.timer-close:hover,.timer-close:focus-visible,.timer-resize:hover,.timer-resize:focus-visible{background:#262626;border-color:#777}.timer-close{z-index:3;aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(25px,14%,38px);padding:0;font-size:clamp(16px,10%,24px);line-height:1;display:grid;position:absolute;top:6%;right:6%}.timer-resize{z-index:3;aspect-ratio:1;cursor:nwse-resize;border-radius:50%;width:clamp(18px,10%,28px);padding:0;position:absolute;bottom:4%;right:4%}.timer-resize:before,.timer-resize:after{content:"";transform-origin:50%;background:#a7a7a7;width:42%;height:1px;position:absolute;bottom:29%;right:29%;transform:rotate(-45deg)}.timer-resize:after{bottom:17%;right:17%}@media (width<=640px){.editor{font-size:min(var(--editor-font-size,48px), 60px);padding:28px 24px 52px}.editor table{font-size:.75em}.empty-hint{width:calc(100vw - 48px)}.empty-hint small{max-width:36ch;margin:0 auto}.color-palette{gap:8px;padding:9px 10px}.color-dot{width:24px;height:24px}.timer-widget{min-width:150px;min-height:150px}}@media (prefers-reduced-motion:reduce){.color-dot,.zoom-indicator,.timer-actions button,.timer-close,.timer-resize,.random-result{transition:none;animation:none!important}}.editor h2,.editor h3{color:inherit;letter-spacing:-.045em;font-weight:780}.editor h2{margin:.16em 0 .3em;font-size:1.34em;line-height:1.04}.editor h3{margin:.2em 0 .28em;font-size:1.08em;line-height:1.12}.editor ol{margin:0 0 .22em;padding-left:1.18em}.editor .checklist{margin:0 0 .22em;padding-left:0;list-style:none}.editor .checklist li{align-items:flex-start;gap:.28em;min-height:1.28em;padding-left:0;display:flex}.editor .check-box{cursor:pointer;border:max(1.5px,.035em) solid #777;border-radius:.13em;flex:none;width:.66em;height:.66em;margin-top:.29em;transition:border-color .12s,background .12s;position:relative}.editor .check-box:hover{border-color:#d7d7d7}.editor .checklist li[data-checked=true] .check-box{background:#f7f7f5;border-color:#f7f7f5}.editor .checklist li[data-checked=true] .check-box:after{content:"";border-bottom:max(1px,.026em) solid #111;border-right:max(1px,.026em) solid #111;width:29%;height:52%;position:absolute;top:8%;left:21%;transform:rotate(42deg)}.editor .check-text{outline:none;flex:1;min-width:1ch}.editor .checklist li[data-checked=true] .check-text{color:#737373;text-decoration:line-through;text-decoration-thickness:.045em}.editor .hidden-answer{vertical-align:baseline;border-radius:.12em;align-items:baseline;gap:.15em;display:inline-flex}.editor .hidden-answer-content{border-radius:.1em;transition:color .14s,background .14s,filter .14s}.editor .hidden-answer[data-revealed=false] .hidden-answer-content{filter:blur(.055em);-webkit-user-select:none;user-select:none;background:#252525;color:#0000!important}.editor .answer-eye{color:#777;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;place-items:center;width:1.05em;height:1.05em;font-size:.52em;line-height:1;display:inline-grid}.editor .hidden-answer[data-revealed=true] .answer-eye{color:#d7d7d7}::highlight(board-search){color:#111;background:#ffe067}.floating-ui{letter-spacing:-.015em;font-size:14px}.selection-toolbar{z-index:80;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:7px;padding:7px 9px;display:flex;position:fixed;transform:translate(-50%,-100%)}.selection-toolbar--below{transform:translate(-50%)}.tool-icon-button{color:#c9c9c9;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.tool-icon-button:hover,.tool-icon-button:focus-visible{color:#fff;background:var(--ui-surface-hover)}.toolbar-divider,.dock-divider{background:#343434;align-self:stretch;width:1px}.selection-toolbar .color-dot{border-width:1px;width:22px;height:22px}.command-menu{z-index:90;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);width:min(330px,100vw - 24px);max-height:min(390px,100vh - 24px);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;padding:6px;position:fixed;overflow:auto}.command-menu::-webkit-scrollbar{display:none}.command-menu-label{color:#717171;letter-spacing:.04em;text-transform:uppercase;padding:7px 9px 5px;font-size:11px;font-weight:700}.command-menu>button,.dock-panel button{border-radius:var(--ui-item-radius);color:#d7d7d7;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px;transition:color .12s,background .12s,transform .12s;display:grid}.command-menu>button:hover,.command-menu>button:focus-visible,.command-menu>button.is-active,.dock-panel button:hover,.dock-panel button:focus-visible{color:#fff;background:var(--ui-surface-hover);outline:none}.command-menu>button:active,.dock-panel button:active{transform:scale(.985)}.command-icon{background:var(--ui-surface-icon);border:1px solid #303030;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.command-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.command-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.command-copy small{color:#767676;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:520;overflow:hidden}.command-menu kbd,.dock-panel kbd{color:#626262;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-family:inherit;font-size:10px;overflow:hidden}.context-tools{max-height:min(430px,100vh - 24px)}.figma-dock{z-index:70;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.figma-dock>button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;place-items:center;width:38px;height:38px;padding:0;transition:color .12s,background .12s,transform .12s;display:grid}.figma-dock>button:hover,.figma-dock>button:focus-visible,.figma-dock>button.is-active{color:#fff;background:var(--ui-surface-hover)}.figma-dock>button:active{transform:scale(.94)}.figma-dock .dock-divider{align-self:center;height:24px;margin:0 2px}.dock-panel{z-index:69;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);width:min(340px,100vw - 24px);max-height:min(440px,100vh - 100px);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;gap:3px;padding:7px;display:grid;position:fixed;bottom:72px;left:50%;overflow:auto;transform:translate(-50%)}.dock-panel::-webkit-scrollbar{display:none}.board-overlay{z-index:45;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:fixed}.shape-object{cursor:grab;border:2px solid #d7d7d7;border-radius:8px}.shape-object:active{cursor:grabbing}.shape-object:focus{outline-offset:3px;border-color:#fff;outline:1px solid #ffffff47}.shape-object--circle{border-radius:50%}.shape-object--arrow{border:0;border-radius:0}.shape-object--arrow svg{pointer-events:none;width:100%;height:100%;overflow:visible}.shape-object--arrow line,.shape-object--arrow polyline{fill:none;stroke:#f1f1ef;stroke-width:2.2px;vector-effect:non-scaling-stroke}.overlay-close{z-index:3;color:#aaa;opacity:0;cursor:pointer;background:#171717;border:1px solid #383838;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:opacity .12s,color .12s,border-color .12s;display:grid;position:absolute;top:-10px;right:-10px}.board-overlay:hover .overlay-close,.board-overlay:focus-within .overlay-close,.board-overlay:hover .overlay-rotate,.board-overlay:focus-within .overlay-rotate{opacity:1}.overlay-close:hover,.overlay-close:focus-visible{color:#fff;border-color:#777;outline:none}.overlay-rotate{z-index:4;color:#d7d7d7;opacity:0;cursor:grab;background:#171717;border:1px solid #4a4a4a;border-radius:50%;outline:none;place-items:center;width:26px;height:26px;padding:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;display:grid;position:absolute;top:-38px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000057}.overlay-rotate:after{content:"";pointer-events:none;background:#555;width:1px;height:13px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.overlay-rotate:hover,.overlay-rotate:focus-visible{color:#fff;background:#222;border-color:#8a8a8a}.overlay-rotate:active{cursor:grabbing}.overlay-resize{opacity:0;cursor:nwse-resize;background:#fff;border:2px solid #111;border-radius:4px;width:14px;height:14px;padding:0;position:absolute;bottom:-6px;right:-6px}.shape-object:hover .overlay-resize,.shape-object:focus-within .overlay-resize{opacity:1}.board-overlay:focus-visible{outline-offset:4px;outline:1px solid #ffffff5c}.traffic-widget{cursor:grab;background:#121212f5;border:1px solid #2c2c2c;border-radius:22px;gap:10px;width:82px;padding:14px;display:grid;box-shadow:0 16px 45px #00000080}.traffic-light{opacity:.18;filter:saturate(.6);cursor:pointer;border:1px solid #ffffff14;border-radius:50%;width:52px;height:52px;padding:0;transition:opacity .14s,filter .14s,box-shadow .14s}.traffic-light.is-active{opacity:1;filter:saturate()}.traffic-light--red{background:#ff4f4f}.traffic-light--yellow{background:#ffd84d}.traffic-light--green{background:#5ce06d}.traffic-light--red.is-active{box-shadow:0 0 26px #ff4f4f59}.traffic-light--yellow.is-active{box-shadow:0 0 26px #ffd84d4d}.traffic-light--green.is-active{box-shadow:0 0 26px #5ce06d4d}.counter-widget{cursor:grab;background:#121212f5;border:1px solid #2b2b2b;border-radius:18px;grid-template-columns:48px 1fr 48px;align-items:center;width:200px;height:86px;padding:10px;display:grid;box-shadow:0 16px 45px #0000007a}.counter-widget>button:not(.overlay-close){color:#b9b9b9;cursor:pointer;background:#252525;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid}.counter-widget>button:not(.overlay-close):hover{color:#fff;background:#303030}.counter-widget strong{color:#f7f7f5;text-align:center;font-variant-numeric:tabular-nums;font-size:34px;font-weight:760}.qr-widget{cursor:grab;background:#121212f7;border:1px solid #2b2b2b;border-radius:18px;flex-direction:column;gap:9px;width:240px;padding:12px;display:flex;box-shadow:0 18px 54px #00000080}.qr-widget img{background:#fff;border-radius:9px;width:216px;height:216px;display:block}.qr-widget span{color:#777;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.timer-widget--warning .timer-face{background:conic-gradient(#ffd84d var(--timer-progress), #332e1f 0)}.timer-widget--finished .timer-face{animation:.58s ease-in-out 3 timer-finished}.timer-warning-label{color:#ffd84d;letter-spacing:.015em;margin-top:-5px;font-size:clamp(9px,5%,12px);font-weight:700}@keyframes timer-finished{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.search-box{z-index:100;color:#777;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121212f7;border:1px solid #2d2d2d;border-radius:12px;grid-template-columns:24px 1fr 30px;align-items:center;gap:6px;width:min(330px,100vw - 36px);padding:7px 8px 7px 10px;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 16px 46px #0000007a}.search-box input{color:#ededed;background:0 0;border:0;outline:0;min-width:0;padding:5px 2px;font-size:13px}.search-box input::placeholder{color:#555}.search-box button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;display:grid}.search-box button:hover{color:#fff;background:#292929}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tool-modal{color:#f1f1ef;background:#151515;border:1px solid #303030;border-radius:18px;flex-direction:column;gap:12px;width:min(420px,100%);max-height:min(680px,100vh - 40px);padding:24px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 80px #000000a6}.tool-modal h2{letter-spacing:-.035em;margin:0;font-size:21px;font-weight:720}.tool-modal p{color:#777;margin:-4px 0 2px;font-size:12px;line-height:1.45}.tool-modal textarea,.tool-modal input{color:#efefed;resize:vertical;background:#1d1d1d;border:1px solid #313131;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:13px}.tool-modal textarea:focus,.tool-modal input:focus{border-color:#626262}.modal-close{color:#757575;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{color:#fff;background:#292929}.primary-button{color:#111;cursor:pointer;background:#f0f0ee;border:0;border-radius:10px;width:100%;padding:11px 14px;font-size:13px;font-weight:720}.primary-button:hover{background:#fff}.number-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.number-fields label{color:#777;gap:6px;font-size:11px;font-weight:650;display:grid}.random-result{color:#fff;text-align:center;letter-spacing:-.055em;overflow-wrap:anywhere;transform-origin:50%;background:#0f0f0f;border:1px solid #2b2b2b;border-radius:14px;place-items:center;min-height:110px;padding:14px;font-size:clamp(34px,8vw,64px);font-weight:800;line-height:1;display:grid}.random-result.is-drawing{color:#a9a9a9;animation:.17s ease-in-out infinite alternate random-shuffle}.random-result.is-final{animation:.38s cubic-bezier(.2,.9,.25,1.15) random-reveal}@keyframes random-shuffle{0%{opacity:.52;filter:blur(.5px);transform:scale(.965)translateY(2px)}to{opacity:1;filter:blur();transform:scale(1.025)translateY(-1px)}}@keyframes random-reveal{0%{opacity:.25;transform:scale(.9)}65%{opacity:1;transform:scale(1.055)}to{transform:scale(1)}}.primary-button:disabled,.tool-modal textarea:disabled,.tool-modal input:disabled{cursor:wait;opacity:.64}.save-toast{z-index:130;color:#bdbdbd;opacity:0;pointer-events:none;background:#121212f5;border:1px solid #303030;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:650;transition:opacity .15s,transform .15s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%,-8px)}.save-toast--visible{opacity:1;transform:translate(-50%)}@media (width<=640px){.figma-dock{bottom:10px}.figma-dock>button{width:36px;height:36px}.dock-panel{bottom:62px}.selection-toolbar{gap:5px;max-width:calc(100vw - 16px);padding:6px 7px}.selection-toolbar .color-dot{width:19px;height:19px}.tool-icon-button{width:28px;height:28px}.command-menu{max-height:48vh}.qr-widget{width:210px}.qr-widget img{width:186px;height:186px}}@media (prefers-reduced-motion:reduce){.figma-dock>button,.editor .check-box,.editor .hidden-answer-content,.traffic-light,.save-toast{transition:none}.timer-widget--finished .timer-face{animation:none}}
