:root{--black:#1a1a1a;--gold:#c8a96e;--gold-dim:#a08855;--cream:#f7f3ec;--white:#fff;--text-muted:#888;--font-serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--black);height:100%;color:var(--white);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden}button,input,select,textarea{color:inherit;font-family:inherit}.screen{background:var(--black);-webkit-overflow-scrolling:touch;flex-direction:column;display:none;position:fixed;inset:0;overflow-y:auto}.screen.active{display:flex}#home{background:radial-gradient(ellipse at top, #c8a96e1a, transparent 60%), var(--black);justify-content:safe center;align-items:center;gap:clamp(18px,3.2vh,34px);padding:clamp(18px,3vh,36px) 30px}.brand{text-align:center;margin-bottom:0}.brand-logo{letter-spacing:14px;color:var(--white);padding-left:14px;font-size:clamp(58px,8.5vh,88px);font-weight:400;line-height:1}.brand-divider{background:var(--gold);width:120px;height:2px;margin:clamp(10px,1.6vh,18px) auto}.brand-sub{color:var(--gold);letter-spacing:2px;font-size:clamp(16px,2.2vh,20px);font-style:italic}.brand-meta{color:var(--text-muted);letter-spacing:1px;margin-top:clamp(6px,1vh,10px);font-size:clamp(12px,1.55vh,14px);line-height:1.7}.pricing-card{border:1px solid var(--gold);text-align:center;background:linear-gradient(135deg,#c8a96e24,#c8a96e0a);border-radius:14px;width:100%;max-width:440px;margin-top:0;padding:clamp(14px,2.2vh,20px) 36px clamp(14px,2.2vh,22px);position:relative;box-shadow:0 0 28px #c8a96e1f}.pricing-tag{color:var(--gold);letter-spacing:5px;margin-bottom:clamp(6px,1vh,10px);font-size:clamp(10px,1.4vh,12px)}.pricing-amount{color:var(--white);letter-spacing:1px;font-size:clamp(48px,7vh,68px);line-height:1}.pricing-amount .dollar{color:var(--gold);vertical-align:top;letter-spacing:0;margin-right:2px;font-size:clamp(28px,4.2vh,40px);position:relative;top:clamp(6px,1vh,10px)}.pricing-sub{color:#c9c9c9;letter-spacing:3px;margin-top:clamp(6px,1vh,10px);font-size:clamp(10px,1.3vh,11px);font-style:italic}.barbers{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vh,28px);width:100%;max-width:820px;margin-top:0;display:grid}.barbers:not(:has(>:nth-child(2))){grid-template-columns:1fr}:is(.barbers:has(>:nth-child(3)):not(:has(>:nth-child(4))),.barbers:has(>:nth-child(5))){grid-template-columns:repeat(3,1fr)}.barber-card{text-align:center;cursor:pointer;background:#232323;border:1px solid #c8a96e59;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(22px,3.4vh,36px) 24px;transition:transform .12s,border-color .12s,background .12s;display:flex}.barber-card:active{border-color:var(--gold);background:#2a2a2a;transform:scale(.97)}.avatar{background:var(--gold);width:clamp(90px,13vh,132px);height:clamp(90px,13vh,132px);color:var(--black);letter-spacing:2px;border:3px solid var(--gold);box-shadow:0 0 0 3px var(--black), 0 0 0 4px #c8a96e66;border-radius:50%;justify-content:center;align-items:center;margin-bottom:clamp(12px,1.8vh,18px);font-size:clamp(32px,4.8vh,44px);font-weight:700;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar.sm{width:56px;height:56px;box-shadow:0 0 0 2px var(--black), 0 0 0 3px #c8a96e66;border-width:2px;flex-shrink:0;margin-bottom:0;font-size:20px}.barber-name{margin-bottom:6px;font-size:clamp(22px,3.4vh,30px)}.barber-handle{color:var(--gold);margin-bottom:clamp(10px,1.6vh,16px);font-size:clamp(14px,2vh,17px);font-style:italic}.barber-cta{color:var(--text-muted);letter-spacing:2px;margin-top:8px;font-size:clamp(12px,1.6vh,14px)}.home-footer{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:0;display:flex}.pill{border:1px solid var(--gold);color:var(--gold);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:999px;padding:14px 28px;font-size:16px;transition:background .12s,color .12s}.pill:active{background:var(--gold);color:var(--black)}.pill-cta{flex-direction:column;align-items:center;gap:4px;padding:clamp(12px,1.8vh,16px) clamp(28px,5vw,44px);line-height:1.2;display:inline-flex}.pill-cta .pill-q{letter-spacing:.5px;opacity:.9;text-transform:none;font-size:clamp(14px,1.9vh,16px);font-style:italic}.pill-cta .pill-a{letter-spacing:4px;font-size:clamp(15px,2.1vh,17px);font-weight:700}.profile-header{z-index:10;background:var(--black);border-bottom:1px solid #c8a96e40;align-items:center;gap:16px;padding:18px 22px;display:flex;position:sticky;top:0}.back-btn{border:1px solid var(--gold);color:var(--gold);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:999px;padding:12px 22px;font-size:17px}.back-btn:active{background:var(--gold);color:var(--black)}.profile-title{flex:1;align-items:center;gap:14px;min-width:0;font-size:26px;display:flex}.profile-title .profile-name-text{min-width:0}.profile-title .handle{color:var(--gold);overflow-wrap:anywhere;margin-left:10px;font-size:17px;font-style:italic}.profile-body{width:100%;max-width:1100px;margin:0 auto;padding:28px 22px 60px}.book-block{background:#232323;border:1px solid #c8a96e40;border-radius:14px;align-items:center;gap:28px;margin-bottom:32px;padding:24px;display:flex}.book-text{flex:1}.book-text h2{color:var(--gold);margin-bottom:8px;font-size:26px}.book-text p{color:#ccc;font-size:16px;line-height:1.5}.book-text .book-url{color:var(--text-muted);word-break:break-all;margin-top:10px;font-size:13px}.qr-box{background:var(--white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;padding:12px;display:flex}.qr-box img,.qr-box svg,.qr-box canvas{width:100%;height:100%;display:block}.section-title{color:var(--gold);letter-spacing:3px;border-bottom:1px solid #c8a96e40;margin-bottom:16px;padding-bottom:8px;font-size:14px}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.gallery .cell{aspect-ratio:1;cursor:pointer;background:#111;border-radius:8px;transition:transform .12s;overflow:hidden}.gallery .cell:active{transform:scale(.97)}.gallery .cell img{object-fit:cover;width:100%;height:100%;display:block}.empty-gallery{color:var(--text-muted);text-align:center;border:1px dashed #c8a96e40;border-radius:12px;padding:60px 20px}.empty-gallery code{color:var(--gold);background:#232323;border-radius:4px;padding:3px 8px;font-size:14px}#lightbox{z-index:100;background:#000000f2;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}#lightbox.active{display:flex}#lightbox img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.lightbox-close{color:var(--white);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;width:52px;height:52px;font-size:26px;position:absolute;top:22px;right:22px}.lightbox-nav{color:var(--white);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;width:62px;height:62px;font-size:30px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:22px}.lightbox-nav.next{right:22px}#signup .form-wrap{width:100%;max-width:720px;margin:0 auto;padding:28px 22px 60px}#signup h2{margin-bottom:8px;font-size:34px}#signup p.sub{color:#ccc;margin-bottom:26px;font-size:17px}.field{margin-bottom:18px}.field label{color:var(--gold);letter-spacing:2px;margin-bottom:8px;font-size:14px;display:block}.field input[type=text],.field input[type=tel]{width:100%;color:var(--white);background:#232323;border:1px solid #c8a96e59;border-radius:10px;padding:18px;font-family:Georgia,serif;font-size:20px}.field input:focus{border-color:var(--gold);outline:none}.radio-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.radio-row label{color:var(--white);text-align:center;cursor:pointer;letter-spacing:1px;background:#232323;border:1px solid #c8a96e4d;border-radius:10px;padding:20px 10px;font-size:18px}.radio-row input{display:none}.radio-row input:checked+span{color:var(--black)}.radio-row label:has(input:checked){background:var(--gold);border-color:var(--gold);color:var(--black)}.submit-btn{background:var(--gold);width:100%;color:var(--black);letter-spacing:4px;cursor:pointer;border:none;border-radius:10px;margin-top:14px;padding:22px;font-size:22px}.submit-btn:active{background:var(--gold-dim)}.success-card{text-align:center;border:1px solid var(--gold);background:#232323;border-radius:14px;padding:60px 30px}.success-card .check{color:var(--gold);margin-bottom:16px;font-size:72px}.success-card h2{margin-bottom:10px;font-size:32px}.success-card p{color:#ccc;font-size:18px}#admin{z-index:200;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#admin.active{display:flex}.admin-card{border:1px solid var(--gold);background:#232323;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;padding:26px;display:flex}.admin-head{border-bottom:1px solid #c8a96e4d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.admin-head h2{color:var(--gold);font-size:22px}.admin-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.btn-mini{border:1px solid var(--gold);color:var(--gold);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:8px;padding:10px 18px;font-size:14px}.btn-mini.danger{color:#d77;border-color:#a33}.entries{-webkit-overflow-scrolling:touch;border:1px solid #ffffff14;border-radius:8px;overflow-y:auto}.entry-row{border-bottom:1px solid #ffffff0f;grid-template-columns:40px 1.5fr 1.3fr 1fr 1.2fr 40px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:grid}.entry-row.head{color:var(--gold);letter-spacing:2px;background:#c8a96e14;font-size:12px}.entry-row .time{color:var(--text-muted);font-size:12px}.entry-row.done .name,.entry-row.done .phone,.entry-row.done .barber,.entry-row.done .time{opacity:.5;text-decoration:line-through}.check-cell,.remove-cell{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:background .12s,border-color .12s,color .12s;display:flex}.check-cell{color:#0000;border:1.5px solid #c8a96e66;font-size:16px}.entry-row.done .check-cell{background:var(--gold);border-color:var(--gold);color:var(--black)}.check-cell:active{background:#c8a96e40}.remove-cell{color:#d77;border:1.5px solid #b43c3c80;font-size:18px;line-height:1}.remove-cell:active{color:#fff;background:#b43c3c33}.empty-admin{text-align:center;color:var(--text-muted);padding:40px}.hidden{display:none!important}@media (width<=720px){.brand-logo{letter-spacing:8px;font-size:56px}#home .barbers{grid-template-columns:1fr}.book-block{text-align:center;flex-direction:column}.gallery{grid-template-columns:repeat(2,1fr)}}@media (height<=430px) and (orientation:landscape){#home{gap:8px;padding:8px 24px}.brand-logo{font-size:30px}.brand-divider{margin:4px auto}.brand-sub{font-size:13px}.brand-meta{display:none}.avatar{width:52px;height:52px;margin-bottom:6px;font-size:18px}.barber-card{padding:12px 16px}.barber-name{font-size:16px}.barber-handle{margin-bottom:4px;font-size:12px}.pricing-card{padding:8px 24px}.pricing-amount{font-size:30px}}