body{background:#060e19;color:var(--ink);display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;padding:26px 4vw;min-height:100dvh;height:auto}body.demo-silver{--bg:#e7e9ed;--card:#d5d9df;--surface:#eef0f3;--border:#b2bac5;--ink:#162230;--ink-dim:#46556b;--accent:#3579c4;--accent2:#63a6ee}body:not(.light-theme):not(.demo-silver){--bg:#0d1a2b;--card:#192e45;--surface:#142339;--accent:#509aff;--accent2:#7ab5ff;--border:#273d59}
#safari-istruzioni,#rotate-hint{display:none!important}#app{grid-column:2;grid-row:1}#demo-controls{grid-column:1;grid-row:1;align-self:start;max-width:300px;position:sticky;top:26px;line-height:1.6}#demo-controls summary{cursor:pointer;list-style:none;font-weight:750;font-size:1.35rem;margin-bottom:12px}#demo-controls p{color:var(--ink-dim);font-size:.88rem;margin-bottom:18px}#demo-controls label{display:block;margin:14px 0;color:var(--ink);font-size:.86rem}#demo-controls select{width:100%;margin-top:6px;padding:11px;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:12px}#demo-controls input[type=checkbox],.demo-check input{appearance:auto;-webkit-appearance:auto;width:18px;height:18px;vertical-align:middle;margin-right:8px;accent-color:var(--accent)}
#app{width:100%;max-width:460px;margin:0 auto;height:calc(100dvh - 52px);min-height:600px;border:1px solid var(--border);border-radius:30px;box-shadow:0 24px 70px #0005}#screen{min-height:0;padding:0}.demo-page{padding:20px 18px 24px;flex:1;overflow-y:auto} .demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 28px}.talo-mark{width:30px;height:30px;object-fit:contain}.glifix-word{width:155px;height:56px;object-fit:contain}.demo-moon,.demo-back{border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink);min-width:42px;min-height:42px;font-size:1.3rem;cursor:pointer}.demo-back{margin:0 0 22px}.demo-page h1{font-size:1.5rem;margin-bottom:22px}.demo-page h2{font-size:1.2rem;margin:10px 0 14px}.demo-page p,.demo-modal p{line-height:1.6;margin:10px 0}.demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.demo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid button{min-width:0;overflow-wrap:anywhere}.demo-tile{border:1.5px solid var(--border);background:var(--surface);border-radius:16px;padding:18px 5px;display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--ink);min-height:120px;cursor:pointer}.demo-tile>span{font-size:2.7rem}.demo-tile strong{font-size:.76rem}.demo-tile small{font-size:.64rem;color:var(--ink-dim);background:var(--card);padding:3px 7px;border-radius:20px}.wallet-actions .demo-tile{background:var(--card)}.demo-footnote{font-size:.77rem;color:var(--ink-dim)}#demo-nav{display:flex;flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}#demo-nav button{flex:1;min-height:66px;background:transparent;border:0;border-top:3px solid transparent;color:var(--ink-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}#demo-nav button.selected{border-top-color:var(--accent);color:var(--accent)}#demo-nav span{font-size:1.4rem}#demo-nav small{font-size:.7rem}.demo-section{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;margin:18px 0}.demo-section h3{text-align:center;color:var(--ink-dim);text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;margin:0 0 18px}.demo-section button{margin-top:12px}.demo-section label{display:block;line-height:1.5;margin-bottom:12px}.demo-section input[type=range]{width:100%;min-height:40px;accent-color:var(--accent)}.demo-section input.inp{margin-top:8px}.demo-business-card{border:1px solid var(--border);border-top:5px solid var(--accent);border-radius:18px;background:var(--card);padding:22px 18px;min-height:228px;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;margin:18px 0;align-items:center}.demo-business-card.corporate{background:#d7dce2;color:#182638;border-color:#9ca7b5;border-top-color:#367cc5}.demo-business-card p{font-size:.75rem;overflow-wrap:anywhere;margin:7px 0}.demo-business-card h2{font-size:1.2rem}.demo-business-card>div:first-child>img{width:35px;height:35px}.demo-qr{position:relative;display:flex;flex-direction:column;align-items:center}.demo-qr>img{width:112px;height:112px;border-radius:8px;background:white}.demo-qr img.qr-logo{position:absolute;top:45px;left:45px;width:22px;height:22px;padding:2px;border-radius:3px;background:white}.demo-qr small{margin-top:6px;font-size:.7rem}
#demo-dialog{position:absolute;inset:0;z-index:900;background:#0009;padding:18px;display:flex;align-items:center;justify-content:center}#demo-dialog[hidden]{display:none}.demo-modal{background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:24px;width:100%;max-height:95%;display:flex;flex-direction:column;box-shadow:0 20px 80px #0008}.demo-modal header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);flex-shrink:0}.demo-modal h2{font-size:1.15rem}.demo-modal header button{color:var(--ink-dim);background:transparent;border:1px solid var(--border);border-radius:12px;min-height:40px;min-width:40px;font-size:1.5rem}.demo-modal-body{padding:20px;overflow-y:auto;min-height:0}.demo-modal footer{padding:14px 20px;border-top:1px solid var(--border)}.demo-modal label{display:block;margin-top:14px;line-height:1.6}.demo-modal input.inp{margin-top:6px}.demo-camera{height:200px;border:2px solid var(--accent);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(140deg,var(--bg),var(--surface));overflow:hidden}.demo-viewfinder{font-size:5rem;color:var(--accent)}.demo-camera .demo-business-card{transform:scale(.75);width:120%;flex-shrink:0}.demo-audio-time{text-align:center;font-size:2.5rem;margin:12px}.demo-modal input[type=range]{width:100%;min-height:32px}.demo-attachment{padding:15px;background:var(--bg);border-radius:12px}.future-ribbon{font-size:.75rem;padding:10px;text-align:center;background:var(--card);color:var(--accent)}.demo-login{padding:16px;text-align:center;font-size:.75rem}.balance-card{margin:12px 0}.purses-section{padding:0}.wallet-toggle-row{display:none}.demo-check{font-size:.85rem}.btn-primary,.btn-secondary{min-height:44px}
@media(max-width:780px){body{display:flex;flex-direction:column;gap:0;padding:0;height:100dvh;min-height:0;overflow:hidden}#demo-controls{position:static;max-width:none;width:100%;padding:8px 16px;background:var(--surface);z-index:1001;max-height:55dvh;overflow-y:auto;flex-shrink:0}#demo-controls summary{font-size:.86rem;margin:0}#demo-controls:not([open])>div{display:none}#app{height:auto;min-height:0;flex:1;max-width:480px;border-radius:0;border:0;margin:auto;width:100%}.demo-page{padding:16px}.demo-tile>span{font-size:2.5rem}.demo-tile{min-height:116px}.demo-grid{gap:8px}}