:root{--color-primary: #4a2f5c;--color-primary-light: #6b4d7d;--color-bg: #faf8f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e0d8cf;--color-favorite: #fff3e0;--color-favorite-border: #ff9800;--color-success: #4caf50;--color-banner-bg: #fff8e1;--color-banner-border: #ffc107;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-primary);color:#fff}.header-title{text-decoration:none;display:flex;align-items:center}.header-logo{height:32px;filter:brightness(0) invert(1)}.header-icons{display:flex;align-items:center;gap:var(--spacing-md)}.header-icon{display:flex;align-items:center}.header-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.friend-banner{background-color:var(--color-banner-bg);border:1px solid var(--color-banner-border);padding:var(--spacing-md);text-align:center;margin:var(--spacing-md);border-radius:var(--radius-md)}.friend-banner-button{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:#06c755;color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:700}.toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.875rem;z-index:100;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.error-message{color:var(--color-primary-light);text-align:center;padding:var(--spacing-lg)}.settings{padding:var(--spacing-md)}.settings h2,.settings-section{margin-bottom:var(--spacing-lg)}.settings-section h3{margin-bottom:var(--spacing-sm);font-size:.9rem;color:var(--color-text-secondary)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-sm);background:#ccc;border-radius:20px;padding:4px;width:70px;transition:background .2s;position:relative}.toggle-switch--on{background:var(--color-success)}.toggle-knob{width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch--on .toggle-knob{transform:translate(34px)}.favorites-empty{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-lg)}.favorites-list{list-style:none}.favorites-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.favorites-remove{background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem}.push-button{display:block;width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.push-button--secondary{background:none;color:var(--color-text-secondary);border:1px solid var(--color-border);margin-top:var(--spacing-sm);font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.push-status{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.push-status-active{color:var(--color-success);font-weight:700}.push-denied{color:var(--color-text-secondary);font-size:.85rem;padding:var(--spacing-sm)}.push-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-banner-bg);border-bottom:1px solid var(--color-banner-border)}.push-banner p{font-size:.85rem;color:var(--color-text)}.push-banner-button{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.install-caution{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-md);max-width:400px;margin:0 auto}.install-caution-icon{font-size:48px;color:var(--color-banner-border);margin-bottom:var(--spacing-md)}.install-caution h2{margin-bottom:var(--spacing-md);font-size:1.2rem}.install-caution p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem}.install-caution ol{text-align:left;padding-left:var(--spacing-lg);color:var(--color-text);font-size:.9rem;line-height:2}.install-caution-divider{width:100%;text-align:center;color:var(--color-text-secondary);font-size:.85rem;margin:var(--spacing-lg) 0;position:relative}.install-caution-divider:before,.install-caution-divider:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:var(--color-border)}.install-caution-divider:before{left:0}.install-caution-divider:after{right:0}.platform-links{margin-top:var(--spacing-lg)}.platform-links h3{margin-bottom:var(--spacing-sm);font-size:.9rem;color:var(--color-text-secondary)}.platform-links-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.platform-links-desc code{background:#e8e0ed;padding:1px 6px;border-radius:3px;font-size:.8rem}.platform-links-buttons{display:flex;gap:var(--spacing-sm)}.platform-link-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;flex:1;justify-content:center}.platform-link-button--slack{background:#4a154b}.platform-link-button--discord{background:#5865f2}.platform-link-button ion-icon{font-size:20px}.banzuke{padding:var(--spacing-md)}.division-selector{margin-bottom:var(--spacing-md)}.division-selector select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.banzuke-header{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;padding:var(--spacing-sm) 0;font-weight:700;color:var(--color-text-secondary);font-size:.85rem;border-bottom:2px solid var(--color-primary);margin-bottom:var(--spacing-sm)}.banzuke-group{margin-bottom:var(--spacing-md)}.banzuke-rank-label{text-align:center;font-weight:700;font-size:.8rem;color:var(--color-primary);padding:var(--spacing-xs) 0;background-color:#f5f0eb;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.banzuke-row{display:grid;grid-template-columns:1fr 60px 1fr;gap:var(--spacing-xs);margin-bottom:2px}.banzuke-cell{display:flex;align-items:center}.banzuke-cell--east{justify-content:flex-end}.banzuke-cell--west{justify-content:flex-start}.banzuke-cell--rank{justify-content:center;font-size:.7rem;color:var(--color-text-secondary)}.rikishi-cell{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.rikishi-cell:active{transform:scale(.97)}.rikishi-cell--favorite{background-color:var(--color-favorite);border-color:var(--color-favorite-border)}.rikishi-name{font-size:.85rem;font-weight:600;color:#1a1a1a}.rikishi-rank{font-size:.65rem;color:var(--color-text-secondary);display:none}