:root{font-family:Manrope,Montserrat,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at 10% 20%,#e0f2fe 0,transparent 30%),radial-gradient(circle at 90% 10%,#f5d0fe 0,transparent 28%),linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}*{box-sizing:border-box}body{margin:0;background:transparent}#root{max-width:1400px;margin:0 auto;width:100%}a{color:inherit}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em}p{margin:0}.page{color:#0f172a;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem 1.5rem 3rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#64748b;margin:0 0 .25rem}.muted{color:#64748b;margin:.25rem 0 0}.user-chip{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem .85rem;border-radius:999px;color:#0f172a;font-weight:600;box-shadow:0 10px 30px #00000014}.content{display:grid;gap:1rem;grid-template-columns:1.2fr .9fr;align-items:start}.content.locked{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.65;transition:filter .15s ease,opacity .15s ease}.card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 25px 60px #0f172a14}.gallery-panel{background:linear-gradient(120deg,#eef2ff,#e0f2fe)}.gallery{display:grid;gap:.75rem}.gallery-slide{border:2px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 35px #0f172a1f}.gallery-slide.active{opacity:1}.gallery-slide img{width:100%;max-height:340px;object-fit:cover;display:block}.gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;font-weight:700;color:#0f172a}.gallery-meta span:last-child{font-weight:500;color:#475569}.gallery-dots{display:flex;gap:.35rem;align-items:center}.gallery-dots .dot{width:10px;height:10px;border-radius:50%;border:none;background:#cbd5e1;padding:0;cursor:pointer}.gallery-dots .dot.active{background:#0ea5e9}.login{max-width:420px}.modal{position:relative}.login-form{display:grid;gap:.75rem;margin-top:.75rem}label{display:grid;gap:.35rem;font-weight:600;color:#0f172a}input,select{border-radius:10px;border:1px solid #cbd5e1;padding:.65rem .75rem;font-size:1rem;background:#f8fafc}button{border-radius:12px;border:1px solid transparent;padding:.7rem 1rem;font-size:.95rem;font-weight:700;font-family:inherit;background:linear-gradient(120deg,#0ea5e9,#2563eb);color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 12px 25px #2563eb38}button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #2563eb42}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.ghost{background:transparent;color:#0f172a;border:1px solid #cbd5e1;box-shadow:none}.tiny{padding:.25rem .55rem;font-size:.8rem;border-radius:8px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.legend span{padding:.35rem .6rem;border-radius:999px;color:#0f172a;font-weight:600;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 25px #0f172a14}.day-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;text-align:center;color:#475569;font-weight:700;margin-bottom:.35rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.day{display:grid;align-items:start;justify-content:start;gap:.35rem;min-height:95px;border:2px solid transparent;border-radius:12px;text-align:left;padding:.65rem .7rem;background:#f9f9fb;position:relative}.day:hover{border-color:#cbd5e1}.day.selected{border-color:#0f172a;box-shadow:0 6px 14px #0f172a2e}.day-number{font-weight:800;font-size:1.1rem}.day-owner{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:#1f2937}.day-photo{width:100%;border-radius:10px;overflow:hidden;aspect-ratio:1 / 1;border:1px solid #e2e8f0;box-shadow:inset 0 0 0 1px #fff6}.day-photo img{width:100%;height:100%;object-fit:cover}.past{opacity:.8;background:#f1f5f9}.past-tag{position:absolute;top:8px;right:8px;background:#e2e8f0;color:#334155;font-size:.72rem;padding:.25rem .5rem;border-radius:999px}.blank{min-height:95px}.actions{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #e2e8f0;padding-top:.85rem}.action-buttons{display:flex;gap:.6rem}.status{margin-top:.5rem;color:#0f172a;font-weight:600}.status.warn{color:#be123c}.detail-panel{background:linear-gradient(180deg,#fff,#f5f3ff)}.detail-body{display:grid;gap:1rem}.detail-block{padding:.75rem;border:1px dashed #cbd5e1;border-radius:12px;background:#ffffffb3}.photo-preview{display:grid;gap:.35rem}.photo-preview img{width:100%;max-height:220px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0}.upload-form{display:grid;gap:.5rem;margin-top:.5rem}.upload-panel{background:linear-gradient(120deg,#f8fafc,#ecfeff)}.tiny-text{font-size:.85rem}.chat-panel{display:flex;flex-direction:column;height:100%;min-height:320px;background:linear-gradient(145deg,#f8fafc,#eef2ff)}.chat-history{flex:1;overflow-y:auto;display:grid;gap:.65rem;padding:.25rem .35rem .25rem 0;max-height:70vh}.message{border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;padding:.7rem .8rem;border-left:6px solid #0f172a;box-shadow:0 10px 25px #0f172a0f}.message-top{display:flex;align-items:center;gap:.5rem;justify-content:space-between;flex-wrap:wrap;margin-bottom:.3rem}.message-user{font-weight:700}.message-time{color:#64748b;font-size:.9rem}.chat-input{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.75rem}.login-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.15),transparent 35%),radial-gradient(circle at 80% 15%,rgba(244,114,182,.18),transparent 30%),#0f172a40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.login-overlay .card-panel{width:min(480px,95vw);box-shadow:0 30px 60px #0f172a40}.my-reservations{margin-top:.85rem}.pill-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.pill-list span{padding:.35rem .7rem;border-radius:999px;background:#e0f2fe;color:#0f172a;font-weight:700;border:1px solid #bae6fd}.cat-hero{display:flex;align-items:center;gap:.75rem}.cat-frame{position:relative;width:130px;height:130px;border-radius:18px;overflow:hidden}.cat-frame img{width:100%;height:100%;object-fit:cover;border-radius:14px;position:relative;z-index:2}.cat-border{position:absolute;inset:-4px;background:conic-gradient(from 120deg,#0ea5e9,#818cf8,#f472b6,#0ea5e9);filter:blur(10px);transform:scale(1.05);z-index:1}.cat-hero .muted{max-width:200px}@media(max-width:960px){.content{grid-template-columns:1fr}.calendar-panel{order:1}.detail-panel{order:2}.cat-hero{display:none}}@media(max-width:960px){.content{grid-template-columns:1fr}.chat-panel{max-height:none}}@media(max-width:640px){.page{padding:1.5rem 1rem}.actions{flex-direction:column;align-items:flex-start}button{width:100%}}