:root{color-scheme:light;font-family:Avenir Next,Hiragino Sans,Noto Sans JP,sans-serif;background:radial-gradient(circle at top left,rgba(67,142,255,.24),transparent 30%),linear-gradient(180deg,#edf4ff,#f8fbff 44%,#eef5fc);color:#10233c}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit}.shell{margin:0 auto;max-width:1320px;padding:40px 20px 64px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:28px;border:1px solid rgba(48,104,180,.12);background:#ffffffd1;box-shadow:0 18px 52px #12366617}.eyebrow{display:inline-block;margin-bottom:10px;color:#2d67c4;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1}.hero p{max-width:680px;margin:12px 0 0;color:#4c6884;line-height:1.7}.guild-icon{width:84px;height:84px;border-radius:26px}.panel{margin-top:24px;padding:24px;border-radius:28px;background:#ffffffe6;border:1px solid rgba(48,104,180,.12);box-shadow:0 18px 48px #12366612}.tree{display:grid;gap:12px}.error-banner{margin:0 0 16px;padding:12px 14px;border-radius:14px;background:#ffe3e3;color:#923131}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:74px;margin-left:calc(var(--row-level, 0) * 28px);border-radius:22px;border:1px solid rgba(39,92,168,.12);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.setting-row:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0e2b5214}.setting-row.state-on{background:linear-gradient(90deg,#45a95d33,#ffffffeb)}.setting-row.state-off{background:linear-gradient(90deg,#da545433,#ffffffeb)}.setting-row.explicit-clear{opacity:.68}.setting-row.explicit-solid{opacity:1;border-width:2px}.setting-row.explicit-solid.state-on{border-color:#2f9e4eeb;box-shadow:inset 0 0 0 1px #2f9e4e38}.setting-row.explicit-solid.state-off{border-color:#d23f3feb;box-shadow:inset 0 0 0 1px #d23f3f38}.row-body{display:flex;align-items:center;gap:14px;min-width:0;min-height:74px;padding:0 22px;border:0;background:transparent;text-align:left}.row-body.clickable{cursor:pointer}.row-title{display:grid;gap:4px;min-width:0}.row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.row-title span{color:#5a738f;font-size:.88rem}.row-guild-icon,.row-guild-fallback,.row-symbol,.row-icon-spacer{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.row-guild-icon,.row-guild-fallback{width:40px;height:40px;border-radius:50%}.row-guild-icon{object-fit:cover}.row-guild-fallback{color:#fff;font-family:gg sans,Noto Sans JP,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.02em}.row-symbol{width:24px;height:24px;color:#4a5f85}.row-icon-spacer{width:24px;height:24px}.row-controls{display:flex;align-items:center;gap:10px;padding:0 16px}.toggle-button,.toggle-spacer{width:36px;height:36px;border-radius:999px}.toggle-button{border:1px solid rgba(41,92,165,.14);background:#fffc;color:#224e90;cursor:pointer}.toggle-spacer{display:inline-block}.state-button{min-width:74px;padding:10px 14px;border-radius:999px;border:1px solid rgba(32,79,144,.14);background:#ffffffb3;color:#183d76;cursor:pointer}.state-button.active{background:#183d76;color:#fff;border-color:transparent}.state-button.active.tone-on{background:#2f9e4e}.state-button.active.tone-off{background:#d23f3f}.state-button:disabled,.toggle-button:disabled{opacity:.6;cursor:progress}@media(max-width:820px){.shell{padding:24px 14px 48px}.hero{flex-direction:column;align-items:flex-start;padding:24px}.hero h1{font-size:clamp(1.7rem,9vw,2.5rem);line-height:1.05}.hero p{font-size:.96rem;line-height:1.6}.guild-icon{width:72px;height:72px;border-radius:22px}.panel{padding:18px;border-radius:22px}.setting-row{margin-left:calc(var(--row-level, 0) * 14px);grid-template-columns:1fr;border-radius:18px;position:relative}.row-body{min-height:60px;padding:16px 56px 8px 18px;gap:12px}.row-title strong{font-size:.95rem}.row-title span{font-size:.82rem}.row-guild-icon,.row-guild-fallback{width:36px;height:36px}.row-controls{padding:0 18px 16px;gap:8px;display:flex;justify-content:flex-end;align-items:center}.toggle-button,.toggle-spacer{width:34px;height:34px}.toggle-button{position:absolute;top:14px;right:14px;z-index:1}.toggle-spacer{display:none}.state-button{min-width:74px;padding:9px 10px;font-size:.9rem}}@media(max-width:560px){.shell{padding:18px 10px 36px}.hero{padding:18px;border-radius:22px;gap:18px}.eyebrow{margin-bottom:8px;font-size:.74rem}.hero h1{font-size:clamp(1.45rem,8vw,2rem)}.hero p{margin-top:10px;font-size:.9rem}.guild-icon{width:64px;height:64px;border-radius:20px}.panel{margin-top:16px;padding:14px;border-radius:18px}.tree{gap:10px}.setting-row{margin-left:calc(var(--row-level, 0) * 9px);min-height:0;border-radius:16px}.row-body{min-height:54px;padding:14px 52px 6px 14px;gap:10px}.row-title strong{font-size:.92rem;white-space:normal;word-break:break-word}.row-title span{font-size:.78rem;line-height:1.35}.row-guild-icon,.row-guild-fallback{width:32px;height:32px}.row-guild-fallback{font-size:.68rem}.row-symbol,.row-icon-spacer{width:22px;height:22px}.row-controls{padding:0 14px 14px;display:flex;justify-content:flex-end;align-items:center}.toggle-button,.toggle-spacer{width:34px;height:34px}.state-button{min-width:68px;padding:9px 10px;font-size:.88rem}}