@import"https://fonts.googleapis.com/css2?family=Neucha&display=swap";:root{--paper-bg: #fdfbf7;--paper-line: rgba(163, 201, 226, .5);--ink-color: #2c3e50;--hint-ink: #7f8c8d;--highlight-yellow: #ffd93b;--highlight-orange: #ffb347}body{margin:0;padding:0;background-color:#d9d0c1;font-family:Neucha,cursive;box-sizing:border-box}.planner-container{display:flex;height:100vh;max-width:480px;margin:0 auto;padding:15px 10px;box-sizing:border-box}.planner-page{flex-grow:1;background-color:var(--paper-bg);border-radius:12px 0 0 12px;box-shadow:-5px 5px 20px #00000026;overflow-y:auto;position:relative;z-index:2;background-image:repeating-linear-gradient(transparent,transparent 31px,var(--paper-line) 31px,var(--paper-line) 32px);padding:15px 15px 15px 25px}.planner-page:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#ff9999b3;z-index:10;pointer-events:none}.planner-tabs{display:flex;flex-direction:column;width:45px;padding-top:15px;flex-shrink:0}.v-tab{background:#e0d9c5;border:1px solid #ccc;border-left:none;border-radius:0 8px 8px 0;margin-bottom:5px;padding:10px 0;text-align:center;font-size:18px;cursor:pointer;box-shadow:3px 2px 5px #00000014;transition:all .2s ease;position:relative;left:-2px;z-index:1;width:40px}.v-tab.active{background:var(--paper-bg);width:47px;z-index:3;border-left:2px solid var(--paper-bg);box-shadow:4px 2px 8px #0000001f}.header-mascot{position:absolute;top:5px;right:15px;width:40px;height:40px;border-radius:50%;box-shadow:2px 2px 5px #0000001a;z-index:100}.input-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--hint-ink)}label{font-size:19px;font-weight:700}input[type=text],input[type=number],input[type=date],select,textarea,.paper-input{width:50%;border:1.5px solid #94a3b8;border-radius:8px;background-color:#ffffffeb;padding:8px 12px;text-align:right;font-family:Neucha,cursive;font-size:18px;color:#1a252f;outline:none;transition:all .2s;box-sizing:border-box}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus,.paper-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.date-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-range-grid input[type=date]{width:100%;padding:6px 8px;font-size:13px;min-width:0}.btn-main{background-color:var(--highlight-yellow);color:var(--ink-color);border:2px solid var(--ink-color);border-radius:15px 5px 25px/5px 15px 5px 25px;width:100%;padding:12px;font-size:20px;font-weight:700;font-family:Neucha,cursive;cursor:pointer;margin-top:15px;box-shadow:3px 4px #2c3e5033}.btn-main:active{transform:translate(3px,4px);box-shadow:none}.calendar-block{margin-top:15px}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:22px;font-weight:700;margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.cal-day-header{font-weight:700;color:var(--hint-ink);font-size:16px;padding-bottom:5px;border-bottom:2px solid var(--paper-line)}.cal-day{padding:10px 0;border-radius:8px;font-size:18px;cursor:pointer;transition:background .2s;border:1px dashed transparent}.cal-day:hover{background:var(--highlight-yellow);border-color:var(--ink-color)}.cal-day.weekend{color:#e74c3c}.cal-btn{background:none;border:none;font-size:20px;font-family:inherit;cursor:pointer}