@layer components{.reading{inline-size:min(100%,calc(var(--measure) + 2 * var(--gutter)));margin-inline:auto;padding-inline:var(--gutter);& > *{min-inline-size:0}}.phrase{text-wrap:pretty;&:lang(ja){word-break:keep-all;overflow-wrap:anywhere}&:lang(zh){word-break:normal}}.nobr{white-space:nowrap}.reading > .photo-gallery,.reading .reading-section > .photo-gallery{margin-inline:calc((100% - min(100vw - 2 * var(--gutter),var(--page-wide))) / 2)}.reading-hero{display:grid;gap:var(--space-4);padding-block:var(--space-10) var(--space-8)}.reading-title{font-size:clamp(2rem,1.2rem + 3.6vw,var(--text-4xl));line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.descriptor{color:var(--text-secondary);font-size:var(--text-base)}.reading-lead{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.8}.toc{margin-block:var(--space-4) var(--space-12)}.toc-title{margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.toc-desc{margin-block-end:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.toc-list{border-block-start:1px solid var(--border);list-style:none;counter-reset:toc}.toc-link{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-1);border-block-end:1px solid var(--border);color:var(--foreground);font-weight:500;text-decoration:none;counter-increment:toc;transition:color var(--duration-fast) var(--ease-standard);&::before{content:counter(toc,decimal-leading-zero);min-inline-size:2ch;color:var(--text-muted);font-size:var(--text-sm);font-weight:400;font-variant-numeric:tabular-nums}&:hover{color:var(--accent)}}.toc-sublist{list-style:none;font-size:var(--text-sm);padding-inline-start:calc(var(--space-1) + 2ch + var(--space-4))}.toc-sublink{display:block;padding-block:var(--space-2);padding-inline-end:var(--space-1);border-block-end:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard);&:hover{color:var(--accent)}}.reading-section{padding-block-start:var(--space-16)}.reading-section .reading-section{padding-block-start:var(--space-12)}.section-head{display:grid;gap:var(--space-2);margin-block-end:var(--space-6)}.section-title{font-size:var(--text-2xl);line-height:1.3;letter-spacing:var(--tracking-display);text-wrap:pretty}.section-title-s{font-size:var(--text-xl);line-height:1.35}.prose{font-size:var(--text-prose);line-height:var(--leading-prose);& > * + *{margin-block-start:1em}& ul,& ol{padding-inline-start:1.4em}& li + li{margin-block-start:0.4em}}.related{margin-block-start:var(--space-20)}.related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:stretch;gap:var(--space-4);list-style:none}.related-card{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-2);block-size:100%;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);color:var(--foreground);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-standard);&:hover{border-color:var(--border-strong);color:var(--foreground)}}.related-card-title{font-size:var(--text-lg);font-weight:500}.related-card-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7;word-break:auto-phrase;&:lang(en){text-wrap:pretty}}.related-card-action{display:inline-flex;align-items:center;gap:6px;margin-block-start:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;&::after{content:'';inline-size:14px;block-size:14px;background:currentColor;mask:var(--icon-arrow) center / contain no-repeat}}.notice{display:grid;justify-items:start;gap:var(--space-4);padding-block:var(--space-16) var(--space-8)}.notice-code{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.notice-title{font-size:clamp(2rem,1.4rem + 2.4vw,var(--text-3xl));line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.notice-body{color:var(--text-secondary);font-size:var(--text-lg)}.button-primary{display:inline-flex;align-items:center;gap:var(--space-2);block-size:var(--control-md);margin-block-start:var(--space-2);padding-inline:var(--space-5);border-radius:var(--radius-control);background:var(--foreground);color:var(--background);font-size:var(--text-sm);font-weight:500;text-decoration:none;&:hover{color:var(--background);opacity:0.9}& svg{inline-size:16px;block-size:16px}}}@layer components{.text-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-start:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard);&::after{content:'';flex:none;inline-size:16px;block-size:16px;background:var(--text-muted);mask:var(--icon-arrow) center / contain no-repeat;transition:translate var(--duration-fast) var(--ease-standard)}&:hover{background:var(--surface-muted);color:var(--foreground);&::after{background:var(--foreground);translate:2px 0}}}.faq-list{border-block-start:1px solid var(--border)}.faq-item{border-block-end:1px solid var(--border);& > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:64px;padding:var(--space-4) var(--space-1);font-weight:500;word-break:auto-phrase;text-wrap:pretty;&::after{content:'';flex:none;inline-size:18px;block-size:18px;background:var(--text-muted);mask:var(--icon-plus) center / contain no-repeat;transition:rotate var(--duration-standard) var(--ease-standard)}}&[open] > summary::after{rotate:45deg;background:var(--foreground)}}.faq-answer{padding:0 var(--space-10) var(--space-5) var(--space-1);color:var(--text-secondary);line-height:1.8;word-break:auto-phrase}}

