:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8f7f2;color:#141414;line-height:1.2}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#f8f7f2}button,input,textarea{font:inherit}button{border:0;color:inherit}svg{width:24px;height:24px;fill:currentColor;display:block}.install,.nick-screen{width:100%;min-height:100svh;display:grid;place-items:center;padding:24px;background:#f8f7f2}.install{align-content:center;gap:20px;text-align:center}.install-mark{width:88px;height:88px;display:grid;place-items:center;color:#141414;border:2px solid #141414;border-radius:28px}.install-mark svg{width:42px;height:42px}.install-button{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#141414;color:#f8f7f2;cursor:pointer}.install p{margin:0;font-size:18px}.nick-form{display:grid;grid-template-columns:44px minmax(0,220px) 44px;gap:10px;align-items:center;padding:10px;border:2px solid #141414;border-radius:8px;background:#f8f7f2}.nick-form span,.nick-form button{height:44px;display:grid;place-items:center}.nick-form input{min-width:0;height:44px;border:0;border-bottom:2px solid #141414;outline:0;background:transparent;font-size:20px}.nick-form button{background:#141414;color:#f8f7f2;border-radius:6px}.shell{--top: 132px;width:100%;height:100svh;display:grid;grid-template-rows:minmax(72px,var(--top)) 8px minmax(0,1fr);background:#f8f7f2}.tiles{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));border-bottom:1px solid #d8d3c8}.tile-strip{min-width:0;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.tile{position:relative;flex:0 0 76px;width:76px;height:100%;min-height:54px;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;gap:4px;padding:8px 6px;border:1px solid #d8d3c8;border-radius:8px;background:#fbfaf6;cursor:pointer}.tile.active{border-color:#141414;box-shadow:inset 0 0 0 1px #141414}.tile span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#141414;color:#f8f7f2;font-size:13px;overflow:hidden}.tile b{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.tile i{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#d83a2e}.icon-button{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#141414;cursor:pointer}.icon-button:active,.tile:active,.install-button:active{transform:scale(.98)}.qr-button{align-self:start;justify-self:end;border:1px solid #d8d3c8;background:#fbfaf6}.splitter{width:100%;height:8px;padding:0;background:#141414;cursor:row-resize;touch-action:none}.editor{position:relative;min-height:0;padding:0 max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.editor textarea{width:100%;height:100%;resize:none;border:0;outline:0;padding:18px 56px 18px 4px;background:transparent;color:#141414;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:18px;line-height:1.45}.close-button{position:absolute;right:max(10px,env(safe-area-inset-right));top:8px;z-index:2}.qr-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#f8f7f2f0}.qr-modal>div{position:relative;display:grid;place-items:center;padding:18px;border:2px solid #141414;border-radius:8px;background:#f8f7f2}.qr-modal canvas{width:min(74vw,360px)!important;height:min(74vw,360px)!important;image-rendering:pixelated}.qr-modal button{position:absolute;right:-14px;top:-14px;background:#141414;color:#f8f7f2}@media(max-width:520px){.shell{--top: 118px}.tile{flex-basis:68px;width:68px}.editor textarea{font-size:17px}}