:root{--bg:#131314;--bg-glow:radial-gradient(1100px 560px at 50% -8%, #ff5c0029, transparent 62%);--panel:#1c1b1d;--panel-soft:#080400cb;--panel-raised:#201f21;--panel-sunken:#0e0e0f;--panel-high:#2a2a2b;--panel-highest:#353436;--bg-panel:var(--panel-raised);--navigation-bg:#131314bf;--border:#e5e2da14;--border-soft:#e5e2da1a;--border-strong:#e5e2da33;--text:#e5e2e3;--text-dim:#c9c6bf;--text-faint:#948f8a;--text-on-accent:#fff8f3;--pink:#ff5c00;--accent:#ff5c00;--accent-2:#ffb77f;--purple:#de7800;--ink-deep:#2f1500;--peach:#ffb59a;--gradient:#ff5c00;--gradient-soft:linear-gradient(135deg, #ff5c0029, #ffb77f1a);--gradient-strong:linear-gradient(135deg, #d94f00 0%, #ff8a3d 100%);--gradient-text:linear-gradient(135deg, #ffb59a 0%, #ff5c00 55%, #ffb77f 100%);--good:#59c290;--good-soft:#59c29024;--bad:#ffb4ab;--bad-soft:#ffb4ab24;--radius-xs:.25rem;--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:9999px;--shadow-xs:0 1px 2px #0006;--shadow:0 4px 18px #00000061, 0 1px 2px #0000004d;--shadow-hover:0 18px 42px #0000008c, 0 4px 14px #00000059;--shadow-lifted:0 30px 70px #0009;--shadow-accent:0 12px 30px #ff5c0052;--shadow-inset:inset 0 1px 0 #ffffff08;--glass-bg:#121214bf;--glass-border:#e5e2da1a;--glass-blur:24px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur:.28s;--dur-slow:.5s;--font-display:"Playfair Display", "Space Grotesk", serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Syne", "Plus Jakarta Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:var(--bg-glow);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}p{margin:0;line-height:1.6}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input,select,textarea,button{transition:border-color var(--dur) var(--ease-soft), box-shadow var(--dur) var(--ease-soft), background var(--dur) var(--ease-soft), transform var(--dur-fast) var(--ease-soft), color var(--dur) var(--ease-soft)}::selection{background:#ff5c0047}:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::-webkit-scrollbar-track{background:0 0}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}.msf{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.app-shell{background:var(--bg);isolation:isolate;width:100%;max-width:480px;min-height:100vh;animation:shellIn .5s var(--ease);margin:0 auto;padding-bottom:116px;position:relative}@keyframes shellIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=481px){body{background-color:var(--panel-sunken)}.app-shell{border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);max-width:100%;box-shadow:var(--shadow-lifted)}}@media (width>=900px){.app-shell{max-width:100%}}@media (width>=1280px){.app-shell{max-width:100%}}.btn-gradient{background:var(--gradient);color:var(--text-on-accent);border-radius:var(--radius-pill);box-shadow:var(--shadow-accent);transition:filter var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur) var(--ease-soft);border:none;font-weight:700}.btn-gradient:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 16px 34px #ff5c0066}.btn-gradient:active{box-shadow:var(--shadow-accent);transform:scale(.97)translateY(0)}.btn-gradient:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.btn-ghost{color:var(--text-dim);border:1px solid var(--border-strong);border-radius:var(--radius-pill);transition:all var(--dur) var(--ease-soft);background:#e5e2da0a}.btn-ghost:hover{color:var(--text);border-color:#e5e2da66;transform:translateY(-1px)}.press-target{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.press-target:active{transform:scale(.96)}.surface-card{background:var(--panel-raised);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:center;margin:0 auto}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%)}.reveal{animation:revealUp .5s var(--ease) both}.reveal-1{animation-delay:20ms}.reveal-2{animation-delay:60ms}.reveal-3{animation-delay:.1s}.reveal-4{animation-delay:.14s}.reveal-5{animation-delay:.18s}.reveal-6{animation-delay:.22s}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff5c0066}50%{box-shadow:0 0 0 8px #ff5c0000}}.pulse-active{animation:2s ease-in-out infinite pulseGlow}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-high) 37%, var(--panel) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite shimmer}.ambient-icons{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ambient-icons span{color:var(--pink);opacity:.09;animation:7s ease-in-out infinite float;position:absolute}.ambient-icons span:first-child{font-size:34px;animation-delay:0s;top:8%;left:8%}.ambient-icons span:nth-child(2){font-size:26px;animation-duration:8s;animation-delay:1.1s;top:18%;right:10%}.ambient-icons span:nth-child(3){font-size:22px;animation-duration:6.4s;animation-delay:2.1s;bottom:22%;left:14%}.ambient-icons span:nth-child(4){font-size:30px;animation-duration:7.5s;animation-delay:.6s;bottom:10%;right:16%}.ambient-icons span:nth-child(5){font-size:20px;animation-duration:6.8s;animation-delay:1.6s;top:45%;left:46%}.state-block{text-align:center;color:var(--text-dim);animation:revealUp .4s var(--ease) both;padding:60px 24px;font-size:13.5px}.bottom-nav{z-index:100;width:100%;position:fixed;bottom:0;left:0}.bottom-nav-inner{width:100%;max-width:100%;padding:10px 8px calc(env(safe-area-inset-bottom,0px) + 14px);background:var(--navigation-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);justify-content:space-around;align-items:center;margin:0 auto;display:flex;box-shadow:0 -8px 30px #00000080}.nav-item{color:var(--text-dim);opacity:.75;font-size:10.5px;font-weight:600;font-family:var(--font-body);letter-spacing:.02em;transition:color var(--dur) var(--ease-soft), opacity var(--dur) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;display:flex;position:relative}.nav-item .material-symbols-outlined{font-size:22px}.nav-item.active{color:var(--pink);opacity:1;font-weight:700;transform:scale(1.08)}.nav-item.disabled{opacity:.3;cursor:default}.nav-item .badge{background:var(--pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-2px;right:2px}.modal-close-btn{transition:background var(--dur) var(--ease-soft), color var(--dur) var(--ease-soft), transform var(--dur-fast) var(--ease-soft)}.modal-close-btn:hover{background:var(--bad-soft);color:var(--bad);transform:rotate(90deg)}.field-input{transition:border-color var(--dur) var(--ease-soft), box-shadow var(--dur) var(--ease-soft), background var(--dur) var(--ease-soft)}.field-input:focus{box-shadow:0 0 0 4px var(--gradient-soft);outline:none;border-color:var(--pink)!important}.field-input::placeholder{color:var(--text-faint)}.page-container{width:100%;max-width:var(--container-max,1200px);box-sizing:border-box;margin:0 auto;padding:0 20px}@media (width>=900px){.page-container{padding:0 48px}}.desktop-nav-links{display:none}@media (width>=900px){.desktop-nav-links{align-items:center;gap:32px;display:flex}.pills-pos{position:relative;left:21.5%}.app-shell{padding-bottom:60px}}.venue-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=700px){.venue-grid{grid-template-columns:repeat(2,1fr);gap:22px}.pills-pos{position:relative;left:9%}.surface-card{max-width:300px}}@media (width>=400px){.surface-card{max-width:300px}}@media (width>=1100px){.bottom-nav-inner{width:100%;max-width:100%;padding:10px 8px calc(env(safe-area-inset-bottom,0px) + 14px);background:var(--navigation-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);justify-content:space-evenly;align-items:center;margin:0 auto;display:flex;box-shadow:0 -8px 30px #00000080}.venue-grid{grid-template-columns:repeat(3,1fr);gap:26px}.pills-pos{position:relative;left:31%}}:root[data-theme=light]{--bg:#f7f3ee;--bg-glow:radial-gradient(1000px 500px at 50% -8%, #ff5c0021, transparent 62%);--panel:#fffaf5;--panel-soft:#ffffffc2;--panel-raised:#fff;--panel-sunken:#ebe5de;--panel-high:#f2ebe3;--panel-highest:#e6ddd4;--navigation-bg:#fffaf5d1;--border:#39271a17;--border-soft:#39271a1f;--border-strong:#39271a33;--text:#2d2119;--text-dim:#66574d;--text-faint:#8f8176;--text-on-accent:#fff;--glass-bg:#fffaf5c7;--glass-border:#39271a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background-color:var(--panel-sunken)}html[data-theme=light] .ambient-icons span{opacity:.055}.header-tools{align-items:center;gap:7px;display:flex}.header-icon-btn{border:1px solid var(--border-strong);background:var(--panel-raised);width:36px;height:36px;color:var(--text-dim);box-shadow:var(--shadow-xs);border-radius:11px;place-items:center;display:grid}.header-icon-btn:hover{color:var(--pink);border-color:#ff5c0073;transform:translateY(-1px)}.language-switcher{border:1px solid var(--border-strong);background:var(--panel-raised);border-radius:11px;align-items:center;display:flex;overflow:hidden}.language-switcher button{border:0;border-right:1px solid var(--border);color:var(--text-faint);background:0 0;padding:8px 7px;font-size:9px;font-weight:800}.language-switcher button:last-child{border-right:0}.language-switcher button.active,.language-switcher button:hover{color:var(--pink);background:var(--gradient-soft)}.client-banner{isolation:isolate;background-position:50%;background-size:cover;border-radius:0 0 28px 28px;width:100%;min-height:170px;margin:2px 0 12px;position:relative;overflow:hidden}.client-banner:after{content:"";background:linear-gradient(180deg, transparent 20%, var(--bg) 100%);z-index:-1;position:absolute;inset:0}.client-banner-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#0000006b,#0000);border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;bottom:17px;left:18px;right:18px}.client-banner-overlay img{object-fit:cover;border:1px solid #ffffff38;border-radius:14px;width:46px;height:46px}.client-banner-overlay span{color:#fff;font-family:var(--font-display);font-size:21px;font-weight:700;display:block}.client-banner-overlay small{color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:10px;display:block}.client-avatar-badge{border:3px solid var(--panel-raised);background:var(--panel-high);z-index:2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:14px;right:14px;overflow:hidden;box-shadow:0 8px 24px #00000047}.client-avatar-badge img{object-fit:cover;width:100%;height:100%}.client-avatar-badge .material-symbols-outlined{color:var(--pink)}.notification-center{flex-direction:column;gap:8px;max-height:55vh;display:flex;overflow:auto}.notification-row{border:1px solid var(--border);background:var(--panel);border-radius:14px;gap:10px;padding:11px;display:flex}.notification-row.notification-unread{background:var(--gradient-soft);border-color:#ff5c0059}.notification-icon{background:var(--gradient-soft);width:34px;height:34px;color:var(--pink);border-radius:10px;flex:none;place-items:center;display:grid}.notification-row strong{font-size:12px;display:block}.notification-row p{color:var(--text-dim);margin:2px 0;font-size:11px;line-height:1.45}.notification-row small{color:var(--text-faint);font-size:9px}.notification-empty{min-height:180px;color:var(--text-faint);text-align:center;align-content:center;place-items:center;gap:10px;font-size:12px;display:grid}.notification-empty .material-symbols-outlined{font-size:34px}.notification-clear{border:1px solid var(--border-strong);width:100%;color:var(--text-dim);background:0 0;border-radius:999px;margin-top:10px;padding:9px;font-weight:700}.ambient-icons{position:fixed;inset:0}.ambient-icons span{filter:drop-shadow(0 0 10px #ff5c001f)}.ambient-icons span:nth-child(6){font-size:28px;animation-delay:.8s;top:31%;left:18%}.ambient-icons span:nth-child(7){font-size:24px;animation-delay:1.7s;top:62%;right:8%}.ambient-icons span:nth-child(8){font-size:18px;animation-delay:2.4s;top:77%;left:42%}.ambient-icons span:nth-child(9){font-size:22px;animation-delay:1.2s;top:10%;left:52%}.ambient-icons span:nth-child(10){font-size:20px;animation-delay:3s;top:35%;right:34%}.ambient-icons span:nth-child(11){font-size:32px;animation-delay:.4s;bottom:30%;right:26%}.ambient-icons span:nth-child(12){font-size:24px;animation-delay:1.9s;bottom:7%;left:32%}.ambient-icons span:nth-child(13){font-size:19px;animation-delay:2.8s;top:52%;left:4%}.ambient-icons span:nth-child(14){font-size:27px;animation-delay:1.4s;top:87%;right:44%}.ambient-icons span:nth-child(15){font-size:17px;animation-delay:3.4s;top:24%;left:34%}.ambient-icons span:nth-child(16){font-size:21px;animation-delay:2.2s;top:71%;right:48%}.ambient-icons span:nth-child(17){font-size:29px;animation-delay:.9s;top:44%;right:4%}.ambient-icons span:nth-child(18){font-size:18px;animation-delay:2.6s;top:5%;right:38%}.ambient-icons span:nth-child(19){font-size:26px;animation-delay:1.1s;bottom:17%;left:7%}.ambient-icons span:nth-child(20){font-size:18px;animation-delay:3.1s;top:57%;left:68%}.surface-card:hover{box-shadow:var(--shadow-hover);border-color:#ff5c0059;transform:translateY(-6px)scale(1.01)}.app-shell{isolation:isolate;background:radial-gradient(900px 420px at 50% 0%, #ff5c0017, transparent 65%), var(--bg);position:relative;overflow-x:clip}.ambient-icons{z-index:0!important;pointer-events:none!important;position:fixed!important;inset:0!important;overflow:hidden!important}.ambient-icons span{z-index:0;color:var(--pink);filter:blur(.15px);animation:14s ease-in-out infinite ambientDrift;opacity:.055!important}.app-shell>:not(.ambient-icons){z-index:2;position:relative}.app-shell .glass{z-index:30}.surface-card,.venue-grid,.page-container,.grid{z-index:3;position:relative}.surface-card{background:linear-gradient(#1e1e1ffa,#141415fa);border:1px solid #ffffff13;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #00000047,inset 0 1px #ffffff09}.surface-card:hover{border-color:#ff5c0052;box-shadow:0 24px 65px #0006,0 0 0 1px #ff5c0014;transform:translateY(-5px)!important}.header-tools{gap:5px!important}.header-icon-btn{width:34px!important;height:34px!important;box-shadow:none!important;background:#ffffff09!important;border-radius:50%!important}.language-switcher{height:30px;background:#ffffff09!important;border-radius:999px!important}.language-switcher button{padding:6px 8px!important;font-size:9px!important}header.glass .topRow{min-height:38px}header.glass .badges{min-width:0}header.glass .tag{text-overflow:ellipsis;max-width:110px;overflow:hidden}header.glass .previewChip,header.glass .tableChip{display:none}.hero{text-wrap:balance;text-align:center;margin-top:22px!important;margin-bottom:14px!important;line-height:.98!important}.hero:after{content:"Find the places, flavours and experiences worth remembering.";max-width:330px;font-family:var(--font-body);letter-spacing:0;color:var(--text-faint);margin:12px auto 0;font-size:12px;font-weight:500;line-height:1.55;display:block}.searchRow{margin-bottom:6px!important}.searchRow .field-input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:48px;background:#ffffff09!important;border-color:#ffffff17!important}.pills-pos{justify-content:center;padding-top:15px!important;position:relative!important;left:auto!important}.pill{background:#ffffff0b!important;border-color:#ffffff13!important}.pillActive{background:var(--gradient)!important}.venue-grid{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(290px,380px))!important;gap:22px!important;padding-top:24px!important}.cardIdentity{min-height:58px;padding:1px 2px 2px}.client-logo-circle{background:radial-gradient(circle at 35% 25%,#3a281d,#161617 68%);border:1px solid #ffffff29;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden;box-shadow:0 0 0 4px #ff5c000b,0 10px 26px #0000004d}.client-logo-circle img{object-fit:cover;width:100%;height:100%}.client-logo-circle .material-symbols-outlined{color:var(--pink);font-size:23px}.cardName{line-height:1.05;font-size:18px!important}.cardKicker{margin-top:4px;font-size:9px!important}.rating{margin-left:auto;font-size:15px!important}.ratingStars{font-size:9px!important}.cardImageWrap{background:#111;border:1px solid #ffffff12;border-radius:18px;margin-top:10px;height:205px!important}.cardImage{transition:transform .7s var(--ease)}.surface-card:hover .cardImage{transform:scale(1.035)}.cardImageShade{background:linear-gradient(#0000 48%,#080809d1 100%)!important}.card-image-label{color:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;background:#0808097a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:11px}.card-image-label .material-symbols-outlined{color:var(--pink);font-size:13px}.cardDesc{color:var(--text-faint)!important;font-size:11.5px!important}.cardBottomRow{padding-top:2px}.reserveBtn{padding:9px 16px!important}.client-banner{background-position:50% 38%!important;border-radius:0!important;min-height:250px!important;margin:0!important}.client-banner:before{content:"";background:linear-gradient(180deg, #0a0a0a14 0%, #0a0a0a1f 42%, var(--bg) 100%), linear-gradient(90deg, var(--bg) -5%, transparent 28%, transparent 72%, var(--bg) 105%);z-index:0;position:absolute;inset:0}.client-banner:after{background:linear-gradient(180deg, transparent, var(--bg) 92%)!important;z-index:1!important;height:52%!important;inset:auto 0 -1px!important}.client-banner-overlay{z-index:3;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;bottom:18px!important;left:16px!important;right:16px!important}.client-banner-overlay img{box-shadow:0 0 0 5px #0003,0 10px 30px #00000061;border-radius:50%!important;width:54px!important;height:54px!important}.client-banner-overlay span{text-shadow:0 4px 20px #000;font-size:24px!important}.client-banner-overlay small{text-shadow:0 3px 12px #000}.modal-root{z-index:99999;position:relative}.modal-panel{width:min(430px,100vw - 24px)!important}.notification-center{padding-right:2px;gap:6px!important;max-height:58vh!important}.notification-row{background:#ffffff06!important;border-radius:15px!important;padding:12px!important}.notification-row.notification-unread{background:linear-gradient(90deg,#ff5c001c,#ffffff06)!important}.notification-icon{border-radius:50%!important}@keyframes ambientDrift{0%,to{transform:translate(0,0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(3deg)}}@media (width>=700px){.app-shell{margin:0 auto;max-width:1180px!important}.venue-grid{grid-template-columns:repeat(2,minmax(290px,380px))!important}}@media (width>=1100px){.app-shell{width:100%;margin:0;max-width:none!important}.venue-grid{grid-template-columns:repeat(3,minmax(290px,380px))!important}}@media (width<=420px){.header-tools{gap:3px!important}.language-switcher button{padding-left:7px!important;padding-right:7px!important}.header-icon-btn{width:32px!important;height:32px!important}.brandRow{gap:7px!important}.cardImageWrap{height:190px!important}}.sarbini-header{min-height:64px;padding:8px 12px}.sarbini-header-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1180px;margin:0 auto;display:flex}.sarbini-header-brand{align-items:center;gap:10px;min-width:0;display:flex}.sarbini-header-logo{background:var(--gradient-soft);border:1px solid #ff5c006b;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:0 6px 20px #ff5c0029}.sarbini-header-logo img{object-fit:cover;width:100%;height:100%}.sarbini-header-logo .material-symbols-outlined{color:var(--accent);font-size:20px}.sarbini-header-title{flex-direction:column;min-width:0;line-height:1.05;display:flex}.sarbini-header-title strong{color:var(--text);font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.sarbini-header-title span{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.sarbini-header-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.sarbini-notification-bell{background:var(--panel-raised);width:40px;height:40px;color:var(--text-dim);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);border-radius:50%;place-items:center;display:grid;position:relative}.sarbini-notification-bell:hover{color:var(--accent);background:var(--gradient-soft);border-color:#ff5c006b}.sarbini-notification-bell .material-symbols-outlined{font-size:19px}.sarbini-notification-badge{background:var(--pink);color:#fff;border:2px solid var(--bg);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:900;line-height:1;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 12px #ff5c0059}.notification-toast{z-index:100000;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:min(360px,100vw - 32px);animation:notificationToastIn .25s var(--ease) both;background:#18181af0;border:1px solid #ff5c0059;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;top:76px;right:16px;box-shadow:0 18px 50px #0006,0 0 0 1px #ff5c000f}.notification-toast-icon{background:var(--gradient-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:0 0 34px;place-items:center;font-size:18px;display:grid}.notification-toast-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-toast-copy strong{color:var(--text);font-size:11.5px}.notification-toast-copy span{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}@keyframes notificationToastIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sarbini-header-menu{border:1px solid var(--border-strong);background:var(--panel-raised);min-height:38px;color:var(--text-dim);box-shadow:var(--shadow-xs);border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;display:flex}.sarbini-header-menu:hover{color:var(--accent);background:var(--gradient-soft);border-color:#ff5c006b}.sarbini-header-menu .material-symbols-outlined{font-size:17px}.sarbini-header-menu .arrow{font-size:16px;transition:transform .2s}.sarbini-header-menu.is-open .arrow{transform:rotate(180deg)}.header-menu-modal{flex-direction:column;gap:14px;display:flex}.header-menu-identity{border:1px solid var(--border-soft);background:linear-gradient(135deg,var(--gradient-soft),#ffffff05);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.header-menu-avatar{background:var(--panel-high);border:1px solid #ff5c0073;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.header-menu-avatar img{object-fit:cover;width:100%;height:100%}.header-menu-identity strong{color:var(--text);font-size:15px;display:block}.header-menu-identity span{color:var(--text-faint);margin-top:4px;font-size:10px;display:block}.header-menu-section{flex-direction:column;gap:8px;display:flex}.header-menu-section-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.11em;padding:0 3px;font-size:9px;font-weight:900}.header-menu-language-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.header-menu-option{border:1px solid var(--border-soft);background:var(--panel);min-height:42px;color:var(--text-dim);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.header-menu-option.active{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 8px 20px #ff5c0038}.header-menu-option .material-symbols-outlined{font-size:15px}.header-menu-action{text-align:left;border:1px solid var(--border-soft);background:var(--panel);width:100%;min-height:56px;color:var(--text);border-radius:14px;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;padding:9px 10px;display:grid}.header-menu-action:hover:not(:disabled){background:var(--gradient-soft);border-color:#ff5c0059}.header-menu-action:disabled,.header-menu-action.disabled{opacity:.55;cursor:default}.header-menu-action-icon{background:var(--gradient-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;place-items:center;font-size:19px;display:grid}.header-menu-action strong{font-size:12px;font-weight:800;display:block}.header-menu-action small{color:var(--text-faint);margin-top:3px;font-size:9.5px;line-height:1.35;display:block}.header-tag-editor{grid-template-columns:1fr auto;gap:8px;display:grid}.header-tag-editor .field-input{background:var(--panel);width:100%;min-height:42px;color:var(--text);border:1px solid var(--border-strong);border-radius:12px;padding:0 12px}.header-save-btn{border:0;min-width:74px;padding:0 14px}.header-preview-note{background:var(--gradient-soft);color:var(--text-dim);border:1px solid #ff5c002e;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}.header-preview-note .material-symbols-outlined{color:var(--accent);font-size:17px}@media (width>=700px){.sarbini-header{padding:9px 20px}.sarbini-header-menu{justify-content:center;min-width:104px}}@media (width<=420px){.sarbini-notification-bell{width:36px;height:36px}.sarbini-header-actions{gap:5px}.notification-toast{width:calc(100vw - 20px);right:10px}}