.search-bar{position:relative;width:100%}.search-bar__input-wrapper{position:relative;display:flex;align-items:center}.search-bar__input{width:100%}.search-bar__input .ui-input-container{margin-bottom:0}.search-bar__input .ui-input-wrapper{min-height:50px;height:50px;background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}.search-bar__input .ui-input-wrapper:focus-within{border-color:color-mix(in srgb, var(--bs-primary) 35%, var(--bs-gray-200));background-color:var(--bs-surface);box-shadow:var(--shadow-md),0 0 0 3px color-mix(in srgb, var(--bs-primary) 16%, transparent)}.search-bar__input .ui-input{font-family:"Barlow",sans-serif;font-size:.9375rem;padding-top:0;padding-bottom:0}.search-bar__input .ui-input::placeholder{color:var(--text-meta)}.search-bar__input .ui-input-icon--left{color:var(--text-brand)}.search-bar__input .ui-search-input__clear-btn{width:32px;height:32px;margin-right:.375rem;border-radius:50%;background:var(--surface-brand-subtle);color:var(--text-brand);transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.search-bar__input .ui-search-input__clear-btn:hover{background:color-mix(in srgb, var(--bs-primary) 18%, var(--bs-surface));color:var(--bs-primary)}.search-bar__loading{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);z-index:10;pointer-events:none}.search-bar__loading-spinner{display:block;width:18px;height:18px;border:2px solid var(--bs-gray-200);border-top-color:var(--bs-primary);border-radius:50%;animation:search-bar-spin .7s linear infinite}.search-bar__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.5rem}.search-bar__empty{background:var(--bs-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--bs-gray-200);padding:2rem 1.5rem}.search-bar__empty-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.375rem}.search-bar__empty-icon{width:44px;height:44px;color:var(--bs-primary);opacity:.45;margin-bottom:.5rem}.search-bar__empty-title{font-family:"Barlow",sans-serif;font-size:1rem;font-weight:600;color:var(--heading-color);margin:0}.search-bar__empty-text{font-size:.875rem;color:var(--text-meta);margin:0;line-height:1.5}.search-bar__empty-text strong{color:var(--bs-body-color);font-weight:600}.search-bar__empty-hint{font-size:.8125rem;color:var(--bs-muted);margin:.25rem 0 0;line-height:1.45}.search-bar__suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.5rem;background:var(--bs-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--bs-gray-200);overflow:hidden}.search-bar__suggestions-header{padding:.75rem 1rem .5rem;border-bottom:1px solid var(--bs-gray-200);background:color-mix(in srgb, var(--surface-brand-subtle) 45%, var(--bs-surface))}.search-bar__suggestions-header small{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-meta)}.search-bar__suggestion{position:relative;min-height:44px;padding:.75rem 1rem;cursor:pointer;transition:background-color var(--motion-fast) ease;font-family:"Barlow",sans-serif;font-size:.9375rem;color:var(--bs-body-color);background:none;border:none;width:100%;text-align:left}.search-bar__suggestion::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transition:transform var(--motion-base) ease}.search-bar__suggestion:hover{background:color-mix(in srgb, var(--surface-brand-subtle) 55%, var(--bs-surface))}.search-bar__suggestion:hover::before{transform:scaleY(1)}.search-bar__suggestion:focus-visible{outline:2px solid var(--bs-primary);outline-offset:-2px}.search-bar__suggestion+.search-bar__suggestion{border-top:1px solid var(--bs-gray-100)}@keyframes search-bar-spin{to{transform:rotate(360deg)}}@media(max-width: 768px){.search-bar__input .ui-input-wrapper{min-height:48px;height:48px}.search-bar__dropdown,.search-bar__suggestions{margin-top:.375rem}.search-bar__suggestion{padding:.625rem .875rem;font-size:.875rem}}@media(prefers-reduced-motion: reduce){.search-bar__loading-spinner{animation:none;border-top-color:var(--bs-primary)}.search-bar__suggestion::before{transition:none}}
.branches-widget{margin-bottom:2rem}.branches-widget__loading{display:grid;grid-gap:.5rem;gap:.5rem}.branches-widget__skeleton{height:72px;border-radius:var(--radius-lg);border:1px solid var(--bs-gray-200);background:linear-gradient(90deg, var(--bs-gray-100) 0%, color-mix(in srgb, var(--bs-gray-100) 40%, var(--bs-gray-200)) 50%, var(--bs-gray-100) 100%);background-size:200% 100%;animation:branches-skeleton-shimmer 1.2s ease-in-out infinite}.branches-widget__empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;color:var(--text-meta);font-size:.9375rem;line-height:1.5;background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.branches-widget__list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.branches-widget__item{position:relative}.branches-widget__row{position:relative;display:flex;align-items:center;gap:.875rem;width:100%;min-height:64px;padding:.625rem .875rem .625rem 1rem;border:1px solid var(--bs-gray-200);border-radius:var(--radius-lg);background:var(--bs-surface);text-align:left;cursor:pointer;overflow:hidden;transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.branches-widget__row::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transform-origin:center;transition:transform var(--motion-base) ease}.branches-widget__row:hover{background:color-mix(in srgb, var(--surface-brand-subtle) 55%, var(--bs-surface));border-color:color-mix(in srgb, var(--bs-primary) 22%, var(--bs-gray-200));box-shadow:var(--shadow-sm)}.branches-widget__row:hover::before{transform:scaleY(1)}.branches-widget__row:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}.branches-widget__pin{flex-shrink:0;display:block;width:52px;height:52px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-brand-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bs-primary) 12%, transparent)}.branches-widget__pin svg{display:block;width:100%;height:100%}.branches-widget__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.branches-widget__name{display:-webkit-box;font-family:"Barlow",sans-serif;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--bs-body-color);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.branches-widget__address{font-size:.8125rem;line-height:1.45;color:var(--bs-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.branches-widget__phone{display:inline-flex;align-items:center;gap:.35rem;margin-top:.125rem;font-size:.8125rem;color:var(--text-meta)}.branches-widget__phone svg{flex-shrink:0;width:.8125rem;height:.8125rem}.branches-widget__action{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--text-brand);background:var(--surface-brand-subtle);opacity:0;transform:translateX(-4px);transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease}.branches-widget__action svg{width:.75rem;height:.75rem}.branches-widget__row:hover .branches-widget__action{opacity:1;transform:translateX(0)}@media(min-width: 768px){.branches-widget__row{padding:.75rem 1rem .75rem 1.125rem;min-height:72px}.branches-widget__name{font-size:1rem}.branches-widget__address{font-size:.875rem}}@media(prefers-reduced-motion: reduce){.branches-widget__row{transition:none}.branches-widget__row::before{transition:none}.branches-widget__action{opacity:1;transform:none;transition:none}.branches-widget__skeleton{animation:none}}@keyframes branches-skeleton-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.quick-actions{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1.75rem}.quick-actions__primary{display:flex;align-items:center;gap:.875rem;min-height:104px;padding:1rem 1.125rem;border:none;border-radius:var(--radius-xl);background:var(--gradient-hero);color:#fff;text-align:left;cursor:pointer;box-shadow:var(--shadow-md);transition:box-shadow 240ms ease,filter 240ms ease;transition:box-shadow var(--motion-base, 240ms) ease,filter var(--motion-base, 240ms) ease}.quick-actions__primary:hover{filter:brightness(1.05);box-shadow:var(--shadow-lg)}.quick-actions__primary:focus-visible{outline:2px solid var(--bs-secondary);outline-offset:3px}.quick-actions__primary-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.28)}.quick-actions__primary-icon svg{width:1.5rem;height:1.5rem}.quick-actions__primary-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.quick-actions__primary-label{font-family:var(--font-heading);font-size:var(--text-title-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.2}.quick-actions__primary-hint{font-size:.8125rem;font-weight:500;opacity:.88;line-height:1.3}.quick-actions__grid{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.quick-actions__item{display:flex;align-items:center;gap:.625rem;min-height:48px;padding:.5rem .75rem;background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-lg);cursor:pointer;touch-action:manipulation;transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;transition:border-color var(--motion-fast, 180ms) ease,background-color var(--motion-fast, 180ms) ease,box-shadow var(--motion-fast, 180ms) ease;color:var(--bs-body-color);box-shadow:var(--shadow-sm)}.quick-actions__item:hover{border-color:color-mix(in srgb, var(--bs-primary) 35%, var(--bs-gray-200));background:color-mix(in srgb, var(--surface-brand-subtle) 55%, var(--bs-surface));box-shadow:var(--shadow-md);color:var(--text-brand)}.quick-actions__item:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}.quick-actions__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface-brand-subtle);color:var(--text-brand);flex-shrink:0}.quick-actions__icon svg{width:1.25rem;height:1.25rem}.quick-actions__label{font-size:.875rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);line-height:1.25}@media(max-width: 640px){.quick-actions{grid-template-columns:1fr}.quick-actions__primary{min-height:88px}.quick-actions__grid{grid-template-columns:repeat(3, 1fr);gap:.5rem}.quick-actions__item{flex-direction:column;justify-content:center;gap:.375rem;min-height:76px;padding:.625rem .35rem;text-align:center}.quick-actions__label{font-size:.75rem}}@media(prefers-reduced-motion: reduce){.quick-actions__primary,.quick-actions__item{transition:none}}
.events-page{max-width:960px;margin:0 auto;padding-bottom:1rem}.events-page__intro{margin-bottom:1.5rem}.events-page__title{margin:0 0 .35rem;font-family:var(--font-heading);font-size:clamp(1.375rem,2.8vw,1.75rem);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--heading-color);line-height:1.25}.events-page__subtitle{margin:0;color:var(--text-meta);font-size:1rem;line-height:1.5}.events-page__filter{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:var(--surface-brand-subtle);border:1px solid color-mix(in srgb, var(--bs-primary) 18%, var(--bs-gray-200));border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--text-brand)}.events-page__filter-clear{flex-shrink:0;min-height:36px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;color:var(--text-brand);background:var(--bs-surface);border:1px solid color-mix(in srgb, var(--bs-primary) 22%, var(--bs-gray-200));border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease;transition:background-color var(--motion-fast, 180ms) ease,border-color var(--motion-fast, 180ms) ease,box-shadow var(--motion-fast, 180ms) ease}.events-page__filter-clear:hover{background:var(--bs-surface);border-color:color-mix(in srgb, var(--bs-primary) 40%, var(--bs-gray-200));box-shadow:var(--shadow-sm)}.events-page__filter-clear:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}.events-page__list{display:flex;flex-direction:column;gap:1.25rem}.events-page__error{padding:.875rem 1rem;font-size:.875rem;line-height:1.45;color:var(--text-danger-strong);background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-lg)}.events-page__skeleton{display:flex;flex-direction:column;gap:1.25rem}.events-page__skeleton-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--bs-gray-200);background:var(--bs-surface);box-shadow:var(--shadow-sm)}.events-page__skeleton-hero{height:120px;background:linear-gradient(90deg, var(--bs-gray-100) 25%, var(--bs-gray-200) 50%, var(--bs-gray-100) 75%);background-size:200% 100%;animation:events-shimmer 1.4s ease-in-out infinite}.events-page__skeleton-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.events-page__skeleton-line{height:.875rem;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bs-gray-100) 25%, var(--bs-gray-200) 50%, var(--bs-gray-100) 75%);background-size:200% 100%;animation:events-shimmer 1.4s ease-in-out infinite}.events-page__skeleton-line--title{width:65%;height:1.125rem}.events-page__skeleton-line--short{width:40%}@keyframes events-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.event-card{border:1px solid var(--bs-gray-200);border-radius:var(--radius-xl);background:var(--bs-surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow 240ms ease,border-color 240ms ease;transition:box-shadow var(--motion-base, 240ms) ease,border-color var(--motion-base, 240ms) ease}.event-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--bs-primary) 28%, var(--bs-gray-200))}.event-card--past{opacity:.94}.event-card--past .event-card__hero{background:linear-gradient(145deg, #3d3a5c 0%, #5c5878 55%, #6b667f 100%)}.event-card__hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;min-height:120px;padding:1.25rem 1.375rem;background:var(--gradient-hero);overflow:hidden}.event-card__hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.16) 0%, transparent 45%),radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.08) 0%, transparent 40%);pointer-events:none}.event-card__badge{position:absolute;top:.875rem;right:.875rem;z-index:1;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;border-radius:999px;background:hsla(0,0%,100%,.95);color:var(--text-meta);box-shadow:var(--shadow-sm)}.event-card__badge--upcoming{color:var(--text-brand)}.event-card__badge--registered{color:var(--text-success-strong)}.event-card__title{position:relative;z-index:1;margin:0;padding-right:5.5rem;font-family:var(--font-heading);font-size:clamp(1.0625rem,2.4vw,1.25rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.3;color:#fff}.event-card__date-chip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .65rem;font-size:.8125rem;font-weight:500;color:hsla(0,0%,100%,.95);background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.event-card__body{padding:1.25rem 1.375rem 1.375rem;display:flex;flex-direction:column;gap:.875rem}.event-card__meta-list{display:flex;flex-direction:column;gap:.625rem}.event-card__meta{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.45;color:var(--bs-body-color)}.event-card__meta-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin-top:.05rem;border-radius:10px;background:var(--surface-brand-subtle);color:var(--text-brand)}.event-card__meta-text{flex:1 1;min-width:0;word-break:break-word;overflow-wrap:anywhere}.event-card__description{padding-top:.25rem;border-top:1px solid var(--bs-gray-200)}.event-card__description-label{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--bs-muted)}.event-card__description-text{margin:0;font-size:.9375rem;line-height:1.55;color:var(--bs-muted);white-space:pre-wrap;word-break:break-word}.event-card__registration{margin-top:.25rem;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-brand-subtle) 70%, var(--bs-surface));border:1px solid color-mix(in srgb, var(--bs-primary) 12%, var(--bs-gray-200))}.event-card__registration-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:.9375rem;font-weight:600;color:var(--text-success-strong)}.event-card__child{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.event-card__child:not(:last-child){margin-bottom:.625rem}.event-card__child-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--surface-brand-subtle);color:var(--text-brand);font-size:.875rem;font-weight:600}.event-card__child-details{flex:1 1;min-width:0}.event-card__child-name{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--bs-body-color)}.event-card__child-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0 0 .5rem;font-size:.8125rem;color:var(--bs-muted)}.event-card__child-status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;color:var(--text-success-strong);background:rgba(25,135,84,.1);border-radius:999px}@media(max-width: 576px){.event-card__title{padding-right:0;padding-top:2rem}.event-card__badge{top:.75rem;right:.75rem;left:.75rem;width:fit-content;margin-left:auto}.event-card__body{padding:1rem 1.125rem 1.125rem}}@media(prefers-reduced-motion: reduce){.event-card,.events-page__filter-clear,.events-page__skeleton-hero,.events-page__skeleton-line{transition:none;animation:none}}
.diary-screen{padding:0;max-width:800px;margin:0 auto}.diary-screen .description{margin-bottom:24px;padding:16px;background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.diary-screen .description p{margin:0;color:var(--bs-muted);font-size:14px;line-height:1.5}.diary-screen .loading-container,.diary-screen .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.diary-screen .loading-container p,.diary-screen .error-container p{margin-top:16px;color:var(--bs-muted);font-size:16px}.diary-screen .error-container .retry-button{margin-top:16px;padding:12px 24px;background-color:var(--bs-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.diary-screen .error-container .retry-button:hover{background-color:var(--bs-primary-600)}.diary-screen .children-list{display:flex;flex-direction:column;gap:16px}.diary-screen .child-card{display:flex;align-items:center;padding:20px;background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s,border-color .2s}.diary-screen .child-card:hover{border-color:var(--bs-primary);box-shadow:var(--shadow-md)}.diary-screen .child-card .child-avatar{margin-right:16px;flex-shrink:0;color:var(--bs-primary);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:rgba(var(--bs-primary-rgb), 0.1);border-radius:50%}.diary-screen .child-card .child-avatar svg{width:24px;height:24px}.diary-screen .child-card .child-info{flex:1 1;min-width:0}.diary-screen .child-card .child-info .child-name{font-size:18px;font-weight:600;color:var(--bs-body-color);margin:0 0 8px 0}.diary-screen .child-card .child-info .child-details{display:flex;gap:16px;margin-bottom:12px}.diary-screen .child-card .child-info .child-details .child-age,.diary-screen .child-card .child-info .child-details .child-gender{font-size:14px;color:var(--bs-muted);background-color:var(--bs-gray-100);padding:4px 8px;border-radius:6px}.diary-screen .child-card .child-info .child-groups .groups-label{font-size:12px;color:var(--bs-muted);font-weight:500;margin-right:8px}.diary-screen .child-card .child-info .child-groups .groups-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.diary-screen .child-card .child-info .child-groups .groups-list .group-tag{font-size:12px;color:var(--text-brand);background-color:var(--surface-brand-subtle);padding:2px 8px;border-radius:12px;font-weight:500}.diary-screen .child-card .child-arrow{color:var(--bs-muted);flex-shrink:0;margin-left:16px;transition:color .2s}.diary-screen .child-card:hover .child-arrow{color:var(--bs-primary)}@media(max-width: 768px){.diary-screen .child-card{padding:16px}.diary-screen .child-card .child-avatar{margin-right:12px;width:40px;height:40px}.diary-screen .child-card .child-avatar svg{width:20px;height:20px}.diary-screen .child-card .child-info .child-name{font-size:16px}.diary-screen .child-card .child-info .child-details{flex-direction:column;gap:8px;margin-bottom:8px}.diary-screen .child-card .child-arrow{margin-left:12px}}
.child-diary-screen{padding:0 0 80px;max-width:560px;margin:0 auto}.child-diary-screen .child-info{background:var(--bs-surface);border:1px solid var(--bs-gray-200);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.child-diary-screen .child-info h2{font-size:18px;font-weight:600;color:var(--bs-body-color);margin:0 0 4px 0}.child-diary-screen .child-info .season-name{margin:0;color:var(--bs-muted);font-size:14px}.child-diary-screen .loading-container,.child-diary-screen .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.child-diary-screen .loading-container p,.child-diary-screen .error-container p{margin-top:16px;color:var(--bs-muted);font-size:16px}.child-diary-screen .error-container .retry-button{margin-top:16px;padding:12px 24px;background-color:var(--bs-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer}.child-diary-screen .error-container .retry-button:hover{background-color:var(--bs-primary-600)}.diary-carousel{position:relative;overflow:hidden;border-radius:12px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.diary-carousel__track{display:flex;transition:transform .3s ease;cursor:grab}.diary-carousel__track.is-dragging{transition:none;cursor:grabbing}.diary-carousel__track.is-restoring{cursor:default;pointer-events:none}.diary-carousel__slide{flex:0 0 100%;min-width:100%;padding:0 2px}.diary-carousel__controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.diary-carousel__nav{width:40px;height:40px;border-radius:50%;border:1px solid var(--bs-gray-200);background:var(--bs-surface);color:var(--bs-body-color);font-size:24px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.diary-carousel__nav:disabled{opacity:.4;cursor:not-allowed}.diary-carousel__nav:not(:disabled):hover{border-color:var(--bs-primary);color:var(--bs-primary);box-shadow:var(--shadow-md)}.diary-carousel__nav:not(:disabled):focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}.diary-carousel__indicator{min-width:64px;text-align:center;font-size:14px;font-weight:600;color:var(--bs-muted)}.diary-page{max-width:480px;margin:0 auto}.diary-page--shell .diary-page__canvas{background:var(--bs-gray-100)}.diary-page__canvas{position:relative;width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--bs-gray-100);box-shadow:var(--shadow-sm)}.diary-page__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.diary-page__bg-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg, var(--bs-gray-100), var(--bs-gray-200));color:var(--bs-muted);font-size:14px;padding:24px;text-align:center}.diary-page__item{position:absolute;transform:translate(-50%, -50%);z-index:2;box-sizing:border-box;overflow:visible;pointer-events:none}.diary-page__item img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.diary-page__item--pending{opacity:0;visibility:hidden}.diary-page__item--reveal{animation:diary-sticker-reveal .85s cubic-bezier(0.34, 1.56, 0.64, 1) both;z-index:4}.diary-page__item--reveal::after{content:"";position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle, rgba(255, 220, 120, 0.55), transparent 70%);animation:diary-sticker-glow .7s ease-out both;pointer-events:none;z-index:-1}.diary-page__item--reveal-coin{animation:diary-coin-reveal .75s cubic-bezier(0.22, 1.2, 0.36, 1) both;z-index:4}.diary-page__item--float{pointer-events:auto;cursor:pointer;z-index:5;will-change:transform;animation:diary-sticker-float 2.4s ease-in-out infinite}.diary-page__item--float img{animation:diary-sticker-float-shadow 2.4s ease-in-out infinite}.diary-page__item--landing{pointer-events:auto;cursor:pointer;z-index:5;animation:diary-sticker-landing .42s cubic-bezier(0.34, 1.56, 0.64, 1) both}.diary-page__sticker-confetti{position:absolute;transform:translate(-50%, -50%);width:0;height:0;pointer-events:none;z-index:6}.diary-page__sticker-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:diary-sticker-confetti 1.2s ease-out both}.diary-page__sticker-confetti-piece--1{background:#f59e0b;--dx: -34px;--dy: -42px;animation-delay:.02s}.diary-page__sticker-confetti-piece--2{background:#ef4444;--dx: 38px;--dy: -38px;animation-delay:.05s}.diary-page__sticker-confetti-piece--3{background:#22c55e;--dx: -46px;--dy: -12px;animation-delay:.08s}.diary-page__sticker-confetti-piece--4{background:#3b82f6;--dx: 44px;--dy: -8px;animation-delay:.04s}.diary-page__sticker-confetti-piece--5{background:#a855f7;--dx: 6px;--dy: -54px;animation-delay:.06s}.diary-page__sticker-confetti-piece--6{background:#ec4899;--dx: -28px;--dy: 24px;animation-delay:.09s}.diary-page__sticker-confetti-piece--7{background:#14b8a6;--dx: 32px;--dy: 22px;animation-delay:.07s}.diary-page__sticker-confetti-piece--8{background:#f97316;--dx: 0;--dy: 46px;animation-delay:.03s}.diary-page__gift-burst{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.diary-page__gift-box{font-size:56px;animation:diary-gift-pop .8s ease both;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25))}.diary-page__confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:diary-confetti 1.2s ease-out both}.diary-page__confetti--1{background:#f59e0b;top:40%;left:35%;animation-delay:.05s}.diary-page__confetti--2{background:#ef4444;top:38%;left:55%;animation-delay:.1s}.diary-page__confetti--3{background:#22c55e;top:48%;left:30%;animation-delay:.15s}.diary-page__confetti--4{background:#3b82f6;top:50%;left:62%;animation-delay:.2s}.diary-page__confetti--5{background:#a855f7;top:35%;left:48%;animation-delay:.12s}.coin-progress{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;padding:10px 12px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-sm)}.coin-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.coin-progress__label{font-size:13px;font-weight:600;color:var(--bs-body-color)}.coin-progress__count{font-size:13px;font-weight:700;color:var(--bs-primary)}.coin-progress__slots{display:flex;flex-wrap:wrap;gap:6px}.coin-progress__slot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--bs-gray-300);background:var(--bs-gray-100);border:1px dashed var(--bs-gray-300)}.coin-progress__slot--filled{color:#f59e0b;background:rgba(245,158,11,.15);border-style:solid;border-color:#f59e0b}.coin-progress__slot--reveal{animation:diary-slot-reveal .55s ease both}.coin-progress__gift{margin-top:10px;display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--bs-gray-200)}.coin-progress__gift--reveal{animation:diary-gift-row-reveal .55s ease both}.coin-progress__gift-icon{font-size:20px;animation:diary-gift-bounce 1s ease infinite}.coin-progress__gift-text{font-size:13px;font-weight:600;color:var(--text-success-strong)}.coin-progress--unlocked{border:1px solid rgba(22,163,74,.35)}@keyframes diary-sticker-float{0%,100%{transform:translate(-50%, -50%) translateY(0) rotate(-1.5deg)}50%{transform:translate(-50%, -50%) translateY(-7px) rotate(1.5deg)}}@keyframes diary-sticker-float-shadow{0%,100%{filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.15))}50%{filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.22))}}@keyframes diary-sticker-landing{0%{transform:translate(-50%, -50%) translateY(-7px) rotate(1.5deg)}60%{transform:translate(-50%, -50%) translateY(2px) scale(0.96) rotate(-1deg)}100%{transform:translate(-50%, -50%) translateY(0) scale(1) rotate(0deg)}}@keyframes diary-sticker-glow{0%{opacity:0;transform:scale(0.4)}40%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.6)}}@keyframes diary-sticker-confetti{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(30px, -40px) scale(0.4) rotate(180deg);transform:translate(var(--dx, 30px), var(--dy, -40px)) scale(0.4) rotate(180deg);opacity:0}}@keyframes diary-sticker-reveal{0%{opacity:0;transform:translate(-50%, -50%) scale(0.1) rotate(-25deg)}50%{opacity:1;transform:translate(-50%, -50%) scale(1.25) rotate(8deg)}65%{transform:translate(-50%, -50%) scale(0.92) rotate(-3deg)}78%{transform:translate(-50%, -50%) scale(1.08) rotate(2deg)}90%{transform:translate(-50%, -50%) scale(0.98) rotate(-1deg)}100%{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(0deg)}}@keyframes diary-coin-reveal{0%{opacity:0;transform:translate(-50%, -50%) scale(0.15) rotateY(90deg)}55%{opacity:1;transform:translate(-50%, -50%) scale(1.22) rotateY(0deg)}75%{transform:translate(-50%, calc(-50% - 8px)) scale(1.05)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes diary-slot-reveal{0%{transform:scale(0.4);opacity:.2}60%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes diary-gift-row-reveal{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes diary-gift-pop{0%{transform:scale(0.2) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes diary-gift-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes diary-confetti{0%{transform:translate(0, 0) scale(1);opacity:1}100%{transform:translate(40px, -60px) scale(0.4);transform:translate(var(--dx, 40px), var(--dy, -60px)) scale(0.4);opacity:0}}.diary-page__confetti--1{--dx: -50px;--dy: -70px}.diary-page__confetti--2{--dx: 55px;--dy: -65px}.diary-page__confetti--3{--dx: -70px;--dy: -20px}.diary-page__confetti--4{--dx: 70px;--dy: -15px}.diary-page__confetti--5{--dx: 10px;--dy: -90px}@media(max-width: 480px){.child-diary-screen{padding-bottom:96px}.diary-page{max-width:100%}.diary-page__canvas{border-radius:8px}.coin-progress{left:8px;right:8px;bottom:8px;padding:8px 10px}}@media(prefers-reduced-motion: reduce){.diary-page__item--reveal,.diary-page__item--reveal-coin,.diary-page__item--float,.diary-page__item--landing,.diary-page__item--reveal::after,.diary-page__gift-burst,.diary-page__confetti,.diary-page__sticker-confetti-piece,.coin-progress__slot--reveal,.coin-progress__gift--reveal,.coin-progress__gift-icon{animation:none !important}.diary-page__item--pending{opacity:1 !important;visibility:visible !important}.diary-page__item--float img{animation:none !important;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.15)) !important}}