@layer base{:root{--bg:#000000;--fg:#f5f5f5;--muted:#111111;--border:#f5f5f5;--accent:#f5f5f5;--accent-visited:#f5f5f5;--accent-active:#f5f5f5;--header-accent:#a855f7}@media (prefers-color-scheme:dark){:root{--bg:#000000;--fg:#f5f5f5;--muted:#111111;--border:#f5f5f5;--accent:#f5f5f5;--accent-visited:#f5f5f5;--accent-active:#f5f5f5}}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body,html{max-width:100vw;overflow-x:hidden;min-height:100dvh}body{background:var(--bg);color:var(--fg);font-family:var(--font-source-code-pro),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;line-height:1.35}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.1;letter-spacing:0;margin:0 0 .5rem}h1{font-size:clamp(2rem,8vw,4.5rem)}h2{font-size:clamp(1.5rem,5vw,2.5rem)}h3{font-size:clamp(1.25rem,4vw,2rem)}p{margin:.5rem 0}a{color:var(--accent);text-decoration:underline}a:visited{color:var(--accent-visited)}a:active{color:var(--accent-active)}a:hover{text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-source-code-pro),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background:var(--muted);border:2px solid var(--border);padding:.25rem .5rem}pre{padding:.75rem;overflow-x:auto}button,input,select,textarea{background:var(--bg);color:var(--fg);border:2px solid var(--border);border-radius:0;padding:.5rem .75rem;font:inherit}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important;outline-offset:0!important}button{background:transparent;cursor:pointer}button:active{transform:translate(1px,1px)}table{border-collapse:collapse;width:100%}td,th{border:2px solid var(--border);padding:.5rem;text-align:left}hr{border:none;border-top:2px solid var(--border);margin:1rem 0}canvas,img{image-rendering:pixelated}:where([class*=ock],[class*=onchainkit]) .button,:where([class*=ock],[class*=onchainkit]) a[role=button],:where([class*=ock],[class*=onchainkit]) button{border:2px solid var(--border)!important;background:#fff!important;color:#000!important;border-radius:0!important;box-shadow:none!important;padding:.75rem 1rem!important;text-decoration:none!important;font-weight:800!important;text-transform:uppercase!important}:where([class*=ock],[class*=onchainkit]) a[role=button] *,:where([class*=ock],[class*=onchainkit]) button *{color:#000!important;fill:#000!important;stroke:#000!important}:where([class*=ock],[class*=onchainkit]) a[role=button]:focus-visible,:where([class*=ock],[class*=onchainkit]) button:focus-visible{outline:none!important;outline-offset:0!important}:where([class*=ock],[class*=onchainkit]) .modal,:where([class*=ock],[class*=onchainkit]) [role=dialog]{background:var(--bg)!important;color:var(--fg)!important;border:2px solid var(--border)!important;border-radius:0!important;box-shadow:none!important}:where([class*=ock],[class*=onchainkit]) input,:where([class*=ock],[class*=onchainkit]) select,:where([class*=ock],[class*=onchainkit]) textarea{background:var(--bg)!important;color:var(--fg)!important;border:2px solid var(--border)!important;border-radius:0!important;box-shadow:none!important}:where([class*=ock],[class*=onchainkit]) button{border:none!important}:where([class*=ock],[class*=onchainkit]) .card,:where([class*=ock],[class*=onchainkit]) [role=group],:where([class*=ock],[class*=onchainkit]) [role=region]{border:none!important;box-shadow:none!important}@media (prefers-color-scheme:dark){html{color-scheme:dark}}}.appShell{display:flex;flex-direction:column;align-items:center;min-height:100dvh;width:100%}.centerWrap{margin-inline:auto;padding-inline:clamp(12px,4vw,24px);flex-direction:column}.centerWrap,.mainArea{width:100%;display:flex;flex:1 1}.mainArea{flex-direction:column}.centerScreen{display:flex;align-items:center;justify-content:center;width:100%;flex:1 1}canvas,img,svg,video{max-width:100%;height:auto}.mediaWrap{width:100%;max-width:1920px;margin:0 auto}.headerMarqueeInner{font-family:var(--font-ascii-mono),DejaVu Sans Mono,"Courier New","Lucida Console",Menlo,Monaco,Consolas,monospace!important;line-height:1.3!important;letter-spacing:0!important;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-feature-settings:"liga" 0,"clig" 0,"kern" 0,none;white-space:pre}.headerMarqueeInner pre{font-family:var(--font-ascii-mono),"Courier New","Lucida Console",Menlo,Monaco,Consolas,monospace!important;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0,"kern" 0,none}.rightEdge{width:100vw;margin-left:50%;transform:translateX(-50%)}.desktopFullBleed{width:100%}@media (min-width:1024px){.desktopFullBleed{width:100vw;margin-left:50%;transform:translateX(-50%)}}.headerMarquee{overflow:hidden}.headerMarqueeInner{display:flex;width:max-content;will-change:transform;animation:header-marquee 20s linear infinite}@media (prefers-reduced-motion:reduce){.headerMarqueeInner{animation:none}}@keyframes header-marquee{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.headerMarquee pre{background:transparent!important}.headerMarquee pre,.rangeSlim,input[type=range].rangeSlim{border:none!important;padding:0!important}.rangeSlim{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;-webkit-tap-highlight-color:transparent}.rangeSlim:focus{outline:none!important;outline-offset:0!important}.rangeSlim:focus-visible{outline:none!important;outline-offset:0!important}.rangeSlim::-webkit-slider-runnable-track{height:2px;background:var(--color-border)}.rangeSlim::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:36px;border:var(--border-width-2) solid var(--color-border);background:var(--color-surface);border-radius:0;margin-top:-17px;box-shadow:none;outline:none}.rangeSlim::-moz-range-progress,.rangeSlim::-moz-range-track{height:2px;background:var(--color-border)}.rangeSlim::-moz-range-thumb{width:24px;height:36px;border:var(--border-width-2) solid var(--color-border);background:var(--color-surface);border-radius:0;box-shadow:none;outline:none}.rangeSlim::-ms-track{height:2px;background:transparent;border-color:transparent;color:transparent}.rangeSlim::-ms-fill-lower,.rangeSlim::-ms-fill-upper{background:var(--color-border)}.rangeSlim::-ms-thumb{width:24px;height:36px;border:var(--border-width-2) solid var(--color-border);background:var(--color-surface);border-radius:0}.colorSquare{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border-radius:0;background:transparent}.colorSquare::-webkit-color-swatch-wrapper{padding:0}.colorSquare::-webkit-color-swatch{border:none}@font-face{font-family:PT-Mono;src:url(/fonts/Courier\ New.ttf) format("truetype");font-weight:400;font-style:normal}:root{--color-alabaster:#e8ede0;--color-platinum:#d1dbd4;--color-ashgray:#bac9c0;--color-graphite:#242425;--color-lightgray:#adadae;--color-eerieblack:#1f1f1f;--color-jet:#292929;--color-onyx:#3d3d3d;--color-dogwood:#ac8a86;--color-cinerous:#6d4e4a;--color-bg:#ffffff;--color-surface:#f5f5f5;--color-surface-muted:#e0e0e0;--color-border:#000000;--color-text:#000000;--color-text-muted:#5a5a5a;--color-accent:#000000;--color-secondary:#5a5a5a;--radius-none:0;--border-width-2:2px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--transition-fast:150ms ease-in-out;--accent-mono-accent:#f97316}html.theme-default:not(.dark){--color-bg:var(--color-alabaster);--color-surface:var(--color-platinum);--color-surface-muted:var(--color-ashgray);--color-border:var(--color-graphite);--color-text:var(--color-graphite);--color-text-muted:var(--color-lightgray);--color-accent:var(--color-ashgray);--color-secondary:var(--color-platinum)}html.theme-default.dark{--color-bg:var(--color-eerieblack);--color-surface:var(--color-jet);--color-surface-muted:var(--color-onyx);--color-border:var(--color-dogwood);--color-text:var(--color-dogwood);--color-text-muted:var(--color-cinerous);--color-accent:var(--color-cinerous);--color-secondary:var(--color-onyx)}html.theme-mono:not(.dark){--color-bg:#ffffff;--color-surface:#f0f0f0;--color-surface-muted:#d0d0d0;--color-border:#000000;--color-text:#000000;--color-text-muted:#5a5a5a9a;--color-accent:#979797;--color-secondary:var(--color-lightgray)}html.theme-mono.dark{--color-bg:#000000;--color-surface:#1a1a1a;--color-surface-muted:#333333;--color-border:#ffffff;--color-text:#ffffff;--color-text-muted:#b3b3b3;--color-accent:#b3b3b3;--color-secondary:#333333}html.theme-mono-accent:not(.dark){--color-bg:#ffffff;--color-surface:#f0f0f0;--color-surface-muted:#d0d0d0;--color-border:#000000;--color-text:#000000;--color-text-muted:#5a5a5a;--color-accent:var(--accent-mono-accent);--color-secondary:var(--color-lightgray)}html.theme-mono-accent.dark{--color-bg:#000000;--color-surface:#1a1a1a;--color-surface-muted:#333333;--color-border:#ffffff;--color-text:#ffffff;--color-text-muted:#b3b3b3;--color-accent:var(--accent-mono-accent);--color-secondary:#333333}body,html{margin:0;padding:0;font-family:PT-Mono,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bg-color{background-color:var(--color-bg)}.text-color{color:var(--color-text)}.menu-btn{padding:var(--spacing-2) var(--spacing-2);border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:transparent;color:inherit;cursor:pointer;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}.menu-btn:hover{background-color:var(--color-secondary)}.menu-btn-accent,.menu-btn:active{background-color:var(--color-accent)}.menu-btn-accent{color:var(--color-border)}.menu-btn-accent:active,.menu-btn-accent:hover{background-color:var(--color-accent)}.tab-active,.tab-inactive{box-sizing:content-box;padding:var(--spacing-2) var(--spacing-3);border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--border-width-2);border-bottom-width:var(--border-width-2);cursor:default}.tab-active{background-color:var(--color-accent);border-color:var(--color-border)}.tab-inactive{border-color:transparent}.tab-inactive:hover{background-color:var(--color-secondary)}.tab-button{background:transparent;border:none;padding:0;font:inherit;color:inherit}.tabs-vertical{flex-direction:column}.tabs-horizontal,.tabs-vertical{display:inline-flex}.tabs-vertical>:first-child .tab-active{border-top-color:transparent}.tabs-vertical>:last-child .tab-active{border-bottom-color:transparent}.tabs-horizontal .tab-active,.tabs-horizontal .tab-inactive{border-top-width:0;border-bottom-width:0;border-left-width:var(--border-width-2);border-right-width:var(--border-width-2)}.tabs-horizontal>:first-child .tab-active{border-left-color:transparent}.tabs-horizontal>:last-child .tab-active{border-right-color:transparent}.ui-group{border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-bg)}.ui-group-header{width:100%;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-surface);text-transform:uppercase;font-weight:800;box-sizing:border-box}.ui-group-body{border-top:var(--border-width-2) solid var(--color-border);padding:16px}.modal-window{position:absolute;z-index:10;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface)}.modal-window ul{list-style:none;margin:0;padding:0}.modal-item{padding:var(--spacing-2) var(--spacing-2);border-left-style:solid;border-right-style:solid;border-left-color:transparent;border-bottom:var(--border-width-2) solid transparent;border-right-color:transparent;border-top:0 solid transparent;background-color:var(--color-surface);cursor:default;transition:background-color var(--transition-fast),border-color var(--transition-fast);position:relative}.modal-item:first-child{padding-top:var(--spacing-2);border-top-width:0}.modal-item:last-child{padding-bottom:var(--spacing-2)}.modal-item:last-child,.modal-item:not(:last-child){border-bottom-color:transparent}.modal-item:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:0 solid transparent;pointer-events:none}.modal-item:focus,.modal-item:hover{background-color:var(--color-surface-muted)}.modal-item:focus:before,.modal-item:hover:before{border-width:var(--border-width-2);border-color:var(--color-border)}.modal-item:focus{outline:none}.text-empty{color:var(--color-text-muted)}.input{width:100%;box-sizing:border-box;padding:var(--spacing-2);background-color:var(--color-secondary);border:none;border-bottom:var(--border-width-2) solid var(--color-border);color:inherit;outline:none}.input::placeholder{color:var(--color-text-muted);font-style:italic}.input:focus{background-color:var(--color-accent)}.clickedTodo,.todo-clicked{color:var(--color-text-muted);text-decoration:line-through;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--transition-fast)}.clickedTodo:hover,.todo-clicked:hover{cursor:default}.new-project-button,.newProjectButton{display:block;margin:0 auto 1.5rem;background:transparent}.new-project,.new-project-button,.newProject,.newProjectButton{width:83.3333%;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border)}.new-project,.newProject{height:4rem;margin:0 auto .75rem;padding:var(--spacing-2)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-2);border-radius:0;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-accent);font-size:.75rem;text-transform:uppercase;min-height:1.75rem}.badge-outline{background-color:transparent}.card{border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-accent);padding:1rem}.card-media{margin:-1rem -1rem .75rem;background-color:var(--color-surface-muted)}.card-media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.card-header{margin-bottom:.5rem}.card-title{margin:0;text-transform:uppercase;color:var(--color-border)}.card-description{margin:.25rem 0 0;color:var(--color-border)}.alert{border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-accent);padding:.75rem 1rem}.alert-title{margin:0 0 .25rem;text-transform:uppercase}.alert-description{margin:0}.checkbox-root{display:inline-flex;align-items:center;gap:.5rem}.checkbox-box{width:1.25rem;height:1.25rem;border:var(--border-width-2) solid var(--color-border);position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-box,.checkbox-box[data-checked=true]{background-color:var(--color-bg)}.checkbox-box:after,.checkbox-box:before{content:"";position:absolute;background-color:var(--color-border);top:50%;left:0;right:0;height:var(--border-width-2);width:141.4%;margin-left:-20.7%;opacity:0}.checkbox-box[data-checked=true]:after,.checkbox-box[data-checked=true]:before{opacity:1}.checkbox-box[data-checked=true]:before{transform:translateY(-50%) rotate(45deg)}.checkbox-box[data-checked=true]:after{transform:translateY(-50%) rotate(-45deg)}.switch-root{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.switch-track{width:2rem;height:1rem;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface);position:relative}.switch-thumb{position:absolute;top:0;left:0;width:50%;height:100%;background-color:var(--color-border);transition:transform var(--transition-fast)}.switch-track[data-checked=true]{background-color:var(--color-accent)}.switch-track[data-checked=true] .switch-thumb{transform:translateX(100%)}.textarea{width:100%;box-sizing:border-box;min-height:5rem;padding:var(--spacing-2);background-color:var(--color-secondary);border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);resize:vertical}.textarea::placeholder{color:var(--color-text-muted);font-style:italic}.textarea:focus{background-color:var(--color-accent);outline:none}.tooltip-trigger{position:relative}.tooltip-content{position:absolute;z-index:20;top:100%;left:0;margin-top:1.25rem;padding:.25rem .5rem;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface);white-space:nowrap;opacity:0;transform:translateY(2px);animation:tooltip-fade .25s ease-out forwards}@keyframes tooltip-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.progress-root{width:100%;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface);height:1rem}.progress-bar{height:100%;background-color:var(--color-border);transition:width var(--transition-fast)}.skeleton{display:block;width:100%;height:1rem;background-color:var(--color-surface)}.slider{width:100%;position:relative}.slider-input{width:100%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 0}.slider-input:focus{outline:none}.slider:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:50%;height:.5rem;transform:translateY(-50%);border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background:linear-gradient(to right,var(--color-border) 0,var(--color-border) var(--slider-percent,0),var(--color-surface) var(--slider-percent,0),var(--color-surface) 100%);z-index:0}.slider-input::-webkit-slider-runnable-track{height:.5rem;border-width:0;background:transparent}.slider-input::-moz-range-track{height:.5rem;border-width:0;background:transparent}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3rem;height:1.5rem;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface);margin-top:-.5rem;position:relative;z-index:1}.slider-input::-moz-range-thumb{width:3rem;height:1.5rem;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface);position:relative;z-index:1}.avatar{width:2.5rem;height:2.5rem;border-radius:999px;border-width:var(--border-width-2);border-style:solid;border-color:var(--color-border);background-color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:.75rem;text-transform:uppercase}