*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f8f6f2;color:#333;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.45}.container{max-width:980px;margin:0 auto;padding:1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.header h1{margin:0;font-size:2rem;letter-spacing:.2px}.header p{margin:.25rem 0 0;color:#4b5563}.nav-buttons{display:flex;align-items:center;gap:.5rem}.nav-buttons>span{display:inline-flex;align-items:center;gap:.375rem;color:#374151;font-weight:600}.grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media (min-width: 760px){.grid{grid-template-columns:1fr 1fr}}.card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.day-name{font-weight:700;font-size:1.1rem}.date{color:#6b7280;font-size:.95rem;margin-top:.15rem}.avg-label{font-size:.85rem;color:#6b7280;text-align:right}.avg-stars{display:flex;align-items:center;gap:.35rem;justify-content:flex-end}.section-title{display:flex;align-items:center;gap:.5rem;margin:.85rem 0 .35rem;padding-bottom:.25rem;border-bottom:2px solid #f0e4d2;color:#8b5e3c;font-weight:600}textarea,input{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem .65rem;background:#fafafa;font-size:1rem;transition:border-color .15s,background .15s,box-shadow .15s}textarea{min-height:84px;resize:vertical}textarea:focus,input:focus{outline:none;border-color:#c08a2b;background:#fff;box-shadow:0 0 0 3px #c08a2b26}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;background:#c08a2b;color:#fff;padding:.5rem .9rem;font-weight:600;cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #00000014}button:hover{background:#a8731f}button:active{transform:translateY(1px)}button[disabled],.btn-ghost[disabled]{opacity:.6;cursor:not-allowed}.btn-ghost{background:#fff;color:#374151;border:1px solid #e5e7eb}.btn-ghost:hover{background:#f3f4f6}a>button{display:inline-flex;align-items:center;gap:.4rem}.actions{display:flex;gap:.5rem;align-items:center;margin:.5rem 0 1rem}ul{list-style:none;padding:0;margin:0}.card ul li.card{padding:.75rem}.footer{color:#6b7280;font-size:.9rem;text-align:center;margin:1rem 0}img{max-width:100%;height:auto;display:block}label{font-weight:600;font-size:.95rem;color:#374151}::placeholder{color:#9ca3af}svg{vertical-align:middle}@media (max-width: 480px){.container{padding:.75rem}.header{flex-direction:column;align-items:flex-start;gap:.5rem}.header h1{font-size:1.6rem}.nav-buttons{flex-wrap:wrap;gap:.4rem}.nav-buttons>span{font-size:.95rem;font-weight:600}.grid{grid-template-columns:1fr;gap:.75rem}.card{padding:.85rem;border-radius:10px}textarea,input{font-size:.95rem}button{width:auto;padding:.5rem .8rem}.preview-modal img{max-width:88vw;max-height:70vh}}@media (min-width: 481px) and (max-width: 768px){.container{padding:1rem}.grid{grid-template-columns:1fr}.card{padding:1rem}}@media (min-width: 769px) and (max-width: 1024px){.grid{grid-template-columns:1fr 1fr}}@media (min-width: 1025px){.grid{grid-template-columns:1fr 1fr}}button,.btn-ghost{min-height:40px}.nav-buttons button{white-space:nowrap}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0000000f}.table-responsive table{min-width:640px}.day-name{display:block;text-align:center;font-weight:700;font-size:1.2rem;padding:.4rem .6rem;margin-bottom:.4rem;border-radius:8px;background:#f0e4d2;color:#5a3e25;letter-spacing:.3px}