@import "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap";:root{--coktl-orange:#ff7a4f;--coktl-orange-deep:#e8622e;--coktl-dark:#1d1d1d;--coktl-light:#f5f2ef;--coktl-teal:#8cdfc8;--coktl-sand:#dbd2cb;--coktl-dark-sand:#aa998f;--coktl-white:#fff;--bg-page:var(--coktl-light);--bg-surface:var(--coktl-white);--bg-surface-muted:var(--coktl-sand);--bg-inverse:var(--coktl-dark);--text-strong:var(--coktl-dark);--text-body:#1d1d1ddb;--text-muted:#1d1d1db3;--text-accent:var(--coktl-orange);--text-on-dark:var(--coktl-light);--text-on-dark-muted:#f5f2efbd;--border-default:#1d1d1d75;--border-subtle:#1d1d1d38;--border-on-dark:#f5f2ef38;--accent:var(--coktl-orange);--accent-hover:var(--coktl-orange-deep);--selection-bg:var(--coktl-teal);--selection-fg:var(--coktl-dark)}::selection{background:var(--selection-bg);color:var(--selection-fg)}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-ExtraBold-BpCOvBz5.woff2)format("woff2");font-weight:800 900;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Light-BzBwHoL5.woff2)format("woff2");font-weight:300 400;font-style:normal;font-display:swap}:root{--font-display:"Gilroy", "Raleway", system-ui, sans-serif;--font-body:"Raleway", system-ui, sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--fw-black:900;--text-hero:clamp(40px, 7vw, 96px);--text-display:clamp(32px, 4vw, 64px);--text-h1:clamp(28px, 3.2vw, 44px);--text-h2:clamp(22px, 2.4vw, 32px);--text-lead:19px;--text-base:16px;--text-sm:14px;--text-xs:13px;--text-label:11px;--tracking-display:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-label:0;--leading-tight:.92;--leading-snug:1.12;--leading-body:1.7;--display-stroke:.4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--gap-inline:8px;--pad-control:14px;--pad-card:36px;--pad-section-x:64px;--pad-section-y:100px;--maxw-content:1100px;--maxw-prose:440px;--radius-sm:5px;--radius-md:11px;--radius-lg:13px;--radius-full:100px;--radius-morph-dur:.3s;--radius-morph-ease:ease;--shadow-card:0 2px 10px #0000000d;--shadow-hover:0 6px 22px #00000017;--shadow-lift:0 16px 56px #00000047;--hairline:1.5px solid #1d1d1d4d;--hairline-subtle:1px solid #1d1d1d1f;--hairline-dark:1.5px solid #f5f2ef26;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--dur-fast:.2s;--dur-base:.4s;--dur-slow:.65s;--img-rest:grayscale(100%);--img-hover:grayscale(0%)}@keyframes coktl-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes coktl-fade-in{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}body{background:var(--coktl-light);color:var(--coktl-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}input,textarea,button,select{font-family:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);margin:0}.page{max-width:1600px;margin:0 auto;padding:32px 48px 100px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{font-size:var(--text-display);letter-spacing:-.03em}.logo{width:auto;height:48px;display:block}.btn{cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-full);border:none;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,opacity .2s;display:inline-flex}.btn-primary{background:var(--coktl-dark);color:var(--coktl-light)}.btn-primary:hover{background:var(--coktl-orange);color:var(--coktl-dark)}.btn-ghost{color:var(--coktl-dark);border:1.5px solid var(--border-default);background:0 0}.btn-ghost:hover{border-color:var(--coktl-dark);background:#1d1d1d0a}.btn-danger{color:#c1462f;background:0 0;border:1.5px solid #c1462f66}.btn-danger:hover{background:#c1462f14;border-color:#c1462f}.btn:disabled{opacity:.5;cursor:not-allowed}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.toolbar-group{flex-direction:column;gap:6px;display:flex}.toolbar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10.5px;font-weight:800}.pill-row{border-radius:var(--radius-full);background:#1d1d1d0d;gap:4px;padding:4px;display:flex}.pill{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 14px;font-size:12px;font-weight:800;transition:background .2s,color .2s}.pill:hover{background:#1d1d1d14}.pill.active{background:var(--coktl-dark);color:var(--coktl-light)}.gallery-grid{grid-template-columns:repeat(var(--cols,5), 1fr);gap:16px;display:grid}.gallery-tile{border-radius:var(--radius-md);cursor:pointer;aspect-ratio:1;box-shadow:var(--shadow-card);transition:border-radius .3s,box-shadow .3s,transform .2s;position:relative;overflow:hidden}.gallery-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.gallery-cover{font-family:var(--font-display);color:var(--coktl-dark);background-position:50%;background-size:cover;justify-content:center;align-items:center;font-size:26px;font-weight:900;display:flex;position:absolute;inset:0}.gallery-scrim{pointer-events:none;background:linear-gradient(#08070600,#080706e0);flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:absolute;inset:35% 0 0}.gallery-name{font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;line-height:1.25;overflow:hidden}.gallery-email{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11.5px;overflow:hidden}.icp-toggle{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;z-index:2;background:#1d1d1d52;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.icp-toggle.active{background:#ff7a4fe6}.client-list{flex-direction:column;gap:10px;display:flex}.client-row{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--coktl-white);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.client-row:hover{border-color:var(--coktl-dark);box-shadow:var(--shadow-card)}.client-row-avatar{object-fit:cover;width:40px;height:40px;font-family:var(--font-display);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.client-row-name{flex:1;min-width:120px;font-weight:700}.client-row-meta{color:var(--text-muted);flex:1;font-size:13px}.client-row-status{text-transform:uppercase;border-radius:var(--radius-full);background:#1d1d1d0f;padding:4px 10px;font-size:11px;font-weight:800}.client-row-status.active{background:#8cdfc866}.empty-state{text-align:center;color:var(--text-muted);padding:80px 20px}.overlay{z-index:100;background:#0e0d0c8c;position:fixed;inset:0}.drawer{background:var(--coktl-light);width:min(480px,100vw);height:100%;box-shadow:var(--shadow-lift);z-index:101;animation:coktl-drawer-in .3s var(--ease-smooth) both;flex-direction:column;display:flex;position:fixed;top:0;right:0}@keyframes coktl-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1.5px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.drawer-footer{border-top:1.5px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.close-btn{cursor:pointer;background:#1d1d1d0f;border:none;border-radius:50%;width:30px;height:30px;font-size:15px}.close-btn:hover{background:#1d1d1d1f}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-body);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.field-row{gap:12px;display:flex}.field-row>*{flex:1;min-width:0}.input,.textarea,.select{border:1.5px solid var(--border-subtle);width:100%;color:var(--coktl-dark);background:var(--coktl-white);border-radius:7px;padding:10px 13px;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--coktl-dark);outline:none;box-shadow:0 0 0 3px #1d1d1d0d}.textarea{resize:vertical;min-height:80px}.toggle{cursor:pointer;background:#1d1d1d24;border:none;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .25s;position:relative}.toggle.on{background:var(--coktl-orange)}.toggle-knob{background:var(--coktl-white);border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on .toggle-knob{transform:translate(16px)}.toggle-row{align-items:center;gap:10px;display:flex}.photo-upload{align-items:center;gap:14px;display:flex}.photo-preview{object-fit:cover;background:var(--coktl-sand);border-radius:10px;flex-shrink:0;width:64px;height:64px}.settings-section{border-bottom:1.5px solid var(--border-subtle);padding:28px 0}.settings-section:first-of-type{padding-top:0}.settings-title{font-family:var(--font-display);margin:0 0 4px;font-size:18px;font-weight:900}.settings-hint{color:var(--text-muted);margin:0 0 16px;font-size:13px}.color-row{flex-wrap:wrap;gap:20px;display:flex}.color-field{flex-direction:column;align-items:center;gap:8px;display:flex}.color-swatch{border:1.5px solid var(--border-subtle);cursor:pointer;border-radius:10px;width:44px;height:44px;padding:0}.color-field-label{color:var(--text-muted);text-align:center;font-size:11px}.font-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.font-card{border:1.5px solid var(--border-subtle);cursor:pointer;text-align:center;border-radius:8px;padding:14px 8px}.font-card.active{border-color:var(--coktl-dark);background:#1d1d1d0a}.slider-row{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.slider-labels{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.slider-input{width:100%}.repeat-card{border:1.5px solid var(--border-subtle);border-radius:9px;margin-bottom:12px;padding:16px;position:relative}.repeat-remove{cursor:pointer;background:#1d1d1d0f;border:none;border-radius:50%;width:24px;height:24px;position:absolute;top:10px;right:10px}.repeat-remove:hover{background:#1d1d1d24}.internal-badge{text-transform:uppercase;letter-spacing:.04em;color:#c1462f;border-radius:var(--radius-full);background:#c1462f1a;margin-left:8px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-block}.msg-shell{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--coktl-white);box-shadow:var(--shadow-card);height:calc(100vh - 220px);min-height:420px;display:flex;overflow:hidden}.msg-list{border-right:1.5px solid var(--border-subtle);flex-shrink:0;width:300px;overflow-y:auto}.msg-list-row{cursor:pointer;border-bottom:1.5px solid var(--border-subtle);align-items:center;gap:10px;padding:14px 16px;display:flex}.msg-list-row:hover{background:#1d1d1d0a}.msg-list-row.active{background:#ff7a4f1f}.msg-list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:700;overflow:hidden}.msg-unread-dot{background:var(--coktl-orange);border-radius:50%;flex-shrink:0;width:8px;height:8px}.msg-thread{flex-direction:column;flex:1;min-width:0;display:flex}.msg-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.msg-line{display:flex}.msg-line-me{justify-content:flex-end}.msg-bubble{border-radius:10px;max-width:65%;padding:10px 14px;font-size:14px;line-height:1.5}.msg-bubble-me{background:var(--coktl-dark);color:var(--coktl-light);border-bottom-right-radius:4px}.msg-bubble-them{color:var(--coktl-dark);background:#1d1d1d0d;border-bottom-left-radius:4px}.msg-scheduled-tag{opacity:.7;margin-top:4px;font-size:10.5px}.msg-input-wrap{border-top:1.5px solid var(--border-subtle);padding:12px 16px}.msg-input-row{align-items:flex-end;gap:8px;display:flex}.msg-input-row textarea{border:1.5px solid var(--border-subtle);resize:none;border-radius:10px;flex:1;min-height:42px;max-height:120px;padding:10px 12px;font-family:inherit;font-size:14px}.msg-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}@media (width<=1100px){.gallery-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=700px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important}.drawer{width:100vw}}.login-page{background:linear-gradient(160deg, var(--coktl-light) 0%, var(--coktl-sand) 55%, var(--coktl-light) 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-blob{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.login-blob-1{background:var(--coktl-orange);opacity:.45;width:520px;height:520px;top:-200px;left:-160px}.login-blob-2{background:var(--coktl-teal);opacity:.35;width:460px;height:460px;bottom:-200px;right:-140px}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);text-align:center;width:100%;max-width:460px;animation:coktl-fade-up .6s var(--ease-smooth) both;background:#ffffffb8;border:1.5px solid #ffffffb3;border-radius:17px;padding:56px 44px 44px;position:relative;box-shadow:0 40px 90px #1d1d1d2e}.login-logo{width:auto;height:150px;margin:0 auto 22px;display:block}.login-tagline{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);color:var(--coktl-dark);margin:0 0 38px;font-size:21px;line-height:1.35}.login-form input{text-align:center}.login-btn{justify-content:center;width:100%;margin-top:14px}.login-hint{color:var(--text-muted);margin:20px 0 0;font-size:12.5px}.login-error{color:#c1462f;margin:16px 0 0;font-size:13px}@media (width<=520px){.login-card{border-radius:14px;padding:44px 26px 34px}.login-logo{height:110px}.login-tagline{font-size:18px}.login-blob-1,.login-blob-2{width:320px;height:320px}}.app-footer{margin:60px 48px 24px}.app-footer-panel{background:var(--coktl-sand);border-radius:17px;padding:clamp(40px,5vw,56px) clamp(28px,4vw,48px) 110px}.app-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px 32px;display:grid}.app-footer-logo{width:auto;height:64px;margin-bottom:18px;display:block}.app-footer-tagline{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);color:var(--coktl-dark);max-width:28ch;margin:0 0 22px;font-size:16.5px;line-height:1.4}.app-footer-socials{gap:10px;display:flex}.app-footer-social{border:1.5px solid var(--border-default);width:34px;height:34px;color:var(--coktl-dark);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.app-footer-social:hover{background:var(--coktl-dark);color:var(--coktl-light);border-color:var(--coktl-dark)}.app-footer-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:800}.app-footer-links{flex-direction:column;gap:8px;margin-top:14px;font-size:15px;font-weight:600;display:flex}.app-footer-link{color:var(--coktl-dark);cursor:pointer;font:inherit;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:none;transition:color .15s}.app-footer-link:hover{color:var(--coktl-orange)}@media (width<=900px){.app-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.app-footer{margin:40px 20px 20px}.app-footer-grid{grid-template-columns:1fr}.app-footer-panel{border-radius:14px}}.app-switch{z-index:40;background:var(--coktl-dark);border-radius:var(--radius-full);width:min(420px,90vw);box-shadow:var(--shadow-lift);align-items:center;padding:5px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.app-switch-thumb{border-radius:var(--radius-full);background:var(--coktl-orange);width:calc(33.3333% - 3.34px);height:calc(100% - 10px);transition:transform .45s cubic-bezier(.65,0,.35,1);position:absolute;top:5px;left:5px}.app-switch-btn{z-index:1;border-radius:var(--radius-full);min-width:0;font-family:var(--font-body);text-transform:uppercase;cursor:pointer;color:var(--text-on-dark-muted);background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:12px 4px;font-size:12px;font-weight:800;transition:color .35s;display:flex;position:relative}.app-switch-btn.active{color:var(--coktl-dark)}.app-switch-btn:disabled{cursor:default;opacity:.45}.app-switch-dot{background:var(--coktl-teal);opacity:0;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .2s}.app-switch-dot.on{opacity:1}@media (width<=480px){.app-switch{width:auto;bottom:20px;left:20px;right:20px;transform:none}.app-switch-btn{padding-left:2px;padding-right:2px;font-size:10.5px}}.josette-btn{background:var(--coktl-orange);color:var(--coktl-dark);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:10px;padding:10px 10px 10px 18px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.josette-btn:hover{background:var(--coktl-orange-deep)}.josette-btn-badge{background:var(--coktl-dark);color:var(--coktl-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.account-menu{position:relative}.account-avatar{background:var(--coktl-dark);width:40px;height:40px;color:var(--coktl-light);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:900;transition:opacity .2s;display:flex}.account-avatar:hover{opacity:.85}.account-dropdown{background:var(--coktl-white);min-width:230px;box-shadow:var(--shadow-hover);border:1.5px solid var(--border-subtle);z-index:60;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.account-dropdown-name{color:var(--text-muted);border-bottom:1.5px solid var(--border-subtle);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;padding:8px 12px 10px;font-size:12.5px;overflow:hidden}.account-dropdown-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--coktl-dark);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;display:block}.account-dropdown-item:hover{background:#1d1d1d0f}.account-dropdown-item.danger{color:#c1462f}.account-dropdown-sep{background:var(--border-subtle);height:1.5px;margin:6px 4px}.josette-modal-overlay{z-index:200;background:#0e0d0c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.josette-modal{background:var(--coktl-light);width:100%;max-width:820px;max-height:88vh;box-shadow:var(--shadow-lift);animation:coktl-fade-up .35s var(--ease-smooth) both;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.josette-modal-header{border-bottom:1.5px solid var(--border-subtle);flex-shrink:0;align-items:flex-start;gap:16px;padding:28px 60px 24px 28px;display:flex;position:relative}.josette-modal-logo{border-radius:50%;flex-shrink:0;width:52px;height:52px}.josette-modal-title{font-family:var(--font-display);margin:4px 0 6px;font-size:20px;font-weight:900}.josette-modal-subtitle{color:var(--text-body);margin:0;font-size:13.5px;line-height:1.5}.josette-modal-close{position:absolute;top:22px;right:22px}.josette-modal-settings{border-bottom:1.5px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;gap:16px;padding:20px 28px;display:flex}.josette-days,.josette-email-toggle{background:#1d1d1d0a;border-radius:12px;flex:1;min-width:240px;padding:14px 16px}.josette-email-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.josette-days-label{margin-bottom:10px;font-size:13px;font-weight:600}.josette-days-row{flex-wrap:wrap;gap:4px;display:flex}.josette-day-pill{border-radius:var(--radius-full);font-family:var(--font-body);text-transform:uppercase;cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:7px 10px;font-size:11px;font-weight:800}.josette-day-pill.active{background:var(--coktl-dark);color:var(--coktl-light)}.josette-modal-body{flex-direction:column;flex:1;gap:16px;padding:24px 28px 28px;display:flex;overflow-y:auto}.josette-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.josette-card{background:var(--coktl-dark);color:var(--coktl-light);border-radius:14px;flex-shrink:0;padding:20px 22px}.josette-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.josette-card-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:#f5f2ef1f;padding:4px 10px;font-size:10.5px;font-weight:800}.josette-card-date{color:var(--text-on-dark-muted);white-space:nowrap;font-size:11.5px}.josette-card-name{color:var(--coktl-orange);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:12px;font-weight:800}.josette-card-title{margin:0 0 6px;font-size:16px;font-weight:800}.josette-card-desc{color:var(--text-on-dark-muted);margin:0 0 16px;font-size:13.5px;line-height:1.5}.josette-draft{background:#00000040;border-radius:10px;margin-bottom:14px;padding:12px 14px}.josette-draft-label{text-transform:uppercase;color:var(--text-on-dark-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10.5px;font-weight:800;display:flex}.josette-draft-copy{color:var(--text-on-dark-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.josette-draft-copy:hover{color:var(--coktl-light)}.josette-draft-text{margin:0;font-size:13.5px;line-height:1.5}.josette-card-actions{gap:10px;display:flex}.josette-card-actions .btn-primary{background:var(--coktl-orange);color:var(--coktl-dark);flex:1;justify-content:center}.josette-card-actions .btn-primary:hover{background:var(--coktl-orange-deep)}@media (width<=640px){.josette-modal-header{padding:24px 52px 20px 20px}.josette-modal-settings{padding:16px 20px}.josette-modal-body{padding:20px}}.tiles-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tile{border-radius:var(--radius-md);cursor:pointer;text-align:left;border:none;flex-direction:column;justify-content:flex-end;min-height:190px;padding:28px 24px;font-family:inherit;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tile-white{background:var(--coktl-white)}.tile-sand{background:var(--coktl-sand)}.tile-orange{background:var(--coktl-orange)}.tile-title{font-family:var(--font-display);color:var(--coktl-dark);margin:0 0 6px;font-size:19px;font-weight:900}.tile-desc{color:var(--text-body);margin:0;font-size:13.5px}.tile-orange .tile-desc{color:#1d1d1dbf}.tile-arrow{background:#fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:16px;right:16px}.tile.is-disabled{cursor:default;opacity:.55}.tile.is-disabled:hover{box-shadow:none;transform:none}@media (width<=1100px){.tiles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.tiles-grid{grid-template-columns:1fr}}