*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f0ebe3;min-height:100vh;padding:1.5rem;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}section#home{background:#fcf9f2;border:5px solid #1a1a1a;max-width:1100px;margin:0 auto;padding:2.5rem 2rem;transition:all .2s;position:relative;box-shadow:14px 14px #1a1a1a}.nav{width:100%;max-width:550px;height:65px;margin:0 auto 2.5rem;position:relative}.container{background:#ffb81e;border:4px solid #1a1a1a;justify-content:space-around;align-items:center;width:100%;height:100%;padding:0 .8rem;display:flex;position:absolute;inset:0;box-shadow:6px 6px #1a1a1a}.outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rect{stroke-dashoffset:5px;stroke-dasharray:0 0 10 40 10 40;stroke:#fff;stroke-width:4px;transition:all .5s}.container:hover .outline .rect{stroke-dashoffset:1px;stroke-dasharray:0;transition:all 999999s}.btn{color:#1a1a1a;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:0;padding:.5rem 1rem;font-family:inherit;font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:700;text-decoration:none;transition:all .15s;position:relative}.btn:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:inset 0 -4px #1a1a1a}h2{color:#1a1a1a;text-align:center;letter-spacing:-.5px;text-transform:uppercase;border-bottom:5px solid #ffb81e;margin-bottom:1.5rem;padding-bottom:.6rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800}#mood-tracker{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 3rem;margin:1.5rem 0 2rem;display:flex}#mood{background:#1a1a1a;border:5px solid #ffb81e;padding:1rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:8px 8px #0006}#mood:hover{border-color:#8ef0ce;transform:scale(1.02)rotate(-.5deg);box-shadow:0 0 40px #8ef0ce4d,8px 8px #0006}#mood ul{flex-wrap:wrap;justify-content:center;gap:.8rem;list-style:none;display:flex}#mood ul li{cursor:pointer;background:#2a2a32;border:4px solid #0000;padding:.3rem .7rem;font-size:clamp(2.8rem,8vw,4.2rem);font-weight:900;line-height:1.2;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}#mood ul li:hover{background:#3a3a44;border-color:#ffb81e;transform:scale(1.15)rotate(-3deg)}#mood ul li:active{transform:scale(.9)rotate(3deg)}#mood ul li.selected{background:#3a3a44;border-color:#8ef0ce;transform:scale(1.1);box-shadow:0 0 30px #8ef0ce4d}#time{color:#8ef0ce;letter-spacing:6px;text-shadow:3px 3px #000;background:#1a1a1a;border:5px solid #8ef0ce;padding:.3rem 1.5rem;font-family:Courier New,monospace;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;transition:all .3s;box-shadow:8px 8px #0006}#time:hover{color:#ffb81e;border-color:#ffb81e;transform:scale(1.02)}#write{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem 2rem;margin-top:1.5rem;display:flex}.uiverse-pixel-input-wrapper{flex-direction:column;flex:2 280px;gap:.5rem;width:100%;max-width:550px;font-family:Courier New,monospace;display:flex}.uiverse-pixel-label{letter-spacing:.1em;color:#1a1a1a;text-transform:uppercase;font-size:.95rem;font-weight:700}.uiverse-pixel-label .mood-indicator{color:#8ef0ce;margin-left:.8rem;font-size:.9rem}.uiverse-pixel-input{color:#fff;text-shadow:1px 1px #000;resize:vertical;background:#ff6b35;border:none;outline:none;width:100%;min-height:80px;padding:1rem 1.2rem;font-family:Courier New,monospace;font-size:1rem;font-weight:500;transition:all .15s step-end;box-shadow:0 0 0 3px #1a1a1a,0 0 0 6px #fff,0 0 0 9px #1a1a1a,0 6px #d1451e,0 6px 0 3px #1a1a1a}.uiverse-pixel-input::placeholder{color:#ffffffb3;font-size:.9rem}.uiverse-pixel-input:focus{background:#ff8c42;box-shadow:0 0 0 3px #1a1a1a,0 0 0 6px #fff,0 0 0 9px #1a1a1a,0 4px #0c6,0 4px 0 3px #1a1a1a}.doodle-btn{letter-spacing:2px;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffde59;border:5px solid #1a1a1a;outline:none;flex:0 auto;justify-content:center;align-items:center;gap:.3rem;min-width:150px;padding:16px 34px;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;transform:rotate(-.5deg);box-shadow:8px 10px #1a1a1a}.doodle-btn:before{content:"";pointer-events:none;border:2px dashed #1a1a1a4d;position:absolute;inset:5px}.btn-text{z-index:2;text-shadow:2px 2px #ffffff80;position:relative}.doodle-btn:hover{background:linear-gradient(85deg,#ffde59,#fec195,#ffb6c1,#dcd0ff,#8ef0ce) 0 0/300% 300%;animation:3s ease-in-out infinite doodle-wind;transform:translateY(-5px)rotate(1deg);box-shadow:10px 14px #1a1a1a}@keyframes doodle-wind{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.doodle-btn:active{transition:all .1s;transform:translate(5px,7px)rotate(-1deg)!important;box-shadow:3px 3px #1a1a1a!important}.doodle-btn:focus-visible{outline-offset:10px;outline:5px dashed #8ef0ce}.icon-1,.icon-2,.icon-3{transform-origin:50% 0;filter:drop-shadow(4px 5px #1a1a1a);pointer-events:none;z-index:5;transition:all .5s ease-in-out;position:absolute;top:-12px}.icon-1{width:32px;right:12px;transform:rotate(8deg)}.icon-2{width:24px;left:45px;transform:rotate(-12deg)}.icon-3{width:28px;left:10px;transform:rotate(5deg)}.doodle-btn:hover .icon-1{animation:2.5s infinite swing-1}.doodle-btn:hover .icon-2{animation:3s .5s infinite swing-2}.doodle-btn:hover .icon-3{animation:2s .2s infinite swing-3}.doodle-btn:active .icon-1{transform:rotate(-25deg)scale(1.1)}.doodle-btn:active .icon-2{transform:rotate(30deg)scale(1.1)}.doodle-btn:active .icon-3{transform:rotate(-20deg)scale(1.1)}@keyframes swing-1{0%{transform:rotate(8deg)}50%{transform:rotate(-15deg)}to{transform:rotate(8deg)}}@keyframes swing-2{0%{transform:rotate(-12deg)}50%{transform:rotate(18deg)}to{transform:rotate(-12deg)}}@keyframes swing-3{0%{transform:rotate(5deg)}50%{transform:rotate(-20deg)}to{transform:rotate(5deg)}}#mood-message{text-align:center;color:#1a1a1a;background:#ffde5940;border:3px dashed #ffb81e;justify-content:center;align-items:center;gap:.5rem;min-height:4.5rem;margin-top:1rem;padding:1rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:700;transition:all .3s;display:flex}#history{margin-top:2rem}#history h2{border-bottom:5px solid #ffb81e;font-size:clamp(1.4rem,4vw,2.2rem)}#saved{scrollbar-width:thin;scrollbar-color:#ffb81e #f0ebe3;max-height:300px;padding:.3rem .3rem .3rem 0;overflow-y:auto}#saved::-webkit-scrollbar{width:8px}#saved::-webkit-scrollbar-track{background:#f0ebe3}#saved::-webkit-scrollbar-thumb{background:#ffb81e;border:2px solid #1a1a1a}#saved ul{flex-direction:column;gap:.7rem;width:100%;padding:0;list-style:none;display:flex}#saved ul li{color:#fcf9f2;background:#1a1a1a;border:4px solid #ffb81e;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.5rem 1.4rem;font-family:Courier New,monospace;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:700;transition:all .2s;display:flex;box-shadow:5px 5px #0006}#saved ul li:hover{border-color:#8ef0ce;transform:translate(5px)}#saved ul li .entry-date{color:#ffb81e;letter-spacing:.5px;min-width:70px;font-size:clamp(.65rem,1.2vw,.85rem);font-weight:800}#saved ul li .entry-emoji{color:#8ef0ce;font-size:clamp(1.2rem,2.5vw,1.6rem)}#saved ul li .entry-text{color:#ffde59;letter-spacing:.5px;flex:1;font-size:clamp(.65rem,1.2vw,.85rem);font-weight:600}#saved ul li .delete-btn{color:#ff6b35;cursor:pointer;background:0 0;border:none;padding:0 8px;font-family:inherit;font-size:1.3rem;transition:all .2s}#saved ul li .delete-btn:hover{color:red;transform:scale(1.3)}.empty-state{text-align:center;color:#666;background:#f5f0ea;border:4px dashed #ccc;padding:3rem 2rem;font-family:Courier New,monospace;font-size:1.1rem}@media (width<=768px){body{padding:1rem}section#home{border-width:4px;padding:1.8rem 1.2rem;box-shadow:10px 10px #1a1a1a}.nav{max-width:100%;height:55px}.container{padding:0 .5rem;box-shadow:4px 4px #1a1a1a}.btn{padding:.3rem .6rem;font-size:.8rem}#mood-tracker{gap:1rem 1.5rem}#mood{padding:.8rem 1.2rem;box-shadow:6px 6px #0006}#mood ul{gap:.5rem}#mood ul li{padding:.2rem .5rem;font-size:clamp(2.2rem,10vw,3.5rem)}#time{letter-spacing:4px;padding:.2rem 1.2rem;font-size:clamp(2rem,8vw,3.2rem)}.uiverse-pixel-input-wrapper{flex:100%;max-width:100%}.uiverse-pixel-input{min-height:70px;font-size:.95rem}.doodle-btn{min-width:120px;padding:12px 24px;font-size:1.1rem;box-shadow:6px 8px #1a1a1a}.icon-1{width:26px;right:8px}.icon-2{width:20px;left:30px}.icon-3{width:22px;left:6px}#saved{max-height:220px}#saved ul li{border-width:3px;flex-wrap:wrap;gap:.7rem;padding:.4rem 1rem}#saved ul li .entry-date{min-width:50px;font-size:.7rem}#saved ul li .entry-emoji{font-size:1.1rem}#saved ul li .entry-text{font-size:.7rem}#saved ul li .delete-btn{font-size:1rem}}@media (width<=480px){section#home{padding:1.2rem .8rem;box-shadow:8px 8px #1a1a1a}.nav{height:48px}.btn{padding:.2rem .4rem;font-size:.7rem}#mood ul li{padding:.15rem .4rem;font-size:clamp(1.8rem,12vw,2.8rem)}#time{letter-spacing:2px;padding:.15rem 1rem;font-size:clamp(1.6rem,10vw,2.5rem)}.doodle-btn{min-width:100px;padding:10px 18px;font-size:1rem}.icon-1{width:20px}.icon-2{width:16px;left:20px}.icon-3{width:18px}#saved ul li{border-width:2px;gap:.4rem;padding:.3rem .7rem}}.history-full{max-height:none!important;overflow:visible!important}.history-full ul li{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;padding:.8rem 1.4rem!important}.history-full ul li .entry-date{justify-content:space-between;align-items:center;width:100%;display:flex}.history-full ul li .entry-emoji{font-size:2rem}.history-full ul li .entry-text{width:100%;padding:.5rem 0;line-height:1.6;font-size:.9rem!important}.history-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.history-edit-btn,.history-delete-btn,.history-edit-save,.history-cancel-btn{cursor:pointer;border:3px solid #1a1a1a;padding:.45rem .8rem;font-family:Courier New,monospace;font-weight:800;transition:all .15s;box-shadow:3px 3px #1a1a1a}.history-edit-btn{color:#1a1a1a;background:#ffde59}.history-edit-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a1a}.history-delete-btn{color:#1a1a1a;background:#ff6b35}.history-delete-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a1a}.history-edit-save{color:#1a1a1a;background:#8ef0ce}.history-edit-save:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a1a}.history-cancel-btn{color:#1a1a1a;background:#fcf9f2}.history-cancel-btn:hover{background:#f0ebe3}.history-edit-form{flex-direction:column;gap:1rem;width:100%;display:flex}.history-edit-header{color:#ffb81e;font-family:Courier New,monospace;font-size:1rem}.history-mood-options{flex-wrap:wrap;gap:.5rem;display:flex}.history-mood-option{cursor:pointer;background:#2a2a32;border:3px solid #ffb81e;padding:.3rem .5rem;font-size:1.5rem;transition:all .15s}.history-mood-option:hover{border-color:#8ef0ce;transform:scale(1.1)}.history-mood-option.selected{background:#3a3a44;border-color:#8ef0ce;transform:scale(1.1);box-shadow:3px 3px #8ef0ce}.history-edit-input{min-height:120px}@media (width<=600px){.history-actions{justify-content:flex-start;width:100%}.history-edit-btn,.history-delete-btn,.history-edit-save,.history-cancel-btn{padding:.4rem .6rem;font-size:.75rem}}