:root{--bg:#111b21;--panel:#fff;--line:#d1d7db;--muted:#667781;--green:#00a884;--green-dark:#075e54;--danger:#c33;--chat-wall:#efeae2;--bubble-in:#fff;--bubble-out:#d9fdd3;--bubble-text:#111b21;--meta:#667781;--date-bg:#fff6c8;--date-text:#54656f;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:#111b21}button,input,select{font:inherit}.hidden{display:none!important}
.app{height:100dvh;display:grid;grid-template-columns:320px 1fr;background:#e9edef;overflow:hidden;box-shadow:0 0 0 1px #0002}
aside{display:flex;flex-direction:column;height:100dvh;background:#fff;border-right:1px solid var(--line);min-width:0}.brand{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#f0f2f5}.brand b{font-size:17px}.brand small{display:block;color:var(--muted);margin-top:2px}.brand button{border:0;background:transparent;font-size:24px;color:#54656f;cursor:pointer}
.toolbar{padding:10px;display:grid;gap:8px;border-bottom:1px solid var(--line)}.toolbar input,.toolbar select,.desktop-actions input{width:100%;padding:10px 12px;border:1px solid #d5dbe0;border-radius:10px;background:#fff}.engine-hint{font-size:12px;color:var(--muted)}.engine-hint.ok{color:#0a7}.engine-hint.warn{color:#b55}.import{display:block;padding:11px 12px;border-radius:10px;background:var(--green);color:#fff;text-align:center;font-weight:700;cursor:pointer}.import input{display:none}.upload{padding:10px 12px;background:#f7fbf9;color:#184;white-space:pre-wrap;font-size:13px;border-bottom:1px solid var(--line)}
.chats{flex:1;min-height:0;overflow:auto}.chat-item{padding:12px 14px;border-bottom:1px solid #eef1f3;cursor:pointer}.chat-item:hover{background:#f6f8f9}.chat-item.active{background:#f0f2f5}.chat-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.chat-item small{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:var(--muted)}.chat-item .preview{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{position:relative;height:100dvh;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--chat-wall)}
.chat-header{height:64px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 14px;background:#f0f2f5;border-bottom:1px solid var(--line);z-index:15}.contact-avatar{width:38px;height:38px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#dfe5e7;color:#54656f;font-weight:700}.contact-block{flex:1;min-width:0}.contact-block b,.contact-block small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-block small{margin-top:2px;color:var(--muted);font-size:12px}.desktop-actions{display:flex;align-items:center;gap:7px}.desktop-actions input{max-width:190px}.mini-btn,.icon-btn{border:0;background:transparent;color:#54656f;cursor:pointer}.mini-btn{padding:9px 11px;border-radius:9px;background:#fff;font-size:16px}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1}.icon-btn:hover,.mini-btn:hover{background:#e5e8ea}
.chat-menu{position:absolute;right:12px;top:58px;z-index:40;width:230px;padding:7px 0;border-radius:8px;background:#fff;box-shadow:0 7px 24px #0003}.chat-menu>button,.menu-date{width:100%;min-height:42px;border:0;background:#fff;color:#111b21;padding:10px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-menu>button:hover,.menu-date:hover{background:#f5f6f6}.chat-menu .danger{color:var(--danger)}.menu-date input{width:112px;border:0;background:#f0f2f5;border-radius:6px;padding:5px;font-size:12px}
.mobile-search-bar{flex:0 0 auto;height:56px;padding:7px 9px;display:flex;align-items:center;gap:8px;background:#fff;border-bottom:1px solid var(--line);z-index:14}.mobile-search-bar button{width:38px;height:38px;border:0;background:transparent;font-size:26px;color:#54656f}.mobile-search-bar input{flex:1;min-width:0;border:0;outline:0;background:#f0f2f5;border-radius:20px;padding:10px 14px;font-size:16px}
.messages{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 5vw calc(22px + var(--safe-bottom));background-color:var(--chat-wall);background-image:radial-gradient(circle at 15px 17px,#8696a012 1.2px,transparent 1.3px),radial-gradient(circle at 54px 62px,#8696a00e 1.1px,transparent 1.2px),linear-gradient(35deg,transparent 48%,#8696a008 49%,#8696a008 51%,transparent 52%);background-size:82px 82px,82px 82px,94px 94px;background-position:center;overflow-anchor:none;scroll-behavior:auto}.messages.wallpaper-image{background-image:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),var(--wallpaper-image);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.messages.wallpaper-image.wallpaper-dark{background-image:linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.20)),var(--wallpaper-image)}
.day{width:max-content;max-width:80%;margin:12px auto 8px;padding:6px 10px;border-radius:8px;background:var(--date-bg);color:var(--date-text);font-size:12px;box-shadow:0 1px 1px #0001}.row{display:flex;margin:2px 0}.row.in{justify-content:flex-start}.row.out{justify-content:flex-end}.bubble{max-width:min(78%,680px);padding:6px 8px 5px;border-radius:8px;background:var(--bubble-in);color:var(--bubble-text);box-shadow:0 1px 1px #0002;font-size:14.2px;line-height:1.32;letter-spacing:0;overflow-wrap:anywhere}.in .bubble{border-top-left-radius:2px}.out .bubble{background:var(--bubble-out);border-top-right-radius:2px}.meta{text-align:right;color:var(--meta);font-size:10.5px;margin-top:3px}.media img{display:block;max-width:min(320px,70vw);max-height:360px;object-fit:cover;border-radius:6px;cursor:pointer}.media.sticker img{max-width:180px;max-height:180px;object-fit:contain}.media video{display:block;width:min(360px,72vw);max-height:420px;background:#000;border-radius:6px}.media audio{display:block;width:min(320px,70vw);max-width:100%}.doc{color:#027eb5}.empty{margin:25vh auto;padding:14px 18px;border-radius:10px;background:#fff9;color:var(--muted)}.omitted-media{display:flex;gap:8px;align-items:center;min-width:230px;color:var(--meta)}.omitted-media>span{font-size:22px}.omitted-media b{display:block;font-size:13px;font-weight:600}.omitted-media small{display:block;margin-top:2px;font-size:10.5px;color:var(--meta)}.top-loading{position:sticky;top:8px;z-index:7;width:max-content;max-width:90%;margin:0 auto 8px;padding:6px 10px;border-radius:12px;background:#fffffff0;color:#54656f;font-size:12px;box-shadow:0 2px 8px #0002}
.results{position:absolute;right:18px;top:68px;z-index:35;width:min(420px,80vw);max-height:55vh;overflow:auto;border-radius:10px;background:#fff;box-shadow:0 8px 30px #0003}.result{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.result small{color:var(--muted)}
.jump-nav{position:absolute;right:18px;bottom:18px;z-index:25;display:flex;flex-direction:column;gap:10px}.jump-nav button{width:44px;height:44px;border:0;border-radius:50%;background:#fffffff0;color:#075e54;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #0003}.jump-nav button:disabled{display:none}.jump-nav button:hover{background:#fff}
.auth{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(#00a884 0 34%,#f0f2f5 34%);z-index:100}.auth-card{width:min(390px,92vw);padding:28px;border-radius:14px;background:#fff;box-shadow:0 15px 50px #0003}.auth-card input,.auth-card button{width:100%;padding:12px;margin-top:10px;border:1px solid #ddd;border-radius:9px}.auth-card button{border:0;background:var(--green);color:#fff;font-weight:700}.error{margin-top:8px;color:#a00}
.viewer{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:30px;background:#000e}.viewer button{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#fff;font-size:34px}.viewer img,.viewer video{max-width:95vw;max-height:90vh}.viewer audio{width:min(500px,85vw)}
.sheet-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#0007}.theme-sheet{width:min(760px,96vw);max-height:min(760px,88vh);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 18px 60px #0005}.sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#fff;border-bottom:1px solid var(--line)}.sheet-head b,.sheet-head small{display:block}.sheet-head small{margin-top:3px;color:var(--muted);font-size:12px}.sheet-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f0f2f5;font-size:24px;cursor:pointer}.sheet-body{padding:6px 0 0}.theme-section{padding:0 16px 16px}.theme-section h3{margin:12px 0 10px;font-size:15px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.upload-wallpaper{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e9f6f2;color:#075e54;font-weight:700;cursor:pointer}.upload-wallpaper input{display:none}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-card{border:2px solid transparent;border-radius:12px;padding:7px;background:#fff;cursor:pointer;text-align:left;box-shadow:0 1px 0 #00000009}.theme-card.active{border-color:#00a884;box-shadow:0 0 0 1px #00a88422}.theme-preview{height:118px;border-radius:9px;overflow:hidden;padding:10px;display:flex;flex-direction:column;gap:7px;background:var(--p-wall,#efeae2);background-image:radial-gradient(circle at 13px 13px,#8696a012 1px,transparent 1.1px),radial-gradient(circle at 42px 48px,#8696a00d 1px,transparent 1.1px);background-size:64px 64px}.theme-preview.with-image{background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),var(--preview-image);background-size:cover,cover;background-position:center,center}.theme-preview.dark-image{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),var(--preview-image)}.theme-preview .p-in,.theme-preview .p-out{height:22px;border-radius:6px;box-shadow:0 1px 1px #0001}.theme-preview .p-in{width:66%;background:var(--p-in,#fff)}.theme-preview .p-out{width:72%;margin-left:auto;background:var(--p-out,#d9fdd3)}.theme-name{display:block;padding:7px 2px 2px;font-size:13px;font-weight:600;color:#334}.theme-sub{display:block;padding:0 2px 2px;color:var(--muted);font-size:11px}
#chatMain[data-theme="classic"]{--chat-wall:#efeae2;--bubble-in:#fff;--bubble-out:#d9fdd3;--bubble-text:#111b21;--meta:#667781;--date-bg:#fff6c8;--date-text:#54656f}
#chatMain[data-theme="light"]{--chat-wall:#f7f5ef;--bubble-in:#fff;--bubble-out:#e1f7d9;--bubble-text:#111b21;--meta:#667781;--date-bg:#fff;--date-text:#54656f}
#chatMain[data-theme="dark"]{--chat-wall:#0b141a;--bubble-in:#202c33;--bubble-out:#005c4b;--bubble-text:#e9edef;--meta:#aebac1;--date-bg:#182229;--date-text:#d1d7db}
#chatMain[data-theme="green"]{--chat-wall:#dfeee5;--bubble-in:#fff;--bubble-out:#c9f3d0;--bubble-text:#111b21;--meta:#667781;--date-bg:#eef9f1;--date-text:#456157}
#chatMain[data-theme="blue"]{--chat-wall:#dfeaf2;--bubble-in:#fff;--bubble-out:#d7eaff;--bubble-text:#111b21;--meta:#667781;--date-bg:#edf5fb;--date-text:#46606f}
#chatMain[data-theme="pink"]{--chat-wall:#f3e3e9;--bubble-in:#fff;--bubble-out:#ffdce8;--bubble-text:#111b21;--meta:#75666c;--date-bg:#fff0f5;--date-text:#765b66}
#chatMain[data-theme="lilac"]{--chat-wall:#ebe5f3;--bubble-in:#fff;--bubble-out:#e5d9fb;--bubble-text:#111b21;--meta:#6f6878;--date-bg:#f5effc;--date-text:#665b73}
#chatMain[data-theme="sand"]{--chat-wall:#eee1cf;--bubble-in:#fffaf2;--bubble-out:#f3deb9;--bubble-text:#241f18;--meta:#796f61;--date-bg:#fbefd9;--date-text:#705f48}
@media(max-width:760px){
  .mobile-only{display:grid!important}.app{height:100dvh;grid-template-columns:1fr;box-shadow:none}.app.chat-open aside{display:none}.app:not(.chat-open) main{display:none}aside{height:100dvh}.brand{height:60px;background:#fff;padding:0 16px}.brand b{font-size:20px}.toolbar{padding:8px 10px}.toolbar select,.engine-hint{display:none}.chat-item{padding:12px 14px}
  main{height:100dvh}.chat-header{height:58px;padding:0 6px 0 2px;background:#075e54;border:0;color:#fff}.chat-header .icon-btn{color:#fff}.chat-header .icon-btn:hover{background:#ffffff18}.contact-avatar{width:38px;height:38px;background:#dfe5e7;color:#54656f}.contact-block b{font-size:16px;color:#fff}.contact-block small{font-size:11px;color:#d7ece9}.desktop-actions{display:none}.chat-menu{right:7px;top:52px;width:220px}.mobile-search-bar{height:56px}.messages{padding:10px 8px calc(26px + var(--safe-bottom))}.bubble{max-width:86%;font-size:15px;line-height:1.3}.media img{max-width:min(300px,78vw)}.media audio{width:min(300px,78vw)}.omitted-media{min-width:0}.results{top:60px;right:8px;left:8px;width:auto;max-height:50vh}.jump-nav{right:11px;bottom:calc(11px + var(--safe-bottom))}.jump-nav button{width:42px;height:42px}.theme-sheet{align-self:end;width:100%;max-height:86dvh;border-radius:18px 18px 0 0}.sheet-backdrop{padding:0;place-items:end center}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-section{padding:0 12px 14px}.theme-preview{height:108px}
}
/* v0.17 DESKTOP NARROW START */
/* Solo PC/tablet larghi: il mobile sotto 760px rimane identico. */
@media (min-width: 761px) {
  html, body {
    background: #dfe3e7;
  }

  .app {
    width: min(1180px, calc(100vw - 36px));
    max-width: 1180px;
    height: calc(100dvh - 24px);
    margin: 12px auto;
    grid-template-columns: 300px minmax(0, 1fr);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,.16);
  }

  aside,
  main {
    height: calc(100dvh - 24px);
  }

  .messages {
    padding-left: 34px;
    padding-right: 34px;
  }
}
/* v0.17 DESKTOP NARROW END */