.tc-board{background:radial-gradient(40% 60% at 22% 30%, #ffffff0f, transparent 70%), radial-gradient(35% 50% at 78% 65%, #ffffff0d, transparent 70%), radial-gradient(120% 120% at 50% 50%, var(--tc-board) 40%, var(--tc-board-deep) 100%);border:10px solid var(--tc-frame);box-shadow:inset 0 0 0 2px var(--tc-frame-deep), inset 0 0 40px #00000059, 0 18px 40px -16px #00000073;border-bottom-width:14px}.tc-chalk{color:var(--tc-chalk);text-shadow:0 0 1px,0 0 6px #ffffff2e}.tc-write{animation:tc-write var(--tc-dur,1.2s) cubic-bezier(.45, .1, .4, 1) var(--tc-delay,0s) forwards;-webkit-mask-image:linear-gradient(90deg,#000 0 45%,#0000 55% 100%);mask-image:linear-gradient(90deg,#000 0 45%,#0000 55% 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:230% 100%;mask-size:230% 100%}@keyframes tc-write{to{-webkit-mask-position:0 0;mask-position:0 0}}.tc-paper{background-color:var(--tc-paper);background-image:linear-gradient(90deg, transparent 47px, var(--tc-margin) 47px 49px, transparent 49px), linear-gradient(var(--tc-grid-bold) 1px, transparent 1px), linear-gradient(var(--tc-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tc-grid) 1px, transparent 1px);background-position:0 0,0 31px,0 7px,15px 0;background-size:100% 100%,32px 32px,8px 8px,32px 32px;box-shadow:0 1px #0000000a,0 24px 50px -24px #00000059}@media (min-width:640px){.tc-paper{background-image:linear-gradient(90deg, transparent 71px, var(--tc-margin) 71px 73px, transparent 73px), linear-gradient(var(--tc-grid-bold) 1px, transparent 1px), linear-gradient(var(--tc-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tc-grid) 1px, transparent 1px)}}.tc-card{background:var(--tc-paper);box-shadow:0 1px 0 var(--tc-grid-bold), 0 10px 24px -14px #00000059}.tc-tape{background:#fff5c8bf;width:74px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #0000001f}.tc-pageIn{transform-origin:50% 0;animation:.55s cubic-bezier(.2,.7,.2,1) both tc-pageIn}@keyframes tc-pageIn{0%{opacity:0;transform:perspective(1200px)rotateX(-8deg)translateY(18px)}}.tc-bell{transform-origin:50% 8%}.tc-ring{animation:.32s ease-in-out 5 alternate tc-ring}@keyframes tc-ring{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}.tc-idleBell{animation:3.2s ease-in-out infinite tc-idle}@keyframes tc-idle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-7deg)}90%{transform:rotate(6deg)}95%{transform:rotate(-3deg)}}.tc-wave{opacity:0;animation:1s ease-out 2 tc-wave}@keyframes tc-wave{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.tc-overlay{transition:opacity .9s,transform .9s cubic-bezier(.6,0,.2,1)}.tc-overlayGone{opacity:0;pointer-events:none;transform:translateY(-3%)scale(1.02)}.tc-fade{transition:opacity .35s,visibility .35s}.tc-pulse{animation:2.2s ease-in-out infinite tc-pulse}@keyframes tc-pulse{50%{transform:translateY(-2px);box-shadow:0 10px 22px -8px #00000073}}.tc-noteIn{animation:.6s cubic-bezier(.2,.8,.2,1.2) both tc-noteIn}@keyframes tc-noteIn{0%{opacity:0;transform:translate(40px,-30px)rotate(18deg)scale(.8)}}.tc-scroll{scrollbar-width:thin}@media (prefers-reduced-motion:reduce){.tc-write{animation:none;-webkit-mask-image:none;mask-image:none}.tc-pageIn,.tc-ring,.tc-idleBell,.tc-wave,.tc-pulse,.tc-noteIn{animation:none}.tc-overlay,.tc-fade{transition-duration:10ms}}.tc-cork{background-color:var(--tc-cork);border:.6rem solid var(--tc-frame);box-shadow:inset 0 0 0 2px var(--tc-frame-deep), inset 0 6px 18px #00000040, 0 18px 40px -20px #00000080;background-image:radial-gradient(circle at 20% 30%,#50280a38 0 1px,#0000 1.6px),radial-gradient(circle at 70% 80%,#fff0d240 0 1px,#0000 1.6px),radial-gradient(circle at 45% 55%,#50280a29 0 1.4px,#0000 2px),radial-gradient(120% 90% at 50% 40%,#0000 50%,#3c1e0540);background-size:9px 9px,13px 13px,17px 17px,100% 100%}