.tw{background:radial-gradient(ellipse 60% 45% at 50% 0%, #ffd28c4d, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, transparent 45%, #0000008c), var(--wall), #10241c;color:#f3e6c4;background-size:auto,auto,90px 120px;border-radius:8px;justify-items:center;gap:14px;padding:30px 18px 26px;display:grid;position:relative;overflow:clip}.tw [hidden]{display:none!important}.tw-defs{width:0;height:0;position:absolute}.tw-desk{width:100%;max-width:900px;padding:0 0 26px;position:relative}.tw-desk:before{content:"";background:linear-gradient(#0000 0 12px,#00000040 12px 14px,#0000 14px),repeating-linear-gradient(92deg,#ffdcb40a 0 3px,#0000 3px 14px,#0000000f 14px 16px,#0000 16px 31px),linear-gradient(#5a3418,#3a200c 60%,#2a1606);border-radius:4px 4px 0 0;height:46%;position:absolute;bottom:0;left:-18px;right:-18px;box-shadow:inset 0 3px #ffdcaa40,0 -6px 20px #0006}.tw-desk:after{content:"";background:radial-gradient(at 50% 30%,#2a5a3c,#163a26 70%);border-radius:3px;height:32%;position:absolute;bottom:14px;left:8%;right:8%;box-shadow:inset 0 0 0 3px #163a26,inset 0 0 0 4px #c9963a,inset 0 0 20px #00000080}.tw-machine{z-index:2;cursor:text;width:min(760px,100%);margin:0 auto;position:relative}.tw-svg{width:100%;height:auto;display:block;overflow:visible}.tw-carriage{transition:transform 70ms ease-out}.ret .tw-carriage{transition:transform .34s cubic-bezier(.5,0,.2,1)}.tw-spool{transition:transform .15s}.tw-bar{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.tw-bar.go{animation:.11s ease-out tw-strike}@keyframes tw-strike{0%{opacity:1;transform:scaleY(.2)}55%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.3)}}.tw-key{cursor:pointer}.tw-key .tw-cap{transition:transform 60ms}.tw-key.down .tw-cap{transform:translateY(4px)}.tw-key:hover text{fill:#8a1424}.tw-lever{cursor:pointer}.tw-lever:hover path{stroke-width:8px}.tw-paper{box-sizing:border-box;background:linear-gradient(#0000 92%,#0000001f 95%,#0000 97%),repeating-linear-gradient(#0000 0 5px,#e8dec4 5px 5.6px),#f8f2e2;flex-direction:column;justify-content:flex-end;width:400px;height:452px;padding:0 20px 20px;display:flex;overflow:hidden;box-shadow:inset 0 0 30px #8c64282e}.tw-lines{color:#1c1a20;font:15px/22px Courier Prime,Courier New,Courier,Noto Serif SC,monospace}.tw-machine .tw-lines{padding-bottom:0}.tw-lines .ln{white-space:pre;height:22px}.tw-lines span{text-align:center;width:9px;opacity:var(--o);transform:translateY(var(--y)) rotate(var(--r));text-shadow:0 0 .4px;display:inline-block}.tw-lines span.w{width:18px;font-family:Noto Serif SC,Songti SC,serif;font-weight:600}.tw-lines span.hit{animation:.12s ease-out tw-ink}@keyframes tw-ink{0%{opacity:0;transform:translateY(var(--y)) rotate(var(--r)) scale(1.25)}}.tw-machine .tw-paper:after{content:""}.tw-input{opacity:0;resize:none;color:#0000;caret-color:#0000;background:0 0;border:0;width:40%;height:30%;font-size:16px;position:absolute;top:8%;left:30%}.tw-tap{text-align:center;color:#8a6a40;pointer-events:none;margin:0;font:italic 15px Newsreader Variable,Georgia,LXGW WenKai GB Screen,serif;transition:opacity .3s;position:absolute;top:14%;left:0;right:0}.started .tw-tap,.has-text .tw-tap{opacity:0}.tw-letters{z-index:1;opacity:0;width:92px;height:70px;transition:opacity .4s;position:absolute;bottom:40px;left:3%}.has-letters .tw-letters{opacity:1}.tw-letters i{background:linear-gradient(160deg,#f6ecd2,#e2d0a4);border-radius:2px;width:88px;height:56px;position:absolute;left:0;box-shadow:0 2px 4px #00000080}.tw-letters i:first-child{bottom:0;transform:rotate(-6deg)}.tw-letters i:nth-child(2){bottom:4px;transform:rotate(3deg)}.tw-letters i:nth-child(3){bottom:8px;transform:rotate(-1deg)}.tw-letters i:nth-child(3):after{content:"";background:radial-gradient(circle at 40% 35%,#d84a4a,#8a1414 60%,#5a0808);border-radius:47% 53% 50% 48%;width:18px;height:18px;margin:-9px;position:absolute;top:50%;left:50%}.tw-count{color:#2a1806;background:#c9963a;border-radius:99px;padding:0 6px;font:700 11px Georgia,serif;position:absolute;top:-6px;right:-6px}.tw-watch{z-index:1;filter:drop-shadow(0 6px 6px #00000080);width:86px;position:absolute;bottom:34px;right:3%;transform:rotate(8deg)}.tw-watch svg{width:100%;display:block}.tw-h,.tw-m,.tw-s{transition:transform .2s cubic-bezier(.4,2,.6,1)}.tw-bar-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tw-meta{color:#c9a050;font:italic 13px Georgia,Noto Serif SC,serif}.tw-btn{color:#e8c878;cursor:pointer;background:linear-gradient(#2a1810,#1a0e08);border:1px solid #8a6420;border-radius:3px;padding:6px 14px;font:13px Noto Serif SC,Georgia,serif;text-decoration:none;display:inline-block}.tw-btn:hover{color:#fff3c4}.tw-gold{background:linear-gradient(#fff3c4,#d9a440 45%,#f3d27a 60%,#a87420);border-color:#6a4410;font-weight:600;box-shadow:0 2px 4px #0006,inset 0 1px #fff;color:#2a1806!important}.tw:not(.has-text) .tw-done,.tw:not(.has-text) .tw-clear{opacity:.5}.tw-seal-wrap{z-index:120;opacity:0;background:#060e0ab8;place-items:center;padding:14px;transition:opacity .3s;display:grid;position:fixed;inset:0}.tw-seal-wrap.on{opacity:1}.tw-seal{color:#2a1a0e;background:radial-gradient(at 30% 20%,#fffae699,#0000 60%),#ecdcb4;border-radius:3px;width:min(520px,100%);max-height:92vh;padding:22px 22px 18px;position:relative;overflow:auto;box-shadow:inset 0 0 0 6px #ecdcb4,inset 0 0 0 8px #b8892e,inset 0 0 0 9px #ecdcb4,inset 0 0 0 10px #8a6420,0 24px 48px -12px #000c}.tw-x{color:#8a6420;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}.tw-stage{perspective:900px;place-items:center;height:220px;margin:6px 0 14px;display:grid;position:relative}.tw-sheet{box-sizing:border-box;transform-origin:50% 0;background:repeating-linear-gradient(#0000 0 5px,#e8dec4 5px 5.6px),#f8f2e2;width:300px;max-height:210px;padding:12px 14px;transition:transform .8s cubic-bezier(.5,0,.3,1),opacity .4s .6s;overflow:hidden;box-shadow:0 6px 14px #00000059}.tw-sheet .tw-lines{transform-origin:0 0;font-size:10px;line-height:15px}.tw-sheet .tw-lines .ln{height:15px}.tw-sheet .tw-lines span{width:6px}.tw-sheet .tw-lines span.w{width:12px}.tw-env{opacity:0;background:linear-gradient(160deg,#f6ecd2,#e2d0a4);width:260px;height:160px;transition:opacity .4s .5s;position:absolute;box-shadow:0 8px 16px #0006}.tw-env:before{content:"";background:linear-gradient(to top right,#0000 49.5%,#78501e40 50%,#0000 50.5%),linear-gradient(to top left,#0000 49.5%,#78501e40 50%,#0000 50.5%);position:absolute;inset:0}.tw-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;filter:drop-shadow(0 2px 2px #0000004d);background:linear-gradient(#efe0bc,#dcc898);height:90px;transition:transform .6s cubic-bezier(.5,0,.3,1);position:absolute;top:0;left:0;right:0;transform:rotateX(178deg)}.tw-wax{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--wax,#9a1414) 70%, #fff), var(--wax,#9a1414) 55%, color-mix(in srgb, var(--wax,#9a1414) 60%, #000));opacity:0;border-radius:47% 53% 50% 48%;place-items:center;width:44px;height:44px;margin:-22px;display:grid;position:absolute;top:90px;left:50%;transform:scale(1.8)translateY(-60px);box-shadow:0 2px 4px #00000080,inset 0 0 0 6px #0000001f}.tw-wax span{color:#ffe6d2bf;text-shadow:0 -1px #00000059;font-size:18px}.tw-stage.fold .tw-sheet{opacity:0;transform:scaleY(.33)rotateX(30deg)}.tw-stage.fold .tw-env{opacity:1}.tw-stage.flap .tw-flap{transform:rotateX(0)}.tw-stage.drip .tw-wax{opacity:1;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .1s;transform:none}.tw-form{gap:10px;display:grid}.tw-form label{gap:3px;display:grid}.tw-form label>span,.tw-pick>span{color:#8a1c2a;font:italic 600 12.5px Georgia,Noto Serif SC,serif}.tw-form input[type=text],.tw-form input:not([type]),.tw-form input[type=date]{color:#2a1a0e;background:#fbf4e0;border:1px solid #b8892e;border-radius:2px;padding:6px 8px;font:14px Noto Serif SC,Georgia,serif}.tw-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tw-gap{width:10px}.tw-wcol input,.tw-wsym input{opacity:0;position:absolute}.tw-wcol i{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--c) 70%, #fff), var(--c) 60%);cursor:pointer;border-radius:47% 53% 50% 48%;width:24px;height:24px;display:block;box-shadow:0 1px 2px #0006}.tw-wcol input:checked+i,.tw-wsym input:checked+i{outline-offset:2px;outline:2px solid #b8892e}.tw-wsym i{color:#5a3a14;cursor:pointer;background:#fbf4e0;border:1px solid #b8892e;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.tw-form .tw-btn{justify-self:end}.tw-after{text-align:center}.tw-msg{margin:0 0 12px;font:15px/1.7 LXGW WenKai GB Screen,Kaiti SC,serif}@media (width<=640px){.tw{background-size:auto,auto,60px 80px;padding:20px 6px}.tw-watch{width:54px;bottom:30px}.tw-letters{transform-origin:0 100%;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.tw *,.tw :before,.tw :after{transition:none!important;animation:none!important}}