tomodachi-demo{display:block}tomodachi-demo .tmd{display:grid;justify-items:center;gap:var(--space-sm)}tomodachi-demo .tmd-phone{width:min(100%,var(--tomodachi-phone-width));padding:var(--space-xs);background:var(--tomodachi-bezel);border-radius:var(--radius-lg);box-shadow:var(--shadow-gold)}tomodachi-demo .tmd-screen{--ink: var(--tomodachi-ink);--material: var(--tomodachi-material);--mood-bg: var(--tomodachi-bored);position:relative;overflow:clip;aspect-ratio:var(--tomodachi-phone-ratio);border-radius:calc(var(--radius-lg) - var(--space-xs));background:var(--mood-bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-tight);transition:background-color var(--dur-card) var(--ease-out-quiet),color var(--dur-card) var(--ease-out-quiet)}tomodachi-demo [data-mood=happy]{--mood-bg: var(--tomodachi-happy);--face: url(/lab/tomodachi/face_happy.png)}tomodachi-demo [data-mood=bored]{--mood-bg: var(--tomodachi-bored);--face: url(/lab/tomodachi/face_bored.png)}tomodachi-demo [data-mood=sad]{--mood-bg: var(--tomodachi-sad);--face: url(/lab/tomodachi/face_sad.png)}tomodachi-demo [data-mood=angry]{--mood-bg: var(--tomodachi-angry);--face: url(/lab/tomodachi/face_angry.png)}tomodachi-demo :is([data-mood=sad],[data-mood=angry]){--ink: var(--tomodachi-ink-light);--material: var(--tomodachi-material-dark)}tomodachi-demo button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}tomodachi-demo .tmd-screen :focus-visible{outline-color:var(--ink)}tomodachi-demo .tmd-material{background:var(--material);backdrop-filter:blur(var(--space-sm))}tomodachi-demo .tmd-label{font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-faint),transparent)}tomodachi-demo .tmd-dot{width:var(--tomodachi-dot);height:var(--tomodachi-dot);border-radius:50%}tomodachi-demo .tmd-main{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--space-xxl) var(--space-lg) var(--space-xl)}tomodachi-demo .tmd-top{display:flex;justify-content:space-between;align-items:center}tomodachi-demo .tmd-banner{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-weight:600;color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-soft),transparent)}tomodachi-demo .tmd-banner .tmd-dot{background:var(--tomodachi-connected)}tomodachi-demo .tmd-round{display:grid;place-items:center;padding:var(--space-sm);border-radius:50%;color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-soft),transparent)}tomodachi-demo .tmd-screen .tmd-round:focus-visible{border-radius:50%}tomodachi-demo .tmd-mood{display:grid;justify-items:center;gap:var(--space-xs);text-align:center}tomodachi-demo .tmd-face{width:var(--tomodachi-face-size);aspect-ratio:1;margin-bottom:var(--space-sm);background:var(--face) center / contain no-repeat;image-rendering:pixelated;filter:var(--tomodachi-face-shadow)}tomodachi-demo .tmd-mood-text{display:grid;gap:var(--space-xs)}tomodachi-demo .tmd-mood-name{font-size:var(--text-xl);font-weight:800}tomodachi-demo .tmd-tagline{font-size:var(--text-xs);color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-soft),transparent)}tomodachi-demo .tmd-pop{animation:tmd-settle var(--dur-text) var(--ease-out-quiet)}@keyframes tmd-settle{0%{opacity:0;transform:scale(var(--tomodachi-pop))}}tomodachi-demo .tmd-admin{display:grid;justify-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);animation:tmd-settle var(--dur-text) var(--ease-out-quiet)}tomodachi-demo .tmd-admin[hidden]{display:none}tomodachi-demo .tmd-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}tomodachi-demo .tmd-chip{padding:var(--space-xs);border-radius:var(--radius-pill);border:var(--border);border-color:transparent;font-weight:700;background:color-mix(in srgb,var(--ink) var(--tomodachi-ink-wash),transparent)}tomodachi-demo .tmd-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-faint),transparent)}tomodachi-demo .tmd-task{display:grid;justify-items:center;gap:var(--space-xs);padding:var(--space-lg);border-radius:var(--radius-card)}tomodachi-demo .tmd-task-name{font-size:var(--text-md);font-weight:600}tomodachi-demo .tmd-actions{display:grid;justify-items:center;gap:var(--space-sm)}tomodachi-demo .tmd-did{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-md);border-radius:var(--radius-card);background:var(--ink);color:var(--mood-bg);font-size:var(--text-md);font-weight:700;transition:background-color var(--dur-card) var(--ease-out-quiet),color var(--dur-card) var(--ease-out-quiet)}tomodachi-demo .tmd-forgot{font-size:var(--text-xs);color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-faint),transparent)}tomodachi-demo .tmd-sheet{--ink: var(--tomodachi-ink);position:absolute;inset:var(--space-lg) 0 0;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--tomodachi-bored);color:var(--ink);transform:translateY(100%);transition:transform var(--dur-card) var(--ease-out-quiet)}tomodachi-demo [data-sheet-open] .tmd-sheet{transform:none}tomodachi-demo .tmd-sheet-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}tomodachi-demo .tmd-grabber{grid-column:2;width:var(--space-xl);height:var(--space-xs);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) var(--tomodachi-ink-faint),transparent)}tomodachi-demo .tmd-sheet-top .tmd-icon-btn{justify-self:end}tomodachi-demo .tmd-icon-btn{display:grid;place-items:center;padding:var(--space-xs)}tomodachi-demo .tmd-cal-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm)}tomodachi-demo .tmd-month{font-size:var(--text-sm);font-weight:800}tomodachi-demo .tmd-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-xs);text-align:center}tomodachi-demo .tmd-weekdays{font-weight:700;color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-faint),transparent)}tomodachi-demo .tmd-day{display:grid;place-content:center;justify-items:center;gap:var(--space-xs);height:var(--tomodachi-day-height);border-radius:var(--radius-input);color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-soft),transparent)}tomodachi-demo .tmd-day[aria-current]{font-weight:800;color:var(--ink);background:color-mix(in srgb,var(--ink) var(--tomodachi-ink-wash),transparent)}tomodachi-demo [data-dot=happy]{background:var(--tomodachi-happy)}tomodachi-demo [data-dot=bored]{background:var(--tomodachi-bored-dot)}tomodachi-demo [data-dot=sad]{background:var(--tomodachi-sad)}tomodachi-demo [data-dot=angry]{background:var(--tomodachi-angry)}tomodachi-demo .tmd-legend{display:flex;justify-content:center;gap:var(--space-md);padding-top:var(--space-md);color:color-mix(in srgb,var(--ink) var(--tomodachi-ink-soft),transparent)}tomodachi-demo .tmd-legend>span{display:inline-flex;align-items:center;gap:var(--space-xs)}tomodachi-demo .tmd-hint{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-muted);text-align:center}.cs-row[data-astro-cid-tvauolgf]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xl);margin-top:var(--space-xxl)}dt[data-astro-cid-tvauolgf],.cs-label[data-astro-cid-tvauolgf]{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-serif)}dd[data-astro-cid-tvauolgf]{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg)}.cs-meta[data-astro-cid-tvauolgf] dt[data-astro-cid-tvauolgf]{margin-bottom:var(--space-xs)}.cs-hero[data-astro-cid-tvauolgf]{margin-top:var(--space-xxl)}.cs-body[data-astro-cid-tvauolgf] h3{font-weight:700;font-style:italic}.cs-body[data-astro-cid-tvauolgf] .cs-media:empty{display:grid;place-items:center;aspect-ratio:var(--ratio-media);background:var(--color-accent-light);border:var(--border);border-style:dashed;border-radius:var(--radius-card)}.cs-body[data-astro-cid-tvauolgf] .cs-media:empty:before{content:attr(data-label);font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-muted)}.cs-body[data-astro-cid-tvauolgf] .cs-media :is(img,video){display:block;width:100%;margin:0;border-radius:var(--radius-card)}.cs-body[data-astro-cid-tvauolgf] :is(.cs-tip,.cs-part){position:relative;color:var(--color-fg);text-decoration:underline dotted var(--color-accent);text-underline-offset:var(--rule-thickness)}.cs-body[data-astro-cid-tvauolgf] .cs-tip{cursor:help}.cs-body[data-astro-cid-tvauolgf] .cs-tip:after,.cs-body[data-astro-cid-tvauolgf] .cs-part-card{position:absolute;left:50%;bottom:calc(100% + var(--space-xs));z-index:1;max-width:var(--width-preview);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-input);font-family:var(--font-body);font-size:var(--text-base);font-style:normal;font-weight:400;line-height:var(--leading-tight);pointer-events:none;opacity:0;transform:translate(-50%,var(--space-xs));transition:opacity var(--dur-text) var(--ease-out-quiet),transform var(--dur-text) var(--ease-out-quiet)}.cs-body[data-astro-cid-tvauolgf] .cs-tip:is(:hover,:focus-visible):after,.cs-body[data-astro-cid-tvauolgf] .cs-part:is(:hover,:focus-visible) .cs-part-card{opacity:1;transform:translate(-50%)}.cs-body[data-astro-cid-tvauolgf] .cs-tip:after{content:attr(data-tip);width:max-content;text-align:center;background:var(--color-fg);color:var(--color-bg)}.cs-body[data-astro-cid-tvauolgf] .cs-part-card{display:grid;gap:var(--space-xs);width:var(--width-preview);padding:var(--space-sm);background:var(--color-card);border:var(--border);box-shadow:var(--shadow-gold);color:var(--color-fg)}.cs-body[data-astro-cid-tvauolgf] .cs-part-img{aspect-ratio:var(--ratio-media);background:var(--color-accent-light);border-radius:var(--radius-input);overflow:hidden}.cs-body[data-astro-cid-tvauolgf] .cs-part-img img{width:100%;height:100%;margin:0;border-radius:0;object-fit:contain}.cs-body[data-astro-cid-tvauolgf] .cs-part-hint{font-family:var(--font-serif);color:var(--color-muted)}.cs-body[data-astro-cid-tvauolgf] .cs-part:not([href]) .cs-part-hint{display:none}.cs-pager[data-astro-cid-tvauolgf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);margin-top:var(--space-section);padding-top:var(--space-xl);border-top:var(--border)}.cs-pager-item[data-astro-cid-tvauolgf]{display:grid;gap:var(--space-xs);text-decoration:none}.cs-pager-item[data-astro-cid-tvauolgf].next{grid-column:2;text-align:right}.cs-pager-item[data-astro-cid-tvauolgf]:not([href]){opacity:var(--opacity-soon)}.cs-pager-title[data-astro-cid-tvauolgf]{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-heading)}a[data-astro-cid-tvauolgf].cs-pager-item:hover .cs-pager-title[data-astro-cid-tvauolgf]{color:var(--color-fg)}@media(max-width:600px){.cs-row[data-astro-cid-tvauolgf]{grid-template-columns:minmax(0,1fr)}}