.chain-shell{position:fixed;left:0;right:0;top:0;padding:10px 12px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 15% 10%,#35334e,transparent 65%),linear-gradient(150deg,#1d2436,#121926 70%,#243c3d);color:#e5e7f2}.chain-shell header{display:flex;align-items:center;gap:8px;width:100%;max-width:620px;margin:0 auto 5px;flex-shrink:0}.chain-shell header>span{flex:1;text-align:center;font-size:15px;letter-spacing:2px}.chain-shell header small{display:block;font-size:8px;letter-spacing:1px;margin-top:8px;color:#aab5cd}.chain-shell header button{width:42px;height:42px;border-radius:16px;background:#30394f;color:#e5e7f2;box-shadow:0 3px #101525;font-size:23px}.chain-shell #chain-canvas{position:relative;flex:1;min-height:0;width:100%;max-width:620px;margin:auto}.chain-shell canvas{display:block}.chain-feedback{width:100%;max-width:600px;margin:6px auto;min-height:18px;font-size:12px;color:#b6a3ff;flex-shrink:0}#chain-form{display:flex;gap:10px;width:100%;max-width:600px;margin:0 auto;flex-shrink:0}#chain-form[hidden],.chain-feedback[hidden]{display:none!important}#chain-input{flex:1;width:0;min-height:54px;border:2px solid #596383;border-radius:18px;padding:12px 16px;background:#262f43;color:#e7e1fb;font-size:22px;outline-color:#b6a3ff}#chain-form button{width:58px;background:#c5f36b;color:#26311e;border-radius:18px;box-shadow:0 4px #738c46;font-size:27px}body.chain-playing #sound-toggle{display:block;position:static;width:36px;height:36px;flex-shrink:0;background:#30394f;color:#c5f36b;border-color:#485471;box-shadow:0 3px #101525;font-size:20px}