:root{--light-btn1: #FC625D;--light-btn2: #FDBC40;--light-btn3: #35CA4A;--dark-btn1: #E35F39;--dark-btn2: #75746D;--dark-btn3: #75746D}.output{display:flex;flex-direction:column}.terminal{display:flex;flex-direction:column;margin:20px auto 50px;border-radius:6px;box-shadow:0 0 40px var(--color-shadow, #b7b7b7)}.terminal .terminal-header{background:#dbd9db;background:linear-gradient(to bottom,#e7e5e7,#d2d0d2);text-align:center;position:relative;color:#373537;font-size:14px;padding:5px;border-radius:5px 5px 0 0}.terminal .terminal-header .btns{position:absolute;top:7px;display:flex}.terminal .terminal-header .btns>div{width:14px;height:14px;border-radius:50%;margin-left:8px}.terminal .terminal-header .btns>div:nth-child(1){background:var(--light-btn1)}.terminal .terminal-header .btns>div:nth-child(2){background:var(--light-btn2)}.terminal .terminal-header .btns>div:nth-child(3){background:var(--light-btn3)}.terminal .terminal-body{display:flex;height:180px;justify-content:center;align-items:center;font-size:35px;font-family:monospace;padding:10px;background:#fff;border-radius:0 0 5px 5px}.terminal .terminal-body .text{transition:all .15s ease-in;padding:0 10px;outline:none}.terminal .terminal-body .text.format-bold{font-weight:700}.terminal .terminal-body .text.format-underlined{text-decoration:underline}.terminal .terminal-body .text.format-hidden{visibility:hidden}.terminal .terminal-body .arrow{color:#b7b7b7}.terminal.dark .terminal-header{background:linear-gradient(to bottom,#51525b,#0f1522);color:#fff;font-weight:500}.terminal.dark .terminal-header .btns>div:nth-child(1){background:var(--dark-btn1)}.terminal.dark .terminal-header .btns>div:nth-child(2){background:var(--dark-btn2)}.terminal.dark .terminal-header .btns>div:nth-child(3){background:var(--dark-btn3)}.terminal.dark .terminal-body{background:var(--color-bar-black)}.terminal.dark .terminal-body .text{color:#fff}.terminal,.terminal .terminal-header,.terminal .terminal-body,.terminal .text{transition:background .4s,color .4s}.home-screen{text-align:center;max-width:700px;margin:40px auto 0;padding:0 10px}.home-screen .help{margin-bottom:20px;color:var(--color-fg-muted, rgb(189, 189, 189));font-weight:350}.output{margin:0 auto;text-align:left;background-color:var(--color-bg-container);color:var(--color-fg-default);padding:20px;font-weight:300;font-family:monospace;line-height:1.6em;font-size:14px;counter-reset:line;box-shadow:0 0 40px var(--color-shadow, #b7b7b7);border-radius:5px;transition:background .4s,color .4s}.output .line{display:flex}.output .line-comment{color:var(--color-fg-muted, #798bb5)}.output .line:before{counter-increment:line;content:counter(line);margin-right:10px;color:var(--color-fg-muted, grey)}.fmt-bold{font-weight:700}.fmt-dim{opacity:.6}.fmt-underlined{text-decoration:underline}.fmt-invert{filter:invert(1) hue-rotate(180deg);background:#222;color:#fff}.fmt-hidden{opacity:.5}.color-chooser{display:inline-block;position:relative}.color-chooser>button{border:none;background:none;cursor:pointer;color:var(--color-fg-default)}.color-chooser>button .arrow{font-size:2em;line-height:0;top:2px;position:relative}.color-chooser.active>button .content{text-decoration:underline}.color-chooser .colors{position:absolute;z-index:10;display:flex;flex-wrap:wrap;width:435px;margin-top:5px;background:var(--color-bg, white);border:1px solid var(--color-fg-muted, grey)}.color-chooser .colors button.color{cursor:pointer;height:15px;width:15px;border:1px solid var(--color-bg, white);padding:0}.color-chooser .colors button.color.selected{border:2px solid var(--color-fg-default, black)}@media (max-width: 500px){.color-chooser .colors{width:300px}.color-chooser .colors button.color{height:30px;width:30px}}.color-chooser .colors button.color{transition:background .4s,border-color .4s}.controls button.toggle-settings{border:none;background:none;font-size:15px;line-height:1em;cursor:pointer;color:var(--color-fg-default)}.controls .color-chooser>button,.controls label{font-size:15px;color:var(--color-fg-default)}.controls label input{margin-right:5px}.controls>*{margin:0 5px;display:inline-block}@media (max-width: 500px){.controls>*{margin:0 5px 5px}}.controls .settings{margin-top:20px}.controls .settings label{margin:0 10px;color:var(--color-fg-default)}.controls .settings select{margin-left:5px;background:var(--color-bg);color:var(--color-fg-default);border:1px solid var(--color-fg-muted, #ccc)}html,body{margin:0;background:var(--color-bg);color:var(--color-fg-default);transition:background .4s,color .4s}*{transition:background .4s,color .4s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased}button{outline:none}a,a:visited,a:active{color:var(--color-accent-fg, #1976D2);text-decoration:none}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin:0 auto;padding:16px 10px 0;position:relative}.logo{position:static;font-weight:700;color:var(--color-accent-fg, inherit);font-size:1.3em;display:flex;align-items:center;gap:.3em}footer{padding:0 10px;max-width:700px;margin:50px auto 20px}footer .github-buttons{text-align:center;margin-bottom:20px}footer .footer-info{display:flex}footer .footer-info .author{flex:1;text-align:right}.app-text{color:var(--color-fg-default)}@media (max-width: 500px){.fork-me-btn img{display:none}}.no-theme-transition *,.no-theme-transition,.no-theme-transition *:before,.no-theme-transition *:after{transition:none!important}.switch{position:relative;display:inline-block;width:60px;height:34px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2196f3;transition:.4s;z-index:0;overflow:hidden}.sun-moon{position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:#ff0;transition:.4s;border-radius:50%;box-shadow:0 0 8px #fff7b2}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider .sun-moon{transform:translate(26px);background-color:#fff;animation:rotate-center .6s ease-in-out both;box-shadow:0 0 8px #b2c6ff}@keyframes rotate-center{0%{transform:translate(0) rotate(0)}to{transform:translate(26px) rotate(360deg)}}.moon-dot{opacity:0;transition:.4s;fill:gray}input:checked+.slider .sun-moon .moon-dot{opacity:1}.slider.round{border-radius:34px}.slider.round .sun-moon{border-radius:50%}#moon-dot-1{left:10px;top:3px;position:absolute;width:6px;height:6px;z-index:4}#moon-dot-2{left:2px;top:10px;position:absolute;width:10px;height:10px;z-index:4}#moon-dot-3{left:16px;top:18px;position:absolute;width:3px;height:3px;z-index:4}.stars{transform:translateY(-32px);opacity:0;transition:.4s;pointer-events:none}.star{fill:#fff;position:absolute;transition:.4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite}input:checked+.slider .stars{transform:translateY(0);opacity:1}#star-1{width:20px;top:2px;left:3px;animation-delay:.3s}#star-2{width:6px;top:16px;left:3px}#star-3{width:12px;top:20px;left:10px;animation-delay:.6s}#star-4{width:18px;top:0;left:18px;animation-delay:1.3s}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}