.main--page{--page-hero-pad-top:14px;--page-hero-pad-x:10px;--page-hero-pad-bottom:22px;--page-hero-title-size:clamp(2.2rem, 3.5vw, 3rem);--page-hero-title-weight:700;--page-hero-title-tracking:-.005em;--page-hero-title-leading:1.12;--page-hero-sub-size:1.02rem;--page-hero-sub-gap:10px;overflow:hidden}.main--page .page-scroll{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}.page-hero{padding:var(--page-hero-pad-top,8px) var(--page-hero-pad-x,4px) var(--page-hero-pad-bottom,20px);flex:none;position:relative;overflow:visible}.main--page>.page-hero{align-items:flex-start}.page-hero>*{z-index:1;position:relative}.page-hero__title{color:var(--page-title-color,#fafbfc);font-weight:var(--page-hero-title-weight,700);font-size:var(--page-hero-title-size,clamp(2.2rem, 3.5vw, 3rem));letter-spacing:var(--page-hero-title-tracking,-.005em);line-height:var(--page-hero-title-leading,1.12);text-shadow:var(--page-title-shadow,0 1px 2.5px #0000002e);margin:0;animation:.65s forwards fadeUp}.page-hero__sub{margin:var(--page-hero-sub-gap,10px) 0 0;color:var(--page-sub-color,#f5f9fa);font-size:var(--page-hero-sub-size,1.02rem);text-shadow:0 1px 1.25px #0000001a;max-width:42ch;font-weight:400;line-height:1.45;animation:.7s 50ms forwards fadeUp}.page-scroll{flex:1;min-height:0;padding-bottom:12px;overflow:auto}.page-card{background:var(--glass-medium);border-radius:var(--radius);box-shadow:var(--shadow-panel), var(--glass-highlight);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);border:1px solid var(--glass-border);color:var(--ink);padding:22px 24px;animation:.7s 80ms forwards fadeUp}.page-inline-error{border-radius:var(--radius-sm);background:color-mix(in srgb, #c9455a 14%, var(--glass-nested,transparent));border:1px solid color-mix(in srgb, #c9455a 28%, var(--glass-border));color:var(--ink);margin:0 0 12px;padding:10px 12px;font-size:.94rem;line-height:1.35}.page-card h2{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--ink-heading);margin:0 0 14px;font-size:1.1rem;font-weight:700}.page-btn{letter-spacing:-.01em;color:var(--ink);background:var(--glass-small);border-radius:var(--radius-sm);box-shadow:var(--shadow-button);-webkit-backdrop-filter:blur(var(--blur-inner));border:1px solid var(--glass-border);justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:.944rem;font-weight:400;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.page-btn:hover:not(:disabled){background:var(--accent-gradient);border-color:var(--accent-secondary);color:var(--accent-ink)}.page-btn:active:not(:disabled){transform:translateY(.5px)}.page-btn:disabled{opacity:.42;cursor:not-allowed}.page-btn--ghost{box-shadow:none;color:var(--ink-muted);background:0 0;border-color:#0000}.page-btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--glass-button) 70%, transparent);color:var(--ink);border-color:#0000}.page-btn--primary{background:var(--accent-gradient);border-color:var(--accent-secondary);color:var(--accent-ink);border-radius:var(--radius-pill);box-shadow:var(--glass-highlight), 0 6px 18px rgba(var(--accent-rgb), .22);-webkit-backdrop-filter:none}.page-btn--primary:hover:not(:disabled){background:var(--accent-gradient-reverse);border-color:var(--accent-secondary);color:var(--accent-ink)}.page-input{width:100%;color:var(--ink);background:rgba(var(--glass-blue), .42);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px)saturate(1.25);border:1px solid var(--field-border);padding:12px 18px;font-size:1.038rem;font-weight:400;line-height:1.4;transition:border-color .15s,background .15s;box-shadow:inset 0 1px #ffffff59,0 4px 16px #28374b14}.page-input:focus{background:var(--field-bg-focus);border-color:var(--glass-border);outline:none}.page-input::placeholder{color:var(--ink-faint);font-weight:400}textarea.page-input{resize:vertical;min-height:88px}.page-seg{background:var(--cream-glass-inner);border-radius:var(--radius-sm);box-shadow:var(--shadow-button);-webkit-backdrop-filter:blur(var(--blur-inner));border:1px solid var(--field-border);gap:4px;padding:4px;display:inline-flex}.page-seg__btn{color:var(--ink-muted);border-radius:12px;align-items:center;gap:8px;padding:7px 12px 7px 7px;font-size:.944rem;font-weight:400;transition:background .15s,color .15s;display:inline-flex}.page-seg__btn img{object-fit:cover;border-radius:50%;width:24px;height:24px}.page-seg__btn.is-active{color:var(--accent-ink);background:var(--accent-gradient);border:1px solid var(--accent-secondary);box-shadow:0 2px 12px rgba(var(--accent-rgb), .22)}.likes-card__head,.likes-person__head,.transparency-section__head,.ratings-archive-toggle{z-index:3;-webkit-backdrop-filter:blur(var(--blur-inner)) saturate(1.25);position:sticky;top:0}.page-person-head{border-bottom:1px solid var(--glass-border-inner);align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.page-person-head img{object-fit:cover;border:1.5px solid #ffffffb3;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 14px #2830241f}.page-person-head h2{margin:0;font-size:1.12rem}.page-person-head p{color:var(--ink-faint);margin:3px 0 0;font-size:.897rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px),(max-height:500px) and (max-width:900px){.main--page{height:auto;overflow:auto}.page-scroll{overflow:visible}}@media (max-width:600px) and (orientation:portrait){.settings-grid,.settings-appearance,.hours-grid,.diary-grid,.likes-grid,.page-two-col{grid-template-columns:1fr!important;gap:12px!important}.page-scroll>*+*{margin-top:12px}.page-card h2{margin-bottom:8px;font-size:1.02rem}.page-scroll form .page-btn,.page-card>.page-btn{min-height:42px}.page-person-head{gap:10px}.page-person-head img{width:44px;height:44px}.page-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}}html{scroll-behavior:smooth}.main,.page-scroll,.tabbar-sheet__body,.rules-list,.dates__grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:none}.main--page .page-scroll:after{content:"";flex:none;height:24px;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:900px){.page-two-col{grid-template-columns:1fr;gap:14px}}@media (max-width:720px){.ratings-output__grid{grid-template-columns:1fr}}.main--scribble .page-card,.page-scroll.diary-page .page-card,.page-scroll.cal-full .page-card,.page-scroll.hours-page .page-card,.page-scroll.ratings-page .page-card{padding:17px 19px}@media (max-width:600px),(max-height:500px) and (max-width:900px){.main--scribble .page-card,.page-scroll.diary-page .page-card,.page-scroll.cal-full .page-card,.page-scroll.hours-page .page-card,.page-scroll.ratings-page .page-card{padding:13px 14px}}.error-boundary__reload{background:var(--accent);color:var(--accent-ink,#fff);border:1px solid var(--glass-border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-button,0 4px 14px #0000001f);background-image:none;margin-top:18px;padding:10px 26px}.error-boundary__reload:hover{filter:brightness(.96)}.error-boundary__detail{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--glass-border);background:var(--glass-small);max-height:40vh;color:var(--ink-muted);border-radius:12px;margin:16px 0 0;padding:12px;font-size:.78rem;line-height:1.45;overflow:auto}.likes-person{container:cardfield/inline-size}.cardfield{width:100%;max-width:1500px;margin-inline-start:auto;margin-inline-end:auto;container:cardfield/inline-size}.likes-person__grid,.transparency-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(280px,33.3333% - 13.3333px)),1fr));grid-template-rows:masonry;align-items:start;gap:20px;display:grid;overflow:visible}.likes-person__grid>*,.transparency-grid>*{min-width:0;height:auto}.likes-add-card,.transparency-add{cursor:pointer;width:100%;min-height:154px;font:inherit;color:var(--ink);background:rgba(var(--glass-blue), .52);box-shadow:none;border-color:#0000;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;display:flex;position:relative}.transparency-grid>.transparency-add:only-child,.likes-person__grid>.likes-add-card:only-child{gap:8px;min-height:80px}.likes-add-card:after,.transparency-add:after{content:"";border-radius:var(--radius);pointer-events:none;background:color-mix(in srgb, var(--ink) 42%, transparent);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' fill='none'%3E%3Crect x='1.4' y='2.4' width='97.2' height='95.2' rx='10' ry='14' stroke='white' stroke-width='1.15' stroke-linecap='round' stroke-dasharray='1.1 4.7 1.9 4 0.9 5.2 1.6 4.4 1.25 4.9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' fill='none'%3E%3Crect x='1.4' y='2.4' width='97.2' height='95.2' rx='10' ry='14' stroke='white' stroke-width='1.15' stroke-linecap='round' stroke-dasharray='1.1 4.7 1.9 4 0.9 5.2 1.6 4.4 1.25 4.9'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.add-card__label{font-family:var(--font-hand);letter-spacing:.03em;color:color-mix(in srgb, var(--ink) 84%, transparent);font-size:1.28rem;font-weight:700;line-height:1.15}.add-card__plus{width:30px;height:30px;color:color-mix(in srgb, var(--ink) 84%, transparent);background:color-mix(in srgb, var(--ink) 10%, #ffffff47);border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);box-shadow:none;border-radius:50%;place-items:center;display:grid}.likes-add-card:hover .add-card__plus,.transparency-add:hover .add-card__plus{border-color:color-mix(in srgb, var(--ink) 40%, transparent);transform:scale(1.06)}.new-glow{width:8px;height:8px;box-shadow:none;pointer-events:none;background:0 0;border:none;border-radius:50%;flex:0 0 8px;align-self:center}.new-glow.is-lit{background:var(--status-new,#4bbf7a);box-shadow:0 0 5px color-mix(in srgb, var(--status-new,#4bbf7a) 55%, transparent), 0 0 10px color-mix(in srgb, var(--status-new,#4bbf7a) 28%, transparent)}