:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:min(800px,100%);margin:0 auto;text-align:center}:root{--bg: #fafafa;--card: #fff;--muted: #6b6b6b;--accent: #ff7043;--shadow: 0 4px 16px rgba(18, 18, 18, .06)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(90deg,#ff70430f,#ff704305);border-bottom:1px solid rgba(0,0,0,.04)}.app-header .title{font-weight:700;font-size:1.1rem}.app-body{display:flex;flex-direction:column}.header-actions{display:flex;gap:8px;align-items:center}.search{margin:20px;padding:8px 10px;border-radius:8px;border:1px solid #e6e6e6}.calendar{margin:0 20px 12px;padding:12px;background:var(--card);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-heading{font-weight:600}.cal-view-toggle{display:inline-flex;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden}.cal-view-btn{background:none;border:none;padding:6px 14px;font-size:.85rem;cursor:pointer;color:var(--muted)}.cal-view-btn.active{background:var(--accent);color:#fff;font-weight:600}.agenda{display:flex;flex-direction:column;gap:6px}.agenda-list{display:flex;flex-direction:column;gap:4px}.agenda-row{display:flex;gap:12px;align-items:baseline;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:none;text-align:left;font:inherit;color:var(--muted);cursor:default}.agenda-row.clickable{cursor:pointer}.agenda-row.clickable:hover{background:#ff704314;border-color:#ff704340}.agenda-row.today{background:#ff70430f}.agenda-date{min-width:110px;font-weight:600}.agenda-menu{color:var(--muted)}.agenda-row.clickable .agenda-menu{color:var(--accent);font-weight:600}.agenda-more{align-self:flex-start;background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;padding:4px 0}.agenda-more:hover{color:var(--accent)}.agenda-empty{color:var(--muted);padding:8px 10px}.calendar-title{font-weight:600;min-width:150px;text-align:center}.calendar-nav{display:flex;align-items:center;gap:8px}.cal-nav-btn{background:none;border:1px solid #e6e6e6;border-radius:8px;width:32px;height:32px;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--muted)}.cal-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.cal-today-btn{margin-left:auto;background:none;border:1px solid #e6e6e6;border-radius:8px;padding:6px 12px;font-size:.85rem;cursor:pointer;color:var(--muted)}.cal-today-btn:hover{border-color:var(--accent);color:var(--accent)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--muted);padding:4px 0}.cal-cell{min-height:64px;border:1px solid #f0f0f0;border-radius:8px;background:var(--bg);padding:4px;display:flex;flex-direction:column;gap:2px;align-items:stretch;text-align:left;font:inherit;color:var(--muted);cursor:default;overflow:hidden}.cal-cell.empty{border:none;background:none}.cal-daynum{font-size:.8rem;font-weight:600;color:var(--muted)}.cal-cell.has-menu{background:#ff70430f;border-color:#ff704340}.cal-cell.clickable{cursor:pointer}.cal-cell.clickable:hover{border-color:var(--accent);background:#ff70431f}.cal-cell.today{outline:2px solid var(--accent);outline-offset:-1px}.cal-cell.today .cal-daynum{color:var(--accent)}.cal-menu-label{font-size:.72rem;line-height:1.2;color:var(--accent);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cal-cell:not(.clickable) .cal-menu-label{color:var(--muted);opacity:.7}@media(max-width:560px){.cal-cell{min-height:52px}.cal-menu-label{font-size:.6rem;-webkit-line-clamp:1;line-clamp:1;word-break:break-word}}.btn{padding:8px 12px;border-radius:8px;border:1px solid #ddd;background:var(--card);cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border:none}.menu-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px}.menu-card{background:var(--card);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer}.cover-wrap{height:140px;overflow:hidden}.cover{width:100%;height:100%;object-fit:cover;display:block}.meta{padding:12px}.menu-title{margin:0;font-size:1rem}.menu-sub{margin:6px 0 0;color:var(--muted);font-size:.85rem}.menu-detail{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.back{background:none;border:1px solid #eee;padding:6px 8px;border-radius:8px;cursor:pointer}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.thumb{aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:#eee}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal-body{position:relative;max-width:90vw;max-height:90vh;background:transparent;display:flex;align-items:center}.modal-image{max-width:calc(100vw - 160px);max-height:calc(100vh - 160px);border-radius:8px}.modal-close{position:absolute;top:-16px;right:-8px;background:#fff;border-radius:50%;border:none;padding:6px 8px;cursor:pointer}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;padding:8px 10px;border-radius:10px;cursor:pointer}.modal-nav.left{left:-48px}.modal-nav.right{right:-48px}.modal-caption{position:absolute;bottom:-36px;color:#fff;text-align:center;width:100%}