html{height:100%;height:-webkit-fill-available}body{margin:0;min-height:100vh;min-height:-webkit-fill-available;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background-color:var(--color-page-background, #3f3f3f)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary: #e2e2e2;--color-background: #1a1a1a;--color-background-hover: #585858;--color-border-light: #585858;--color-page-background: #222222;--color-overlay-bg: rgba(19, 19, 19, .95);--color-card-bg: #232323;--color-card-shadow: rgba(17, 17, 17, .3);--color-error: #ff5555;--color-error-message: #424242;--color-success: #55ff55;--color-white: #ffffff;--color-button-primary: #1259a0;--color-button-primary-hover: #1875de;--color-button-secondary: #616161;--color-button-secondary-hover: #999999;--shadow-button: 0 2px 8px 0 rgba(60, 60, 60, .1);--shadow-hover: 0 4px 12px 0 rgba(60, 60, 60, .15);--shadow-card: 0 8px 8px rgba(17, 17, 17, .3);--border-radius-small: 8px;--border-radius-medium: 12px;--spacing-xs: 5px;--spacing-sm: 12px;--spacing-md: 18px;--spacing-lg: 24px;--spacing-xl: 40px;--transition-fast: .18s;--transition-normal: .2s;--transition-slow: .3s;--font-family-primary: "Noto Serif JP", serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-normal: .01em;--z-index-overlay: 10;--z-index-fixed: 1000;--footer-height: 56px}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-bg);border-radius:var(--border-radius-medium);z-index:var(--z-index-overlay)}*{font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-normal)}main{min-height:100vh;width:100%;max-width:100vw;background:var(--color-page-background);box-sizing:border-box;padding:var(--spacing-sm);padding-bottom:var(--spacing-sm);padding-top:var(--spacing-xl);margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-x:hidden}main h1{font-size:2rem;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;color:var(--color-primary);opacity:.85;margin-top:3rem}main h2{font-size:1.2rem;font-weight:var(--font-weight-normal);margin-bottom:1rem;color:var(--color-primary)}main h3{font-size:1rem;font-weight:var(--font-weight-normal);margin-bottom:.5rem;color:var(--color-primary);opacity:.7;margin-top:2rem;margin-bottom:3rem}main p{font-size:.9rem;font-weight:var(--font-weight-normal);margin-bottom:1rem;color:var(--color-primary);opacity:.7}@media(max-width:768px){main{padding:20px 8px 8px}main h1{font-size:1.5rem}main h2{font-size:.9rem}main h3{font-size:.85rem}main p{font-size:.8rem}}@media(max-height:600px)and (orientation:landscape){.floating-cubes-container{max-width:120vh!important;margin:0 auto}}.fixed-center-footer{position:sticky;bottom:0;left:0;width:100%;z-index:var(--z-index-fixed);color:var(--color-primary);background:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto;font-size:1rem;padding:8px 0;display:flex;justify-content:center;align-items:center}@media(orientation:portrait){.fixed-center-footer{position:fixed;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;padding:8px 12px;z-index:var(--z-index-fixed)}main{padding-bottom:calc(var(--spacing-sm) + var(--footer-height) + env(safe-area-inset-bottom,0px))}}.loading-spinner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-overlay-bg);border-radius:var(--border-radius-medium);z-index:var(--z-index-overlay);gap:var(--spacing-lg)}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-white);font-size:18px;font-weight:var(--font-weight-medium);margin:0;letter-spacing:.5px}@media(max-width:768px){.spinner{width:48px;height:48px;border-width:3px}.loading-text{font-size:16px}}.error-display-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-bg);border-radius:var(--border-radius-medium);z-index:var(--z-index-overlay);padding:var(--spacing-lg);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.error-content{background:var(--color-card-bg);border-radius:var(--border-radius-medium);padding:var(--spacing-xl);max-width:480px;width:100%;max-height:90%;overflow-y:auto;text-align:center;box-shadow:var(--shadow-card);animation:slideIn var(--transition-slow) ease-out;-webkit-overflow-scrolling:touch;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-icon{color:var(--color-primary);font-size:48px;margin-bottom:16px}.error-title{color:var(--color-error);font-size:24px;font-weight:var(--font-weight-semibold);margin:0 0 16px}.error-message{color:var(--color-error-message);font-size:16px;line-height:1.6;margin:0 0 32px;word-wrap:break-word}.error-actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.error-button{padding:var(--spacing-sm) 32px;font-size:16px;font-weight:var(--font-weight-medium);border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--transition-normal) ease;min-width:120px}.error-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.error-button:active{transform:translateY(0)}.error-button-retry{background:var(--color-button-primary);color:var(--color-white)}.error-button-retry:hover{background:var(--color-button-primary-hover)}.error-button-close{background:var(--color-button-secondary);color:var(--color-white)}.error-button-close:hover{background:var(--color-button-secondary-hover)}@media(max-width:768px){.error-display-container{padding:16px}.error-content{padding:32px var(--spacing-lg);max-height:85vh;max-height:85dvh}.error-icon{font-size:40px}.error-title{font-size:20px}.error-message{font-size:14px;margin-bottom:var(--spacing-lg)}.error-button{padding:10px var(--spacing-lg);font-size:14px;min-width:100px}}@media(max-width:375px){.error-content{padding:var(--spacing-lg) 16px}.error-icon{font-size:36px;margin-bottom:var(--spacing-sm)}.error-title{font-size:18px;margin-bottom:var(--spacing-sm)}.error-message{font-size:13px;margin-bottom:20px}.error-button{padding:8px 20px;font-size:13px;min-width:90px}}