:root{--color-primary: #70D6FF;--color-primary-light: #A4E5FF;--color-primary-dark: #0099CC;--color-secondary: #FFDE59;--color-accent: #00D68F;--color-purple: #B2A4FF;--color-bg-app: #B2A4FF;--color-bg-surface: #f5f4ef;--color-bg-card: #f5f4ef;--color-text-main: #000000;--color-text-muted: #4B5563;--color-text-light: #6B7280;--color-holiday: #00D68F;--color-term: #70D6FF;--color-public-holiday: #FF70A6;--shadow-sm: 2px 2px 0px 0px #000000;--shadow-md: 4px 4px 0px 0px #000000;--shadow-lg: 6px 6px 0px 0px #000000;--border-width: 2px;--border-color: #000000;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;font-family:Space Grotesk,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;color-scheme:light;color:var(--color-text-main);background-color:var(--color-bg-app);background-image:radial-gradient(#000000 1px,transparent 1px);background-size:20px 20px;background-position:0 0;background-attachment:fixed}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;max-width:100%;margin:0 auto}.container{max-width:600px;margin:0 auto;padding:1rem}button{border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:var(--color-secondary);color:var(--color-text-main);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .1s ease}button:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}button:active{transform:translate(0);box-shadow:0 0 #000}button:focus,button:focus-visible{outline:2px solid var(--color-text-main);outline-offset:2px}.app-header{background-color:var(--color-bg-card);color:var(--color-text-main);padding:1.5rem 1rem;position:sticky;top:0;z-index:10;border-bottom:3px solid #000;box-shadow:0 4px #000;margin-bottom:2rem;display:flex;justify-content:center;transition:transform .3s ease-in-out}.app-header.hidden{transform:translateY(-100%)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.app-logo{height:70px;width:auto;object-fit:contain}.auth-actions{display:flex;align-items:center;gap:1rem}.app-header h1{margin:0;font-size:1.75rem;font-weight:900;letter-spacing:.02em;text-shadow:2px 2px 0px var(--color-bg-surface);text-transform:none}@media(max-width:600px){.app-header{padding:.75rem 1rem;border-bottom-width:2px}.app-header h1{font-size:1.25rem}.stats-bar{margin-bottom:1rem;padding:.75rem}}.stats-bar{background:var(--color-bg-card);border:2px solid #000;border-radius:var(--radius-lg);box-shadow:4px 4px #000;color:var(--color-text-main);padding:1rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.summary-content{display:flex;flex-direction:column;gap:.75rem}@media(min-width:600px){.summary-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.summary-section.counts{flex:1;border-right:2px solid #eee;padding-right:1rem;margin-right:1rem}.summary-section.next-up{flex:1}}.summary-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.summary-pills{display:flex;flex-wrap:wrap;gap:.5rem}.summary-tag{background-color:var(--color-secondary);font-size:.8rem}.next-items{display:flex;flex-direction:column;gap:.25rem}.next-item{font-size:.9rem;font-weight:600}.item-date{font-weight:400;color:var(--color-text-muted);font-size:.8rem;margin-left:.25rem}.weekend-grid{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:2rem}a{color:var(--color-text-main);text-decoration:underline;text-decoration-thickness:2px}a:hover{background-color:var(--color-secondary)}.weekend-card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem;border:var(--border-width) solid var(--border-color);transition:all .2s ease}.weekend-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.weekend-card.holiday-mode{border-color:var(--color-text-main);background:var(--color-accent);color:var(--color-text-main)}.weekend-card.term-mode{background:var(--color-bg-card)}.weekend-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex:1}.total-cost-badge{background:#000;color:#fff;font-weight:700;font-size:.9rem;padding:.25rem .5rem;border-radius:var(--radius-sm);box-shadow:2px 2px #0003}.date-badge{display:flex;flex-direction:column;align-items:center;background:var(--color-secondary);padding:.25rem .5rem;border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color);min-width:3.5rem;box-shadow:2px 2px #000;flex-shrink:0}.context-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-wrap:wrap}.tag{font-size:.7rem;padding:2px 8px;border-radius:99px;font-weight:700;letter-spacing:.05em;border:var(--border-width) solid var(--border-color);box-shadow:1px 1px #000;text-align:right;white-space:normal;max-width:100%}@media(max-width:600px){.weekend-card{padding:.75rem}.activity-header{flex-direction:column;gap:.25rem}.action-buttons{margin-left:0;margin-top:.5rem;width:100%;justify-content:flex-end;border-top:1px dashed #ddd;padding-top:.5rem}.edit-btn,.delete-btn{opacity:1;padding:.5rem}}.tag.term{background-color:var(--color-term);color:var(--color-text-main)}.tag.school-holiday{background-color:var(--color-bg-surface);color:var(--color-text-main)}.tag.public-holiday{background-color:var(--color-public-holiday);color:var(--color-text-main)}.weekend-body{flex:1;overflow-y:auto;padding:.25rem 0}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{background:var(--color-bg-card);border:2px solid #000;border-radius:var(--radius-sm);padding:.5rem;box-shadow:2px 2px #000;transition:transform .1s ease;position:relative}.activity-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.action-buttons{display:flex;gap:.5rem;margin-left:auto}.edit-btn,.delete-btn{background:transparent;border:none;cursor:pointer;padding:0 .25rem;transition:all .2s;opacity:0;display:flex;align-items:center;color:#ccc;font-size:.9rem}.activity-item:hover .edit-btn,.activity-item:hover .delete-btn{opacity:1}.edit-btn:hover{color:var(--color-primary-dark);transform:scale(1.1)}.delete-btn:hover{color:#ef4444;transform:scale(1.1)}.activity-title{font-weight:700;font-size:.9rem;line-height:1.2;color:#000}.recurring-icon{font-size:.8rem;margin-left:.25rem;color:#666}.activity-meta{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.meta-pill{display:inline-block;font-size:.65rem;padding:.1rem .3rem;border:1px solid #000;border-radius:999px;background:#eee;margin-right:.25rem;font-weight:600}.empty-state{color:var(--color-text-muted);font-size:.875rem;font-style:italic;font-weight:500;opacity:.7}.weekend-footer{display:flex;justify-content:flex-end}.add-btn{width:2.5rem;height:2.5rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;background:var(--color-primary);color:var(--color-text-main);border:var(--border-width) solid var(--border-color);box-shadow:2px 2px #000}.add-btn:hover{background:var(--color-primary-light);transform:translate(-2px,-2px);box-shadow:4px 4px #000;color:var(--color-text-main)}.modal-content,.modal-content *{box-sizing:border-box}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:1rem}.modal-content{background:var(--color-bg-surface);width:100%;max-width:440px;border-radius:2rem;padding:1.5rem;border:3px solid #000;box-shadow:8px 8px #000;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);position:relative;display:flex;flex-direction:column;max-height:90vh}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.5rem;font-weight:900;letter-spacing:-.05em}.close-btn{background:#000;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;padding:0;box-shadow:none}.close-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:none;background:#000}.modal-tabs-container{display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:0 1rem}.tab-icon-btn{background:transparent;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;opacity:.6;transition:all .2s}.tab-icon-btn:hover,.tab-icon-btn:active{background:transparent;box-shadow:none;transform:none}.tab-icon-btn:focus{outline:none}.tab-icon-btn.active{opacity:1;transform:scale(1.1)}.icon-circle{width:56px;height:56px;border-radius:50%;border:3px solid #000;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);box-shadow:2px 2px #000}.details-icon{background:#fcd34d}.extras-icon{background:var(--color-bg-surface)}.tab-icon-btn.active .icon-circle.extras-icon{background:#fef3c7}.tab-label{font-weight:700;font-size:.85rem;color:#000}.modal-form{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem;min-height:0}.tab-pane{width:100%}.slide-in-left{animation:slideLeft .3s ease-out}.slide-in-right{animation:slideRight .3s ease-out}@keyframes slideLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:700;font-size:.9rem;margin-bottom:.4rem;color:#000}.bubbly-input{width:100%;padding:.8rem;font-size:.9rem;border:3px solid #000;border-radius:1rem;background:var(--color-bg-surface);font-weight:500;color:#4b5563;transition:all .2s;box-shadow:3px 3px #ecdccb}.bubbly-input:focus{outline:none;box-shadow:3px 3px #000;transform:translate(-2px,-2px)}.textarea{resize:vertical;min-height:100px}.pill-group{display:flex;gap:.5rem;flex-wrap:wrap}.pill-btn{background:var(--color-bg-surface);border:3px solid #000;padding:.4rem 1rem;border-radius:2rem;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:2px 2px #000;transition:all .15s}.pill-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.pill-btn.active{background:#fcd34d;transform:translate(1px,1px);box-shadow:1px 1px #000}.date-pill{min-width:70px}.type-pill.type-family.active{background:#f9a8d4}.type-pill.type-school.active,.type-pill.type-social.active,.type-pill.type-personal.active{background:var(--color-bg-surface)}.pill-btn.add-btn-pill.dash-border{border-style:dashed;background:transparent;box-shadow:none}.inline-checkbox-group{display:flex;align-items:center}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-wrapper input[type=checkbox]{appearance:none;width:20px;height:20px;border:3px solid #000;border-radius:6px;background:var(--color-bg-surface);cursor:pointer;position:relative;padding:0}.checkbox-wrapper input[type=checkbox]:checked{background:#fcd34d}.checkbox-wrapper input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:.8rem}.recurring-panel{display:flex;gap:.75rem;padding:.75rem;border:3px dashed #000;border-radius:1rem;background:#fefce8;margin-bottom:1rem}.recurring-panel .half{flex:1;margin-bottom:0}.hidden-input{display:none}.dashed-box{width:100%;border:3px dashed #000;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-bg-surface);cursor:pointer;transition:all .2s;min-height:150px}.dashed-box:hover{background:#f9fafb}.camera-icon{margin-bottom:.5rem}.upload-text{font-weight:700;font-size:.9rem}.upload-subtext{font-size:.75rem;color:#6b7280}.upload-preview-container{width:100%;border:3px solid #000;border-radius:1.5rem;overflow:hidden;position:relative;height:180px;background:#000}.upload-preview-image{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.upload-preview-container:hover .upload-overlay{opacity:1}.change-photo-btn{background:var(--color-bg-surface);border:2px solid #000;padding:.4rem .8rem;border-radius:1rem;font-weight:700;cursor:pointer;box-shadow:2px 2px #000;font-size:.85rem}.concierge-box{background:#70d6ff;border:3px solid #000;border-radius:1.5rem;padding:1rem;box-shadow:4px 4px #000}.concierge-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.concierge-header label{margin-bottom:0;font-weight:700;font-size:.9rem}.concierge-input{width:100%;background:#ffffff4d;border:2px solid #000;border-radius:1rem;padding:.6rem;font-family:inherit;font-weight:500;font-size:.9rem;resize:none}.concierge-input::placeholder{color:#00000080}.modal-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem}.modal-actions button{flex:1}.secondary-btn{background:var(--color-bg-surface);border:3px solid #000;padding:.6rem;border-radius:2rem;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:3px 3px #000;transition:all .2s}.secondary-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.secondary-btn:hover{background:#f3f4f6;box-shadow:4px 4px #000;transform:translate(-1px,-1px)}.primary-btn{background:#fcd34d;border:3px solid #000;padding:.6rem;border-radius:2rem;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:3px 3px #000;transition:all .2s}.primary-btn:hover{background:#fbbf24;box-shadow:4px 4px #000;transform:translate(-1px,-1px)}.primary-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.primary-btn:disabled{background:#d1d5db;color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:600px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;max-width:100%;height:95vh;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header h3{font-size:1.4rem}.modal-tabs-container{margin-bottom:1.5rem}.icon-circle{width:50px;height:50px}}.family-modal{max-width:500px}.family-content{padding:1rem 0}.invite-section{margin:1.5rem 0;padding:1.5rem;background:#fdf2f8;border:2px solid #000;border-radius:var(--radius-md)}.invite-section label{font-weight:700;display:block;margin-bottom:.5rem}.link-box{display:flex;gap:.5rem}.link-box input{flex:1;padding:.75rem;border:2px solid #000;border-radius:var(--radius-sm);font-family:inherit;background:var(--color-bg-card)}.copy-btn{background:#000;color:#fff;border:none;border-radius:var(--radius-sm);padding:0 1.5rem;cursor:pointer;font-weight:600}.copy-btn:hover{background:#333}.hint{font-size:.85rem;color:#555;margin-top:.75rem;font-style:italic}.manual-section{margin-top:2rem;text-align:center;border-top:1px dashed #ccc;padding-top:1rem}.manual-section code{display:block;margin-top:.5rem;background:#eee;padding:.5rem;border-radius:4px;font-family:monospace;font-size:1.1rem;letter-spacing:1px}