.dg-root [hidden]{display:none!important}.dg-root{--dg-spring:linear(0,0.18 6%,0.5 14%,0.78 24%,0.94 34%,1.02 44%,1.04 52%,1.025 64%,1.005 80%,1);--dg-ink:var(--palette-ink);--dg-muted:var(--palette-muted);--dg-faint:color-mix(in srgb,var(--palette-muted) 90%,var(--palette-paper));--dg-line:color-mix(in srgb,var(--palette-border) 70%,transparent);--dg-line-strong:var(--palette-border);--dg-surface:var(--palette-paper);--dg-raised:var(--palette-ui-surface);--dg-hover:var(--palette-ui-surface-strong);--dg-accent:var(--palette-accent);container:dg / inline-size;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--dg-line-strong);border-radius:8px;background:var(--dg-surface);color:var(--dg-ink);font-size:13px;line-height:1.4;letter-spacing:normal;font-variant-numeric:tabular-nums}.dg-root button:lang(ja),.dg-pop button:not(.dg-item):lang(ja){letter-spacing:0.09rem}.dg-toolbar{border-bottom:1px solid var(--dg-line);background:var(--dg-raised)}.dg-toolbarRow{display:flex;align-items:center;gap:4px;min-height:44px;padding:6px 8px}.dg-spacer{flex:1}.dg-search{display:flex;min-width:0;align-items:center;gap:6px;width:min(240px,40cqi);height:30px;padding:0 10px;border-radius:var(--radius-input);background:var(--palette-paper);color:var(--dg-muted);& svg{flex:none;width:15px;height:15px}& input{flex:1;min-width:0;padding:0;border:0;outline:0;background:none;color:var(--dg-ink);font:inherit;appearance:none;&::placeholder{color:var(--dg-faint)}&::-webkit-search-cancel-button{display:none}}&:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--dg-accent) 40%,transparent)}}.dg-rowCount{padding:0 6px;color:var(--dg-muted);font-size:12px;white-space:nowrap}.dg-historyButtons{display:flex}.dg-tool{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--dg-ink);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color 120ms,transform 120ms;& svg{flex:none;width:15px;height:15px}&:hover:not(:disabled){background:var(--dg-hover)}&:active:not(:disabled){transform:scale(0.96)}&[aria-pressed='true'],&[aria-expanded='true']{background:color-mix(in srgb,var(--palette-ink) 8%,var(--palette-paper))}&:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px}}.dg-badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--dg-accent);color:var(--palette-on-accent);font-size:10px;font-weight:600;line-height:16px;text-align:center}.dg-sortMenu{display:none}.dg-sortMenuLabel{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container dg (max-width:640px){.dg-toolLabel{display:none}.dg-tool{width:30px;padding:0;justify-content:center}.dg-badge{position:absolute;top:0;right:0}.dg-search{flex:0 1 auto;width:112px;transition:width 180ms cubic-bezier(0.2,0.8,0.2,1)}.dg-search:focus-within,.dg-search[data-filled]{flex:1 1 auto;width:auto}.dg-toolbarRow:has(.dg-search:focus-within,.dg-search[data-filled]) :is(.dg-sortMenu,.dg-rowCount){display:none}}@container dg (max-width:460px){.dg-rowCount,.dg-historyButtons,.dg-historyButtons + .dg-divider{display:none}}@container dg (max-width:639.98px){.dg-root:not([data-stack-table]) .dg-sortMenu{display:inline-flex;width:auto;padding:0 10px}}@media (pointer:coarse){.dg-search input{font-size:16px}}.dg-scroller{position:relative;height:var(--dg-height,400px);overflow:auto;overflow-anchor:none;scrollbar-gutter:stable;overscroll-behavior-x:contain;overscroll-behavior-y:auto;outline:none;scrollbar-width:thin;scrollbar-color:var(--dg-line-strong) transparent}.dg-canvas{position:relative;min-width:100%;width:max(100%,var(--dg-total,100%))}.dg-headerRow,.dg-filterRow,.dg-row,.dg-skeletonRow{display:grid;grid-template-columns:var(--dg-cols);width:100%}.dg-headerRow,.dg-filterRow{position:sticky;z-index:5;height:36px}.dg-headerRow{top:0;border-bottom:1px solid var(--dg-line);background:var(--dg-raised)}.dg-filterRow{top:36px;border-bottom:1px solid var(--dg-line);background:var(--dg-surface);animation:dg-fade 160ms ease-out}.dg-root .dg-pinned{position:sticky;left:0;z-index:2;background:inherit}.dg-pinned + :not(.dg-pinned){box-shadow:inset 1px 0 0 var(--dg-line-strong)}.dg-headerCell{position:relative;display:flex;min-width:0;align-items:center;height:100%;border-right:1px solid var(--dg-line);background:var(--dg-raised);color:var(--dg-muted);font-size:12px;font-weight:500;cursor:default;&:hover .dg-headerMenuButton,& .dg-headerMenuButton[aria-expanded='true'],& .dg-headerMenuButton:focus-visible{opacity:1}}.dg-headerDragging{opacity:0.45}.dg-headerButton{display:flex;flex:1;align-items:center;gap:4px;min-width:0;height:100%;padding:0 12px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;&:disabled{cursor:grab}&:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px}.dg-numeric > &{flex-direction:row-reverse;text-align:right}}.dg-headerLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-sortIcon{display:inline-flex;flex:none;align-items:center;color:var(--dg-ink);animation:dg-pop 220ms var(--dg-spring);& svg{width:14px;height:14px}}.dg-sortIndex{font-size:10px;font-weight:600}.dg-headerMenuButton{position:absolute;top:50%;right:6px;z-index:1;display:grid;place-items:center;width:24px;height:24px;margin-top:-12px;padding:0;box-shadow:-8px 0 8px -2px var(--dg-raised);background:var(--dg-raised);border:0;border-radius:6px;color:var(--dg-muted);opacity:0;cursor:pointer;transition:opacity 120ms;&:hover{background:var(--dg-hover);color:var(--dg-ink)}& svg{width:14px;height:14px}@media (hover:none){opacity:1}}.dg-resizer{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize;touch-action:none;&::after{content:'';position:absolute;top:8px;bottom:8px;left:3px;width:2px;border-radius:1px;background:var(--dg-accent);opacity:0;transition:opacity 120ms}&:hover::after,&:active::after{opacity:1}}.dg-filterCell{display:flex;min-width:0;align-items:center;height:100%;padding:4px;border-right:1px solid var(--dg-line);background:var(--dg-surface);cursor:default}.dg-filterSelect{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-width:0;height:26px;padding:0 8px;border:1px solid transparent;border-radius:6px;outline:0;background:color-mix(in srgb,var(--palette-ink) 5%,var(--palette-paper));color:var(--dg-muted);font:inherit;font-size:12px;cursor:pointer;&:focus-visible,&[aria-expanded='true']{border-color:var(--dg-accent)}&[data-active]{color:var(--dg-accent)}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& svg{flex:none;width:18px;height:18px}}.dg-body{position:relative;user-select:none;-webkit-user-select:none;&:has(> .dg__empty){min-height:calc(3 * var(--dg-row-h,36px))}}.dg-row{height:var(--dg-row-h,36px);background:var(--dg-surface);&:hover{background:var(--dg-hover)}}.dg-cell{display:flex;align-items:center;min-width:0;height:100%;padding:0 12px;border-right:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line);cursor:cell}.dg-cellText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-numeric{justify-content:flex-end;text-align:right}.dg-chip{overflow:hidden;max-width:100%;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--palette-ink) 7%,transparent);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dg-custom{overflow:hidden;& :is(a,button,[role='button']){cursor:pointer}}.dg-utility{justify-content:center;border-right-color:transparent;padding-inline:8px;cursor:default;&.dg-filterCell{background:inherit}}.dg-rowActions{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--dg-muted);cursor:pointer;transition:background-color 80ms,color 80ms;& svg{width:16px;height:16px}@media (hover:hover){&:hover{background:var(--dg-hover);color:var(--dg-ink)}}&[aria-expanded='true']{background:var(--dg-hover);color:var(--dg-ink)}&:focus-visible{outline:2px solid var(--dg-accent);outline-offset:1px}}.dg__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--dg-muted);cursor:default}.dg-textButton{padding:0;border:0;background:none;color:var(--dg-accent);font:inherit;font-weight:600;cursor:pointer;&:hover{text-decoration:underline}}.dg-skeletonRow{height:var(--dg-row-h,36px);border-bottom:1px solid var(--dg-line);cursor:progress}.dg-skeletonCell{display:flex;min-width:0;align-items:center;padding:0 12px;& span{width:60%;height:10px;border-radius:5px;background:color-mix(in srgb,var(--palette-ink) 8%,transparent);animation:dg-pulse 1.2s ease-in-out infinite}}.dg-activeCell{position:absolute;top:0;left:0;z-index:3;border:2px solid var(--dg-ink);border-radius:2px;pointer-events:none;transition:transform 260ms var(--dg-spring),width 260ms var(--dg-spring),height 260ms var(--dg-spring);&[data-snap]{transition:none}}.dg-sink{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;opacity:0;pointer-events:none}.dg-root[data-dg-prototype]{--dg-select:color-mix(in srgb,var(--dg-accent) 10%,transparent);--dg-danger:var(--danger-ink,var(--danger));--dg-checked:color-mix(in srgb,var(--palette-accent) 7%,var(--palette-paper))}.dg-editorWrap{position:absolute;top:0;left:0;z-index:2;pointer-events:none}.dg-editorWrap .dg-editor{position:static;width:100%;height:100%;padding:0 11px;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font:inherit;opacity:1;pointer-events:none}.dg-editor[data-numeric]{text-align:right}.dg-editorWrap.dg-editing{z-index:6;pointer-events:auto}.dg-editorWrap.dg-editing .dg-editor{border:2px solid var(--dg-accent);border-radius:2px;background:var(--bg-0);color:var(--dg-ink);caret-color:auto;box-shadow:var(--palette-shadow-soft,0 6px 20px rgba(0,0,0,.12));padding:0 10px;pointer-events:auto}.dg-editorWrap.dg-editing .dg-editor[data-invalid]{border-color:var(--dg-danger)}.dg-editorWrap.dg-editing .dg-editor[data-shake='0']{animation:dg-shake-a 320ms ease-in-out}.dg-editorWrap.dg-editing .dg-editor[data-shake='1']{animation:dg-shake-b 320ms ease-in-out}.dg-flashA{animation:dg-flash-a 900ms ease-out}.dg-flashB{animation:dg-flash-b 900ms ease-out}.dg-readonly{color:var(--dg-muted)}@keyframes dg-flash-a{from{background-color:color-mix(in srgb,var(--positive) 28%,transparent)}}@keyframes dg-flash-b{from{background-color:color-mix(in srgb,var(--positive) 28%,transparent)}}@keyframes dg-shake-a{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes dg-shake-b{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.dg-listbox{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:220px;margin:0;padding:4px;overflow:auto;border:1px solid var(--dg-line-strong);border-radius:10px;background:color-mix(in srgb,var(--normal) 4%,var(--bg-1));box-shadow:var(--palette-shadow-soft,0 10px 30px rgba(0,0,0,.16));list-style:none;transform-origin:top left}.dg-option{padding:6px 10px;border-radius:6px;white-space:nowrap;cursor:pointer}.dg-option:hover{background:var(--dg-hover)}.dg-option[aria-selected='true']{background:var(--dg-select);color:var(--dg-ink)}.dg-range,.dg-copied{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.dg-range{border:1px solid color-mix(in srgb,var(--dg-accent) 70%,transparent);background:var(--dg-select)}.dg-copied{border:1px dashed var(--dg-ink)}.dg-fillHandle{position:absolute;top:0;left:0;z-index:4;width:8px;height:8px;border:1.5px solid var(--dg-surface);border-radius:2px;background:var(--dg-ink);pointer-events:auto;cursor:crosshair;touch-action:none;transition:transform 260ms var(--dg-spring)}.dg-fillHandle::before{content:'';position:absolute;inset:-8px}.dg-fillPreview{position:absolute;top:0;left:0;z-index:3;border:1.5px dashed var(--dg-ink);pointer-events:none}.dg-pickingDate .dg-editor{opacity:0}.dg-datePicker{position:absolute;inset:0;display:flex;align-items:stretch;border:2px solid var(--dg-accent);border-radius:2px;background:var(--bg-0);box-shadow:var(--palette-shadow-soft,0 6px 20px rgba(0,0,0,.12))}.dg-datePicker>*{flex:1;min-width:0}.dg-datePicker button{height:100%;min-height:0;padding:0 10px;font-size:inherit;white-space:nowrap}.dg-datePicker button svg{display:none}.dg-datePicker button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-statusBar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;min-height:32px;padding:6px 12px;border-top:1px solid var(--dg-line);color:var(--dg-muted);font-size:12px}.dg-address{min-width:48px;color:var(--dg-ink);font-family:var(--font-mono,ui-monospace,monospace);font-size:11px}.dg-stat{display:inline-flex;gap:6px;color:var(--dg-ink);font-weight:500}.dg-stat span{color:var(--dg-faint);font-weight:400}.dg-statusMessage{display:inline-flex;align-items:center;gap:10px;color:var(--dg-ink)}@container dg (max-width:480px){.dg-statusMessage{flex-basis:100%}}.dg-gutter{position:sticky;left:0;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid var(--dg-line);background:inherit}.dg-gutterHead{background:var(--dg-raised)}.dg-gutter[data-gutter]{color:var(--dg-faint);font-size:11px;border-bottom:1px solid var(--dg-line);cursor:pointer}.dg-rowNumber{position:absolute;transition:opacity 100ms}.dg-rowCheck{opacity:0;transition:opacity 100ms}.dg-rowCheck[data-always],.dg-row:hover .dg-rowCheck,.dg-row[data-checked] .dg-rowCheck{opacity:1}.dg-row:hover .dg-rowNumber,.dg-row[data-checked] .dg-rowNumber{opacity:0}.dg-row[data-checked]{background:var(--dg-checked)}.dg-row[data-checked]:hover{background:color-mix(in srgb,var(--palette-accent) 10%,var(--palette-paper))}.dg-source-check-root{--check-accent:var(--palette-accent,var(--positive));position:relative;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:.25rem;user-select:none;border-radius:6px;transition:background-color 80ms}.dg-source-check-root:hover:not([aria-disabled='true']){background-color:color-mix(in srgb,var(--normal) 5%,transparent)}.dg-source-check-root:has(:focus-visible){outline:2px solid color-mix(in srgb,var(--check-accent) 70%,transparent);outline-offset:1px}.dg-source-check-root[aria-disabled='true']{cursor:not-allowed;opacity:.6}.dg-source-check-check{--check-accent:var(--palette-accent,var(--positive));flex-shrink:0;width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--normal) 32%,transparent);background-color:var(--bg-0);transition:background-color 100ms,box-shadow 100ms}.dg-source-check-check::after{content:'';position:absolute;inset:0;border-radius:var(--radius-input)}.dg-source-check-check:is([data-state='checked'],[data-state='indeterminate']){background-color:var(--check-accent);box-shadow:inset 0 0 0 1.5px var(--check-accent)}.dg-source-check-indicator{color:var(--bg-0);display:flex;align-items:center;justify-content:center}.dg-source-check-indicator svg{width:14px;height:14px}.dg-totalsRow{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:var(--dg-cols);width:var(--dg-total);height:36px;border-top:1px solid var(--dg-line);background:var(--dg-raised)}.dg-totalCell{display:flex;align-items:center;gap:6px;height:100%;padding:0 12px;border-right:1px solid var(--dg-line);background:var(--dg-raised);white-space:nowrap}.dg-totalLabel{color:var(--dg-faint);font-size:11px}.dg-totalValue{font-weight:600}.dg-historyButtons .dg-tool{width:30px;padding:0;justify-content:center}.dg-root[data-dg-prototype] .dg-tool:disabled{color:var(--dg-faint);cursor:default}.dg-root[data-dg-prototype] .dg-tool[data-icon-only]{width:30px;padding:0;justify-content:center}.dg-historyButtons .dg-tool:nth-child(2) svg{transform:scaleX(-1)}.dg-divider{width:1px;height:18px;margin:0 4px;background:var(--dg-line-strong)}.dg-headerActive{color:var(--dg-ink)}.dg-checkedCount{padding:0 6px;color:var(--dg-ink);font-size:12px;white-space:nowrap;font-weight:600}.dg-groupRow{background:var(--dg-raised)}.dg-groupRow:hover{background:var(--dg-hover)}.dg-groupRow .dg-gutter{border-bottom:1px solid var(--dg-line)}.dg-groupCell{gap:6px;font-weight:600}.dg-groupToggle{display:grid;flex:none;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:var(--dg-muted);cursor:pointer}.dg-groupToggle svg{width:14px;height:14px;transition:transform 260ms var(--dg-spring)}.dg-groupToggle[data-expanded='true'] svg{transform:rotate(90deg)}.dg-groupToggle:hover{background:var(--dg-hover);color:var(--dg-ink)}.dg-groupValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-groupCount{flex:none;color:var(--dg-faint);font-size:11px;font-weight:400}@media (hover:none){.dg-rowCheck{opacity:1}.dg-rowNumber{display:none}}@media (pointer:coarse){.dg-fillHandle{width:12px;height:12px;margin:-2px 0 0 -2px}.dg-fillHandle::before{inset:-14px}}@media (prefers-reduced-motion:reduce){.dg-fillHandle,.dg-groupToggle svg{transition:none}}@media (prefers-reduced-motion:reduce){.dg-editorWrap.dg-editing .dg-editor[data-shake]{animation:none}}.dg-columnDrop{position:absolute;top:0;bottom:0;left:0;z-index:7;width:2px;border-radius:1px;background:var(--dg-accent);pointer-events:none}.dg-srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dg-stackedLabel{display:none}.dg-stackedFilters{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--dg-line);background:var(--dg-raised);animation:dg-fade 160ms ease-out}.dg-stackedFilter{display:grid;grid-template-columns:5.5em minmax(0,1fr);align-items:center;gap:10px;& .dg-filterSelect{height:40px;font-size:15px}}.dg-stackedFilterLabel{color:var(--dg-muted);font-size:13px;font-weight:600}.dg-stackedFilterFooter{display:flex;justify-content:flex-end}@container dg (max-width:639.98px){.dg-root:not([data-stack-table]){.dg-headerRow,.dg-filterRow{display:none}.dg-canvas{width:100%}.dg-row{display:flex;flex-wrap:wrap;align-content:center;gap:6px 12px;height:var(--dg-card-h,104px);padding:12px 8px 12px 66px;border-bottom:1px solid var(--dg-line);cursor:default;&:hover{background:var(--dg-surface)}& > .dg-cell{display:inline-flex;align-items:baseline;gap:4px;height:auto;padding:0;border:0;box-shadow:none;font-size:13px;white-space:nowrap;cursor:default}& > .dg-pinned{position:static}& > [data-card='title']{order:0;flex:1 1 calc(100% - 40px);align-items:center;margin-left:-52px}&:not(:has(> .dg-utility)) > [data-card='title']{flex-basis:calc(100% + 52px)}& > .dg-utility{order:1;flex:none;align-items:center;margin-left:-4px}& > [data-card='lead']{order:2;flex:0 0 100%;overflow:hidden}& > [data-card='meta']{order:3;max-width:100%;overflow:hidden}& > [data-card='meta']:empty,& > [data-card='none']{display:none}& > [data-card='meta'][data-label]:not(:empty,:has(> .dg-stackedLabel))::before,& .dg-stackedLabel{display:inline;color:var(--dg-faint);font-size:11px}& > [data-card='meta'][data-label]:not(:empty,:has(> .dg-stackedLabel))::before{content:attr(data-label)}}.dg-skeletonRow{display:flex;flex-direction:column;justify-content:center;gap:6px;height:var(--dg-card-h,104px);padding:12px 8px 12px 14px;& > .dg-skeletonCell{padding:0;& span{width:70%;height:12px;border-radius:6px}&:nth-child(2) span{width:45%}&:nth-child(n + 3){display:none}}}}}.dg-pop{--menu-surface:color-mix(in srgb,var(--normal) 2%,var(--bg-0));--menu-line:color-mix(in srgb,var(--normal) 12%,transparent);--menu-hover:color-mix(in srgb,var(--normal) 7%,transparent);--menu-muted:color-mix(in srgb,var(--normal) 55%,transparent);--menu-shadow:0 1px 2px rgba(0,0,0,0.06),var(--palette-shadow-soft,0 12px 32px -8px rgba(0,0,0,0.22));position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;border:0;background:transparent;color:var(--normal);overflow:visible;font-size:16px;line-height:1.4;letter-spacing:normal;z-index:1205}.dg-pop-body{min-width:184px;max-width:calc(100vw - 32px);max-height:var(--dg-avail,80svh);padding:4px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--menu-line);border-radius:12px;background:var(--menu-surface);box-shadow:var(--menu-shadow);animation:byodoji-motion-fade-in 140ms cubic-bezier(0.2,0.8,0.2,1)}.dg-pop[data-kind='popover'] .dg-pop-body{padding:var(--space1,8px)}.dg-pop-close{display:none}.dg-pop[data-full]{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(0,0,0,0.45);& .dg-pop-body{width:100%;max-width:min(420px,100%);max-height:min(70svh,calc(100dvh - 32px));border-radius:18px;padding:6px}&[data-kind='popover'] .dg-pop-body{padding:16px;border-color:var(--bg-3,var(--menu-line));background:var(--bg-0);box-shadow:0 24px 48px rgba(0,0,0,0.2)}& .dg-pop-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:1px solid color-mix(in srgb,var(--normal) 16%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg-1) 90%,transparent);color:var(--normal);cursor:pointer;& svg{width:20px;height:20px}}}.dg-item{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:0 12px 0 10px;border:0;border-radius:8px;background:none;color:var(--normal);font:inherit;font-size:14px;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;user-select:none;outline:none;cursor:pointer;transition:background-color 80ms;&:hover{color:var(--normal)}&[data-highlighted]:not([aria-disabled='true']){background-color:var(--menu-hover)}&[aria-disabled='true']{opacity:0.4;cursor:not-allowed}}.dg-itemIcon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--menu-muted);transition:color 80ms;& svg{width:100%;height:100%}.dg-item[data-highlighted]:not([aria-disabled='true']) &{color:inherit}}.dg-sep{height:1px;margin:4px 8px;background-color:var(--menu-line)}.dg-menuLabel{padding:8px 10px 4px;color:var(--menu-muted);font-size:12px;font-weight:600}@media (max-width:599.98px){.dg-item{min-height:44px;padding:0 14px 0 12px;border-radius:10px;font-size:16px}.dg-itemIcon{width:18px;height:18px}}.dg-checkList{display:flex;flex-direction:column;gap:2px;min-width:184px;padding:4px}.dg-check{position:relative;display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px 0 8px;border-radius:8px;user-select:none;cursor:pointer;transition:background-color 80ms;@media (hover:hover){&:hover:not([aria-disabled='true']){background-color:color-mix(in srgb,var(--normal) 5%,transparent)}}&:has(:focus-visible){outline:2px solid color-mix(in srgb,var(--palette-accent,var(--positive)) 70%,transparent);outline-offset:1px}&[aria-disabled='true']{cursor:not-allowed;opacity:0.6}& input{position:absolute;opacity:0;pointer-events:none}}.dg-checkBox{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background-color:var(--bg-0);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--normal) 32%,transparent);color:var(--bg-0);transition:background-color 100ms,box-shadow 100ms;& svg{width:14px;height:14px;opacity:0}.dg-check:has(input:checked) &{background-color:var(--palette-accent,var(--positive));box-shadow:inset 0 0 0 1.5px var(--palette-accent,var(--positive));& svg{opacity:1}}}.dg-checkLabel{color:var(--normal);font-size:14px;font-weight:500;line-height:1.3}@media (max-width:599.98px){.dg-check{min-height:48px;gap:14px;padding:0 12px 0 10px}.dg-checkLabel{font-size:16px}.dg-checkBox{width:24px;height:24px;border-radius:6px;& svg{width:18px;height:18px}}}.dg-checkListFooter{padding:8px 8px 4px;border-top:1px solid color-mix(in srgb,var(--normal) 10%,transparent)}.dg-pop .dg-textButton{color:inherit}.dg-radioMark{display:grid;flex:none;place-items:center;width:16px;height:16px;& svg{width:14px;height:14px;visibility:hidden}[aria-checked='true'] > & svg{visibility:visible}}.dg-filterEditor{display:flex;flex-direction:column;gap:10px;min-width:244px;padding:6px;color:var(--normal);font-size:14px}.dg-filterEditorFooter{display:flex;justify-content:flex-end;padding-top:2px}.dg-segmented{display:flex;gap:2px;padding:3px;border-radius:9px;background:color-mix(in srgb,var(--normal) 6%,transparent)}.dg-segment{flex:1;min-height:30px;padding:0 10px;border:0;border-radius:7px;background:none;color:color-mix(in srgb,var(--normal) 62%,transparent);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color 120ms,color 120ms;&[aria-pressed='true']{background:var(--bg-0);color:var(--normal);box-shadow:0 1px 2px rgba(0,0,0,0.08),0 0 0 1px color-mix(in srgb,var(--normal) 8%,transparent)}&:focus-visible{outline:2px solid var(--positive);outline-offset:1px}}.dg-filterField{width:100%;min-width:0;height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--normal) 16%,transparent);border-radius:8px;outline:0;background:var(--bg-0);color:var(--normal);font:inherit;font-size:14px;&:focus{border-color:var(--positive);box-shadow:0 0 0 3px color-mix(in srgb,var(--positive) 18%,transparent)}&::placeholder{color:color-mix(in srgb,var(--normal) 40%,transparent)}&[data-numeric]{text-align:right;font-variant-numeric:tabular-nums}}.dg-filterRange{display:flex;align-items:flex-end;gap:8px;color:color-mix(in srgb,var(--normal) 50%,transparent);& > span[aria-hidden]{flex:none;padding-bottom:8px}}.dg-datePresets{display:flex;flex-wrap:wrap;gap:6px}.dg-datePreset{min-height:30px;padding:0 12px;border:1px solid color-mix(in srgb,var(--normal) 14%,transparent);border-radius:999px;background:none;color:var(--normal);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color 100ms,border-color 100ms;@media (hover:hover){&:hover{background:color-mix(in srgb,var(--normal) 6%,transparent)}}&[aria-pressed='true']{border-color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,transparent);color:var(--positive)}&:focus-visible{outline:2px solid var(--positive);outline-offset:1px}}.dg-dateField{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.dg-dateFieldLabel{color:color-mix(in srgb,var(--normal) 55%,transparent);font-size:12px;font-weight:500}.dg-dateButton{display:flex;align-items:center;gap:6px;width:100%;min-height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--normal) 16%,transparent);border-radius:8px;background:var(--bg-0);color:var(--normal);font:inherit;font-size:14px;white-space:nowrap;cursor:pointer;& svg{flex:none;width:16px;height:16px;color:color-mix(in srgb,var(--normal) 55%,transparent)}& span{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis}&[aria-expanded='true']{border-color:var(--palette-accent,var(--positive));box-shadow:0 0 0 3px color-mix(in srgb,var(--palette-accent,var(--positive)) 18%,transparent)}}@media (max-width:599.98px){.dg-segment,.dg-datePreset{min-height:40px;font-size:15px}.dg-filterField{height:44px;font-size:16px}.dg-dateButton{min-height:44px;font-size:16px}.dg-filterRange:has(.dg-dateField){flex-direction:column;align-items:stretch;& > span[aria-hidden]{display:none}}}.dg-cal{display:grid;gap:10px;width:280px;max-width:100%;padding:4px}.dg-calInputs{display:flex;align-items:center;justify-content:space-around;height:36px;border:1px solid var(--palette-accent,var(--positive));border-radius:6px;color:color-mix(in srgb,var(--normal) 55%,transparent);& input{width:3.5em;padding:0;border:0;outline:0;background:none;color:var(--normal);font:inherit;font-size:15px;text-align:center;font-variant-numeric:tabular-nums;&:focus{background:color-mix(in srgb,var(--positive) 18%,transparent)}}}.dg-calHead{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600}.dg-calNav{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:none;color:var(--normal);cursor:pointer;&:hover{background:color-mix(in srgb,var(--normal) 6%,transparent)}& svg{width:16px;height:16px}}.dg-calWeek,.dg-calDays{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;row-gap:2px}.dg-calWeek{color:color-mix(in srgb,var(--normal) 60%,transparent);font-size:12px}.dg-calDay{width:34px;height:34px;padding:0;border:0;border-radius:999px;background:none;color:var(--normal);font:inherit;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;&:hover{background:color-mix(in srgb,var(--normal) 6%,transparent)}&[data-outside]{color:color-mix(in srgb,var(--normal) 35%,transparent)}&[data-today]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--palette-accent,var(--positive)) 60%,transparent)}&[aria-pressed='true']{background:var(--palette-accent,var(--positive));color:var(--bg-0)}}.dg-calActions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.dg-calOk{min-height:40px;padding:0 16px;border:0;border-radius:8px;background:var(--positive);color:var(--positive-r,#fff);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.dg-columnGhost{position:fixed;top:0;left:0;z-index:1000;padding:4px 10px;border:1px solid color-mix(in srgb,var(--normal) 18%,transparent);border-radius:8px;background:color-mix(in srgb,var(--normal) 3%,var(--bg-1));color:var(--normal);font-size:12px;font-weight:600;box-shadow:var(--palette-shadow-soft,0 6px 20px rgba(0,0,0,0.16));pointer-events:none}html[data-dg-cursor='grabbing'] *{cursor:grabbing!important;user-select:none!important}html[data-dg-cursor='col-resize'] *{cursor:col-resize!important;user-select:none!important}@keyframes dg-fade{from{opacity:0}}@keyframes dg-pop{from{opacity:0;transform:scale(0.6)}}@keyframes dg-pulse{50%{opacity:0.4}}@keyframes byodoji-motion-fade-in{from{opacity:0}}@media (prefers-reduced-motion:reduce){.dg-activeCell,.dg-resizer::after{transition:none}.dg-tool:active:not(:disabled){transform:none}.dg-skeletonCell span{animation:none}.dg-sortIcon{animation:dg-fade 120ms ease-out}}

@layer pages{.min-viewport-height-root{min-block-size:50svh}.ritual-list-root{& > .ritual-list-title{font-family:var(--heading-font,var(--font));font-size:clamp(2rem,4.8vw,3.3rem);text-align:center;font-weight:800;line-height:1.26;letter-spacing:-0.02em;margin:var(--space8) 0 var(--space6)}}.ritual-list-chooser-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space3);align-items:center;margin-bottom:var(--space5);margin-inline:calc(-1 * var(--gutter));padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--palette-border);border-radius:var(--radius-input);background:color-mix(in srgb,var(--palette-accent) 6%,var(--palette-paper));> *{min-width:0}& h2,& p{margin:0}& h2{color:var(--palette-ink);font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.5}& p{margin-top:var(--space1);color:var(--palette-muted);line-height:1.8}}.ritual-list-chooser-entry > .ritual-list-chooser-link{box-sizing:border-box;display:grid;grid-template-columns:1fr 20px;align-items:center;gap:var(--space1);min-width:0;width:100%;margin-top:var(--space2);padding:calc(var(--space1) * 1.5) var(--space2);border-radius:var(--radius-input);color:var(--palette-accent-strong);background-color:color-mix(in srgb,var(--palette-surface) 84%,var(--palette-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--palette-border) 88%,transparent);font:inherit;line-height:1.4;text-decoration:none;border:0;> span{min-width:0;overflow-wrap:anywhere}&::after{content:'';width:20px;height:20px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='1' fill-rule='evenodd' d='M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z'/%3E%3C/svg%3E") center / contain no-repeat}}.ritual-list-blocked{font-size:var(--text-lg)}.ritual-archive-link-root{margin-block:var(--space2);padding-inline:var(--space2)}.ritual-archive-link-note{margin:0 0 var(--space1);color:var(--palette-muted);line-height:1.7;overflow-wrap:anywhere}.ritual-archive-link-link{color:var(--palette-accent-strong);font-weight:600;text-decoration:underline;text-underline-offset:0.2em;&:focus-visible{outline:3px solid var(--palette-accent);outline-offset:2px}}}@layer pages{.reading:has(.ritual-grid){inline-size:100%}.ritual-views,.ritual-grid{margin-inline:calc(-1 * var(--gutter))}.reading:has(.ritual-grid) .ritual-list-root{padding-block-end:0}.reading:has(.ritual-grid) .min-viewport-height-root{min-block-size:0}.ritual-views{display:inline-flex;gap:2px;max-width:100%;margin-top:var(--space3);padding:3px;overflow-x:auto;border-radius:10px;background:color-mix(in srgb,var(--normal) 6%,transparent);scrollbar-width:none}.ritual-view{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:0;border-radius:8px;background:none;color:color-mix(in srgb,var(--normal) 62%,transparent);font:inherit;font-size:14px;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 120ms,color 120ms,box-shadow 120ms;@media (hover:hover){&:hover{color:var(--normal)}}&[data-state='on']{background:var(--bg-0);color:var(--normal);box-shadow:0 1px 2px rgba(0,0,0,0.08),0 0 0 1px color-mix(in srgb,var(--normal) 8%,transparent)}&:focus-visible{outline:2px solid var(--positive);outline-offset:1px}&:lang(ja){letter-spacing:0.09rem}}@media (max-width:599.98px){.ritual-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;max-width:none;overflow:visible}.ritual-view{display:block;min-height:40px;padding:0 6px;overflow:hidden;line-height:40px;text-overflow:ellipsis}}.ritual-grid{--dg-cols:minmax(340px,1fr) 140px 112px 190px 88px 52px;--dg-total:922px;--dg-row-h:64px;--dg-card-h:112px;--dg-height:min(760px,78svh);margin-block:var(--space2)}.ritual-title-cell{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.ritual-thumb{display:grid;flex:none;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background:rgb(102 102 102 / 0.5);box-shadow:0 0 0 1px color-mix(in srgb,var(--normal) 10%,transparent);& > .photo-open{width:40px;height:40px;border-radius:50%}& picture{display:contents}& img{width:40px;height:40px;object-fit:cover}}.ritual-title{display:flex;flex-direction:column;justify-content:center;gap:2px;width:100%;min-width:0;color:var(--normal);text-decoration:none;&:hover{color:var(--normal)}@media (hover:hover){&:hover .ritual-short{text-decoration:underline;text-underline-offset:3px}}}.ritual-short{overflow:hidden;font-size:14px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ritual-long{overflow:hidden;color:color-mix(in srgb,var(--normal) 58%,transparent);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ritual-date{color:var(--positive);font-variant-numeric:tabular-nums;white-space:nowrap}.ritual-pager{display:none}@media (scripting:none){.ritual-pager{display:flex;justify-content:flex-end;gap:var(--space-2);margin-block-end:var(--space2)}}.ritual-page{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid color-mix(in srgb,var(--normal) 14%,transparent);border-radius:999px;color:var(--normal);font-size:14px;text-decoration:none}}

@layer components{.photo-gallery{margin-block:var(--space-8)}.photo-grid{columns:2 220px;column-gap:var(--space-2);list-style:none;& > li{break-inside:avoid;margin-block-end:var(--space-4)}&:has(> li:only-child){columns:1;& .photo-item{inline-size:fit-content;max-inline-size:100%;margin-inline:auto}& img{inline-size:auto;max-inline-size:100%;max-block-size:min(72svh,640px)}& .photo-caption{inline-size:0;min-inline-size:100%}& .photo-item[data-photo-fit]{--photo-cap:100vw;inline-size:min(100%,calc(min(72svh,640px) * var(--photo-w) / var(--photo-h)),var(--photo-cap));@media (min-width:1264px){--photo-cap:1200px}& img{inline-size:100%;max-block-size:none}}}}.photo-item{display:grid;gap:var(--space-2)}.photo-open{display:block;overflow:hidden;border-radius:var(--radius-panel);background:var(--surface-muted);cursor:zoom-in;& picture{display:contents}& img{display:block;inline-size:100%;block-size:auto;transition:scale var(--duration-standard) var(--ease-standard)}&:hover img{scale:1.015}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.photo-caption{display:grid;gap:2px;padding-inline:2px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.photo-title{color:var(--foreground);white-space:pre-line}.photo-note{color:var(--text-muted);font-size:var(--text-xs)}:root:has(.photo-viewer[open]){overflow:hidden}.photo-viewer{position:fixed;inset:0;inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;border:0;background:oklch(0.12 0.01 60 / var(--viewer-backdrop,0.97));color:white;overscroll-behavior:contain;&::backdrop{background:transparent}&[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}}.viewer-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.viewer-count{margin-inline-end:auto;color:oklch(1 0 0 / 0.75);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.viewer-button{display:grid;place-items:center;inline-size:40px;block-size:40px;border:0;border-radius:var(--radius-pill);background:oklch(1 0 0 / 0.1);color:white;cursor:pointer;&:hover:not(:disabled){background:oklch(1 0 0 / 0.2)}&:disabled{opacity:0.3;cursor:default}&:focus-visible{outline:2px solid white;outline-offset:2px}& span{inline-size:18px;block-size:18px;background:currentColor;mask:var(--viewer-icon) center / contain no-repeat}&[data-icon='close']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}&[data-icon='download']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")}&[data-icon='open']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5M19 5l-8 8M10 6H5v13h13v-5'/%3E%3C/svg%3E")}&[data-icon='zoom']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4M11 8v6M8 11h6'/%3E%3C/svg%3E")}&[data-icon='zoom'][aria-pressed='true']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4M8 11h6'/%3E%3C/svg%3E")}&[data-icon='prev'],&[data-icon='next']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")}&[data-icon='next'] span{rotate:180deg}}.viewer-stage{position:relative;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;& img{position:absolute;inset:0;margin:auto;max-inline-size:calc(100% - 2 * var(--space-4));max-block-size:100%;inline-size:auto;block-size:auto;border-radius:var(--radius-panel);transform-origin:center;will-change:transform;-webkit-user-drag:none}&[data-zoomed] img{cursor:grab}}.viewer-side{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:1;&[data-icon='prev']{inset-inline-start:var(--space-4)}&[data-icon='next']{inset-inline-end:var(--space-4)}@media (width <= 640px){display:none}&[hidden]{display:none}}.viewer-foot{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.viewer-caption{display:grid;gap:2px;max-inline-size:40rem;min-block-size:1lh;color:oklch(1 0 0 / 0.86);font-size:var(--text-sm);line-height:1.6;text-align:center;& small{color:oklch(1 0 0 / 0.6);font-size:var(--text-xs)}}.viewer-thumbs{display:flex;gap:var(--space-1);max-inline-size:100%;overflow-x:auto;scrollbar-width:none;& button{flex:none;inline-size:44px;block-size:44px;padding:0;overflow:hidden;border:0;border-radius:var(--radius-control);background:none;opacity:0.45;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard);&[aria-current='true']{opacity:1;outline:2px solid white;outline-offset:-2px}}& img{inline-size:100%;block-size:100%;object-fit:cover}}::view-transition-group(photo-flight){animation-duration:0.36s;animation-timing-function:cubic-bezier(0.22,1,0.36,1)}::view-transition-old(photo-flight),::view-transition-new(photo-flight){block-size:100%;overflow:clip;border-radius:var(--radius-panel)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}