:root{color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f7f7f3;--surface: #ffffff;--surface-subtle: #eceee8;--text: #151619;--muted: #656b72;--hairline: #d8dcd3;--accent: #007c73;--accent-strong: #005f58;--accent-soft: rgba(0, 124, 115, .12);--gold: #a66a00;--shadow: 0 18px 60px rgba(21, 22, 25, .08)}:root[data-theme=dark]{--bg: #101113;--surface: #17191b;--surface-subtle: #202326;--text: #f5f5ef;--muted: #a6adb4;--hairline: #31363a;--accent: #41c7b9;--accent-strong: #79ddd3;--accent-soft: rgba(65, 199, 185, .14);--gold: #efb549;--shadow: 0 18px 60px rgba(0, 0, 0, .28)}:root[data-theme=oled]{color-scheme:dark;--bg: #000000;--surface: #070707;--surface-subtle: #101010;--text: #f7f7f2;--muted: #9da3aa;--hairline: #242424;--accent: #46d6c8;--accent-strong: #8cece4;--accent-soft: rgba(70, 214, 200, .14);--gold: #f0bd55;--shadow: none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}html{background:var(--bg)}body{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) 44%,transparent),transparent 340px),var(--bg);color:var(--text)}button{color:inherit;font:inherit}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,22px);width:min(1180px,calc(100vw - 32px));height:100dvh;margin:0 auto;overflow:hidden;padding:clamp(12px,2.4vh,22px) 0}.app-shell[data-density=large]{gap:clamp(8px,1.5vh,18px)}.app-shell[data-density=compact]{gap:clamp(8px,1.4vh,16px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}.brand,.toolbar-shell,.toolbar,.icon-group,.segmented{display:flex;align-items:center}.brand{gap:9px;color:var(--muted);font-weight:650}.brand svg{color:var(--accent)}.toolbar-shell{position:relative;justify-content:flex-end;min-width:0}.toolbar{justify-content:flex-end;flex-wrap:wrap;gap:8px}.segmented,.icon-group{gap:3px;min-height:38px;padding:3px;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.segmented button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:0;border-radius:6px;background:transparent;cursor:pointer}.segmented button{min-width:44px;padding:0 10px;color:var(--muted);font-size:.88rem;font-weight:680}.segmented button[data-active=true],.icon-button[data-active=true]{background:var(--surface-subtle);color:var(--text)}.icon-button{width:38px;color:var(--muted)}.icon-button:hover,.segmented button:hover{background:var(--accent-soft);color:var(--accent-strong)}.icon-button[data-state=error]{color:var(--gold)}.icon-button[data-state=unsupported]{opacity:.34}.settings-popover{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;gap:8px;width:min(520px,calc(100vw - 24px));max-height:min(70dvh,560px);padding:10px;overflow:auto;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow)}.control-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.control-label,.control-field{display:flex;align-items:center}.control-label{gap:7px;color:var(--muted);font-size:.82rem;font-weight:760}.control-field{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}.select-control,.text-toggle,.panel-button{min-height:32px;border:1px solid var(--hairline);border-radius:6px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);font:inherit;font-weight:700}.select-control{width:min(100%,260px);padding:0 8px}.text-toggle,.panel-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;cursor:pointer}.text-toggle[data-active=true]{background:var(--surface-subtle);color:var(--accent-strong)}.panel-button:hover,.text-toggle:hover,.select-control:hover{background:var(--accent-soft);color:var(--accent-strong)}[data-spin=true]{animation:spin .95s linear infinite}.clock-stage{display:grid;align-content:center;justify-items:center;min-height:0;padding:clamp(6px,2vh,34px) 0;text-align:center}.ambient-face{display:grid;justify-items:center;align-content:center;width:100%;max-width:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);will-change:transform}.app-shell[data-density=compact] .clock-stage{padding:4px 0}.app-shell[data-dim-display=true] .topbar,.app-shell[data-dim-display=true] .status-band{opacity:.52}.app-shell[data-dim-display=true] .current-time,.app-shell[data-dim-display=true] .tool-time{opacity:.82}.app-shell[data-dim-display=true] .timezone-line,.app-shell[data-dim-display=true] .date-line,.app-shell[data-dim-display=true] .sync-copy,.app-shell[data-dim-display=true] .sync-summary,.app-shell[data-dim-display=true] .tool-label,.app-shell[data-dim-display=true] .tool-note{opacity:.68}.timezone-line,.date-line,.sync-summary,.sync-copy{color:var(--muted)}.timezone-line{margin:0 0 clamp(10px,1.8vh,18px);font-size:clamp(.86rem,1.8vw,1.05rem);font-weight:700}.timezone-line span{margin-left:.5em;color:var(--accent-strong)}.current-time{margin:0;max-width:100%;font-size:clamp(3.15rem,min(17vw,20vh),11.5rem);font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:0;line-height:.9;overflow-wrap:anywhere}.app-shell[data-density=large] .current-time,.app-shell[data-density=large] .tool-time{font-size:clamp(3.6rem,min(20vw,23vh),13rem)}.app-shell[data-density=compact] .current-time,.app-shell[data-density=compact] .tool-time{font-size:clamp(2.65rem,min(14vw,16vh),8rem)}.date-line{margin:clamp(10px,1.8vh,20px) 0 0;font-size:clamp(1rem,2.3vw,1.65rem);font-weight:620}.utc-line{margin:clamp(7px,1.2vh,12px) 0 0;color:var(--muted);font-size:clamp(.92rem,1.8vw,1.1rem);font-variant-numeric:tabular-nums;font-weight:720}.sync-summary,.sync-copy{margin-top:clamp(14px,2.3vh,28px)}.sync-summary{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px 12px;min-height:36px;padding:0 14px;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 76%,transparent);font-size:.95rem}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 18%,transparent)}.sync-copy{display:grid;gap:6px}.sync-copy p,.sync-copy span{margin:0}.sync-copy p{font-size:clamp(.96rem,2vw,1.2rem);font-weight:650;color:var(--text)}.sync-copy span{color:var(--muted);font-size:.92rem}.status-band{width:100%;margin:0 auto;padding:clamp(10px,1.9vh,18px);overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:var(--shadow)}.details-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:0}.details-grid div{min-width:0;padding:4px 8px}.details-grid dt{margin:0 0 4px;color:var(--muted);font-size:.72rem;font-weight:700}.details-grid dd{margin:0;overflow:hidden;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tool-panel{display:grid;justify-items:center;gap:clamp(10px,2vh,18px);width:min(760px,100%)}.tool-label,.tool-note{margin:0;color:var(--muted);font-weight:700}.tool-label{font-size:clamp(.95rem,2vw,1.12rem)}.tool-note{min-height:1.35em;font-size:clamp(.88rem,1.7vw,1rem);font-variant-numeric:tabular-nums}.tool-time{max-width:100%;color:var(--text);font-size:clamp(3.15rem,min(15vw,19vh),10.5rem);font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:0;line-height:.9;overflow-wrap:anywhere}.preset-row,.tool-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.preset-row{min-height:38px;padding:3px;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.preset-row button,.tool-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:6px;cursor:pointer}.preset-row button{min-width:52px;padding:0 12px;border:0;background:transparent;color:var(--muted);font-weight:700}.preset-row button[data-active=true]{background:var(--surface-subtle);color:var(--text)}.tool-button{gap:7px;min-width:104px;padding:0 14px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);font-weight:740}.tool-button.primary{border-color:color-mix(in srgb,var(--accent) 48%,var(--hairline));background:var(--accent-soft);color:var(--accent-strong)}.preset-row button:hover,.tool-button:hover{background:var(--accent-soft);color:var(--accent-strong)}.notice-stack{position:fixed;z-index:30;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(520px,calc(100vw - 24px));pointer-events:none}.notice-stack span,.notice-stack button{min-height:34px;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);color:var(--text);font-size:.9rem;font-weight:720}.notice-stack span{display:inline-flex;align-items:center;padding:0 12px}.notice-stack button{padding:0 13px;cursor:pointer;pointer-events:auto}.notice-stack button:hover{background:var(--accent-soft);color:var(--accent-strong)}.app-shell[data-visual-mode=minimal],.app-shell[data-visual-mode=meeting]{grid-template-rows:minmax(0,1fr)}.app-shell[data-visual-mode=minimal] .topbar,.app-shell[data-visual-mode=meeting] .topbar{position:fixed;z-index:15;top:max(8px,env(safe-area-inset-top));left:50%;width:min(1180px,calc(100vw - 24px));opacity:.08;transform:translate(-50%);transition:opacity .16s ease}.app-shell[data-visual-mode=minimal] .topbar:hover,.app-shell[data-visual-mode=minimal] .topbar:focus-within,.app-shell[data-visual-mode=meeting] .topbar:hover,.app-shell[data-visual-mode=meeting] .topbar:focus-within{opacity:1}.app-shell[data-visual-mode=minimal] .clock-stage,.app-shell[data-visual-mode=meeting] .clock-stage{padding:0}.app-shell[data-visual-mode=minimal] .current-time{font-size:clamp(4.2rem,min(21vw,27vh),15rem)}.app-shell[data-visual-mode=meeting] .current-time{font-size:clamp(3.8rem,min(19vw,24vh),13rem)}@media(max-width:980px){.details-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.app-shell{width:min(100vw - 24px,1180px);gap:10px;padding:12px 0}.topbar{align-items:center;flex-direction:row;gap:8px}.toolbar{justify-content:flex-end;flex-wrap:nowrap;gap:0}.toolbar-shell{justify-content:flex-end;margin-left:auto}.toolbar>.segmented,.toolbar>.icon-group[aria-label=常時表示],.toolbar>.icon-group[aria-label=テーマ]{display:none}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-actions{gap:6px}}@media(max-width:430px){.toolbar{display:flex}.settings-popover{right:0}.control-row{grid-template-columns:minmax(0,1fr);gap:5px}.control-field{justify-content:flex-start}.segmented,.icon-group{width:100%}.toolbar>.icon-group[aria-label=操作]{width:auto}.segmented button,.icon-group button{flex:1}.icon-button{width:100%}.toolbar>.icon-group[aria-label=操作] .icon-button{flex:0 0 38px;width:38px}.current-time{font-size:clamp(3rem,min(19vw,16vh),5rem)}.details-grid dd{overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.preset-row,.tool-actions{width:100%}.preset-row button,.tool-button{flex:1;min-width:0}}@media(max-height:640px){.app-shell{gap:8px;padding:8px 0}.topbar{gap:8px}.segmented,.icon-group{min-height:34px}.segmented button,.icon-button{min-height:28px}.timezone-line{margin-bottom:8px}.date-line{margin-top:8px}.sync-summary,.sync-copy{margin-top:10px}.sync-copy{gap:3px}.status-band{padding:8px}.details-grid div{padding:3px 6px}.tool-panel{gap:8px}.tool-time{font-size:clamp(2.7rem,min(15vw,15vh),6rem)}.tool-button,.preset-row button{min-height:28px}}@media(orientation:landscape)and (max-height:520px){.app-shell{grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px 0}.topbar{align-items:center;flex-direction:row;gap:8px}.brand{display:none}.toolbar{gap:4px}.segmented,.icon-group{min-height:30px;padding:2px}.segmented button,.icon-button{min-height:26px}.segmented button{min-width:36px;padding:0 7px;font-size:.78rem}.clock-stage{padding:0}.status-band{display:none}.timezone-line,.date-line,.utc-line,.sync-summary,.sync-copy{margin-top:6px}.timezone-line{margin-bottom:6px}.current-time{font-size:clamp(3rem,min(21vw,34vh),9rem)}}@keyframes spin{to{transform:rotate(360deg)}}