:root{--hanyu-bg: #f0f7ff;--hanyu-bg-glass: rgba(255, 255, 255, .7);--hanyu-accent-ice: #81d4fa;--hanyu-accent-crystal: #b3e5fc;--hanyu-accent-deep: #0288d1;--hanyu-text-main: #2c3e50;--hanyu-text-muted: #546e7a;--hanyu-border-silver: rgba(200, 214, 229, .5);--hanyu-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--hanyu-font: "Zen Kaku Gothic New", sans-serif}.theme-hanyu{background:var(--hanyu-bg);color:var(--hanyu-text-main);font-family:var(--hanyu-font)}.theme-hanyu body{background:linear-gradient(135deg,#f0f7ff,#e1f5fe);background-attachment:fixed}.theme-hanyu .crystal-card{background:var(--hanyu-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hanyu-border-silver);border-radius:12px;box-shadow:var(--hanyu-shadow)}.theme-hanyu .ice-button{background:linear-gradient(45deg,var(--hanyu-accent-ice),#ffffff);border:1px solid var(--hanyu-accent-crystal);color:var(--hanyu-accent-deep);font-weight:700;transition:all .3s ease;box-shadow:0 2px 10px #81d4fa33}.theme-hanyu .ice-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #81d4fa4d;filter:brightness(1.05)}.theme-hanyu .shimmer-effect{position:relative;overflow:hidden}.theme-hanyu .shimmer-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.theme-hanyu input,.theme-hanyu select{background:#fffc;border:1px solid var(--hanyu-border-silver);border-radius:8px;padding:8px 12px;color:var(--hanyu-text-main)}:root{--bf-bg: #f0fdf4;--bf-card-bg: rgba(255, 255, 255, .7);--bf-accent: #10b981;--bf-accent-light: #34d399;--bf-sky: #38bdf8;--bf-text: #064e3b;--bf-text-muted: #374151;--bf-border: rgba(16, 185, 129, .2)}.bf-hub-container{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);color:var(--bf-text);font-family:Inter,system-ui,sans-serif;padding:20px}.bf-glass-card{background:var(--bf-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bf-border);border-radius:24px;box-shadow:0 8px 32px #10b98114;padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bf-glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #10b9811f}.bf-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.bf-title{font-size:28px;font-weight:800;background:linear-gradient(90deg,#059669,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.bf-tab-bar{display:flex;gap:12px;margin-bottom:24px}.bf-tab-btn{padding:10px 20px;border-radius:14px;border:1px solid var(--bf-border);background:#ffffff80;color:var(--bf-text-muted);font-weight:600;cursor:pointer;transition:all .2s}.bf-tab-btn.active{background:var(--bf-accent);color:#fff;border-color:var(--bf-accent);box-shadow:0 4px 12px #10b98133}.bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.bf-grid{grid-template-columns:1fr}}.bf-input-group{margin-bottom:16px}.bf-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--bf-text-muted)}.bf-input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--bf-border);background:#fffc;font-size:16px;outline:none;transition:border-color .2s}.bf-input:focus{border-color:var(--bf-accent)}.bf-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.bf-badge-success{background:#d1fae5;color:#065f46}.bf-badge-error{background:#fee2e2;color:#b91c1c}.bf-badge-warning{background:#fef3c7;color:#92400e}.bf-issue-item{display:flex;gap:10px;padding:12px;border-radius:12px;margin-bottom:8px;font-size:14px}.bf-issue-error{background:#ef44440d;border-left:4px solid #ef4444}.bf-issue-warning{background:#f59e0b0d;border-left:4px solid #f59e0b}.bf-button{background:var(--bf-accent);color:#fff;border:none;padding:14px 24px;border-radius:16px;font-weight:700;cursor:pointer;transition:filter .2s;box-shadow:0 4px 12px #10b98133}.bf-button:hover{filter:brightness(1.1)}.riyusyo-preview{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 24px #0000000d;font-family:serif;color:#000;max-width:800px;margin:0 auto}