:root{--pale-slate:#aaabbc;--grey-olive:#8b8982;--charcoal-blue:#373f47;--dusty-denim:#6c91c2;--periwinkle:#c3c9e9;--paper-bg:#fffef9}section{background:radial-gradient(circle, var(--grey-olive) 0%, var(--charcoal-blue) 100%);background-image:url(/background.jpg);background-size:cover;min-height:100vh;padding:40px}.container{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.timer,.agenda,.objectives,.upcoming-assignments,.start-lesson{background:var(--paper-bg);width:320px;min-height:250px;color:var(--charcoal-blue);border:1px solid #0000000d;border-radius:2px;padding:25px;transition:background .2s,box-shadow .2s;position:relative;box-shadow:2px 8px 20px #0006}.agenda{transform:rotate(-1.5deg)}.objectives{transform:rotate(1.2deg)}.timer{transform:rotate(.8deg)}.upcoming-assignments{border:none;transform:rotate(-1deg)}.timer:before,.agenda:before,.objectives:before,.upcoming-assignments:before,.start-lesson:before{content:"";z-index:10;background:var(--dusty-denim);border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}h1{border-bottom:2px dotted var(--pale-slate);color:var(--charcoal-blue);margin-bottom:15px;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:1.4rem}li{color:var(--charcoal-blue);font-family:Segoe UI,Tahoma,sans-serif;line-height:1.6}.paper{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute}.paper:active{cursor:grabbing;z-index:1000!important}.timer{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.timer h2{color:var(--charcoal-blue);letter-spacing:-2px;margin:10px 0;font-family:Courier New,Courier,monospace;font-size:3.5rem}.timer-controls{gap:10px;margin-top:10px;display:flex}.timer-controls button,.start-lesson button{background-color:var(--dusty-denim);color:#fff;cursor:pointer;touch-action:auto;border:none;border-radius:4px;padding:8px 16px;font-family:Segoe UI,Tahoma,sans-serif;font-weight:700;transition:opacity .2s,transform .1s;box-shadow:0 2px 4px #0003}.timer-controls button:hover{opacity:.9}.timer-controls button:active{box-shadow:none;transform:translateY(1px)}.timer-controls button:last-child{background-color:var(--pale-slate);color:var(--charcoal-blue)}main{text-align:center;width:100%}