:root{--mh-primary: #34d399;--mh-primary-deep: #0f9e75;--mh-primary-light: #6ee7b7;--mh-primary-soft: #a7f3d0;--mh-primary-pale: #e3fcef;--mh-indigo: #6366f1;--mh-forest: #0b2420;--mh-deep: #04100d;--mh-surface-dark: #0c201c;--mh-surface-light: #f6fffb;--mh-muted: #87a79c;--color-accent: var(--mh-primary);--color-accent-2: var(--mh-indigo);--color-on-accent: #06231a;--color-danger: #ff6b6b;--color-success: #34d399;--color-warning: #f5a623;--grad-brand: linear-gradient(135deg, var(--color-accent), var(--mh-primary-light));--grad-deep: linear-gradient(160deg, var(--mh-deep), var(--mh-forest));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgb(0 0 0 / .22);--shadow-md: 0 8px 24px rgb(0 0 0 / .3);--shadow-lg: 0 18px 48px rgb(0 0 0 / .42);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 28px;--glass-blur: var(--blur-md);--glass-saturation: 1.3;--glass-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation));--motion-scale: 1;--motion-duration-instant: calc(80ms / var(--motion-scale));--motion-duration-fast: calc(.16s / var(--motion-scale));--motion-duration-normal: calc(.28s / var(--motion-scale));--motion-duration-slow: calc(.48s / var(--motion-scale));--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-ease-decel: cubic-bezier(0, 0, .2, 1);--motion-ease-accel: cubic-bezier(.4, 0, 1, 1);--motion-spring: cubic-bezier(.34, 1.32, .64, 1);--font-ui-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", system-ui, -apple-system, sans-serif;--font-novel-size: 21px;--z-background: 0;--z-ambient: 1;--z-content: 10;--z-overlay: 90;--z-island: 100;--z-toast: 900;--z-system: 9999;--ambient-light: 1;--sun-altitude: 1;--moon-visibility: 0;--sky-tint: var(--color-accent)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--theme-bg);color:var(--theme-text);font-family:var(--font-ui-family, "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif);-webkit-font-smoothing:antialiased;overflow:hidden}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}#app-root{position:relative;height:100%;width:100%;overflow:hidden}.mh-background-stage{position:fixed;inset:0;z-index:var(--z-background);background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--sky-tint, var(--color-accent)) 22%,transparent),transparent 60%),var(--theme-bg);transition:background var(--motion-duration-slow) var(--motion-ease-standard)}.mh-ambient-layer{position:fixed;inset:0;z-index:var(--z-ambient);pointer-events:none}.mh-screen-stack{position:absolute;inset:0;z-index:var(--z-content)}.mh-screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;opacity:1;transition:opacity var(--motion-duration-normal) var(--motion-ease-standard)}.mh-screen[data-active=false]{visibility:hidden;opacity:0;pointer-events:none}.mh-screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:calc(var(--island-clearance) + var(--space-2)) var(--space-4) calc(96px + env(safe-area-inset-bottom,0px))}.mh-tabbar{position:fixed;left:max(var(--space-4),env(safe-area-inset-left,0px));right:max(var(--space-4),env(safe-area-inset-right,0px));margin-inline:auto;width:fit-content;max-width:min(calc(100vw - var(--space-4) * 2),440px);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:var(--z-island);display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--theme-surface) 70%,transparent);backdrop-filter:var(--glass-backdrop-filter);-webkit-backdrop-filter:var(--glass-backdrop-filter);border:1px solid var(--theme-border);box-shadow:var(--shadow-md);transition:transform var(--motion-duration-normal) var(--motion-ease-standard),opacity var(--motion-duration-normal)}.mh-tabbar[data-mode=hidden]{transform:translateY(160%);opacity:0;pointer-events:none}.mh-tabbar[data-mode=compact]{padding:2px}.mh-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:11px;line-height:1.2;white-space:nowrap;flex:1 1 0;min-width:64px;color:var(--theme-text-muted);transition:color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast)}.mh-tab[aria-current=page]{color:var(--theme-text);background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.mh-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mh-tab-icon{width:22px;height:22px}.mh-island{position:fixed;top:calc(var(--space-3) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:var(--z-island);min-width:120px;max-width:min(92vw,420px);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb,#000 62%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);color:#fff;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:var(--shadow-sm);transition:min-width var(--motion-duration-normal) var(--motion-ease-emphasized),border-radius var(--motion-duration-normal) var(--motion-ease-emphasized),background var(--motion-duration-normal)}.mh-island[data-state=expanded],.mh-island[data-state=reader],.mh-island[data-state=media]{border-radius:var(--radius-xl);padding:var(--space-4)}.mh-island[data-tone=warning]{background:color-mix(in srgb,var(--color-danger) 55%,#000 45%)}.mh-island[data-tone=success]{background:color-mix(in srgb,var(--color-success) 45%,#000 55%)}.mh-skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--theme-surface-elevated) 80%,transparent);border-radius:var(--radius-md)}.mh-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-text) 8%,transparent),transparent);animation:mh-shimmer 1.6s ease-in-out infinite}[data-motion-profile=lite] .mh-skeleton:after{animation:none}@keyframes mh-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mh-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mh-focus-ring:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mh-island-icon:empty{display:none}.mh-island-label{overflow:hidden;text-overflow:ellipsis;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard)}.mh-island-label[data-swap=out]{opacity:0}.mh-island-label[data-swap=in]{opacity:1}:root{--island-clearance: calc(env(safe-area-inset-top, 0px) + var(--space-3) + 40px + var(--space-3))}:root,[data-theme=dark]{--theme-bg: #0c201c;--theme-surface: #0c201c;--theme-surface-elevated: rgb(20 48 42 / .78);--theme-border: rgb(227 252 239 / .1);--theme-text: #e3fcef;--theme-text-muted: #87a79c;color-scheme:dark}[data-theme=light]{--theme-bg: #f6fffb;--theme-surface: #ffffff;--theme-surface-elevated: rgb(255 255 255 / .82);--theme-border: rgb(11 36 32 / .12);--theme-text: #0b2420;--theme-text-muted: #4f6b64;--shadow-sm: 0 2px 8px rgb(11 36 32 / .12);--shadow-md: 0 8px 24px rgb(11 36 32 / .16);--shadow-lg: 0 18px 48px rgb(11 36 32 / .2);color-scheme:light}[data-theme=oled]{--theme-bg: #000000;--theme-surface: #000000;--theme-surface-elevated: rgb(14 22 20 / .86);--theme-border: rgb(255 255 255 / .09);--theme-text: #e3fcef;--theme-text-muted: #87a79c;color-scheme:dark}[data-motion-profile=lite]{--glass-blur: 0px;--glass-saturation: 1;--motion-scale: 1.1}[data-motion-profile=lite] .mh-tabbar,[data-motion-profile=lite] .mh-island{background:color-mix(in srgb,var(--theme-surface) 94%,transparent)}[data-motion-profile=normal]{--glass-blur: 16px;--glass-saturation: 1.3;--motion-scale: 1}[data-motion-profile=rich]{--glass-blur: 26px;--glass-saturation: 1.7;--motion-scale: 1}[data-reduced-transparency=true]{--glass-blur: 0px;--glass-saturation: 1}[data-reduced-transparency=true] .mh-tabbar,[data-reduced-transparency=true] .mh-island{background:color-mix(in srgb,var(--theme-surface) 96%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}[data-reduced-motion=true]{--motion-duration-fast: 60ms;--motion-duration-normal: 90ms;--motion-duration-slow: .12s;--motion-spring: linear;--motion-ease-emphasized: linear}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.mh-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--color-accent);color:#06231a;font-weight:600;font-size:15px;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast),opacity var(--motion-duration-fast);box-shadow:var(--shadow-sm)}.mh-btn:hover{box-shadow:var(--shadow-md)}.mh-btn:active{transform:scale(.97)}.mh-btn--ghost{background:transparent;color:var(--theme-text-muted);box-shadow:none}.mh-btn--ghost:hover{color:var(--theme-text)}.mh-card{border-radius:var(--radius-lg);background:var(--theme-surface-elevated);border:1px solid var(--theme-border);overflow:hidden;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast)}.mh-card:active{transform:scale(.98)}.mh-card-cover{aspect-ratio:3 / 4;background:var(--theme-surface);display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);font-size:12px}.mh-card-body{padding:var(--space-3)}.mh-card-title{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.mh-section-title{font-size:15px;font-weight:700;margin:var(--space-6) 0 var(--space-3);color:var(--theme-text)}.mh-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--theme-text-muted)}.mh-empty-state-icon{width:48px;height:48px;opacity:.6}.mh-clock{display:flex;align-items:baseline;gap:var(--space-2)}.mh-clock-time{font-size:44px;font-weight:200;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mh-clock-meta{font-size:13px;color:var(--theme-text-muted)}.mh-diag-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--theme-border);font-size:14px}.mh-diag-status{font-weight:600}.mh-diag-status[data-level=supported]{color:var(--color-success)}.mh-diag-status[data-level=limited]{color:#f6c453}.mh-diag-status[data-level=unsupported]{color:var(--color-danger)}.mh-splash{position:fixed;inset:0;z-index:var(--z-system);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--theme-bg);color:var(--theme-text);transition:opacity var(--motion-duration-slow) var(--motion-ease-standard)}.mh-splash[data-visible=false]{opacity:0;pointer-events:none}.mh-splash-mark{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--grad-brand, linear-gradient(135deg, var(--color-accent), var(--mh-primary-light)))}.mh-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--space-4);padding:var(--space-6)}.mh-setup-title{font-size:26px;font-weight:700}.mh-setup-subtitle{color:var(--theme-text-muted);font-size:15px}.mh-setup-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.mh-bigclock{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-4)}.mh-bigclock-time{font-size:clamp(64px,22vw,96px);font-weight:200;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.mh-bigclock-date{font-size:17px;font-weight:500;color:var(--theme-text-muted)}.mh-empty-state p{max-width:28ch;line-height:1.6;word-break:auto-phrase;overflow-wrap:anywhere;text-wrap:balance}.mh-clock-meta{margin-left:var(--space-1)}