.artwork-signature{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;width:100%;min-width:0;padding:12px 18px;background:#fff;color:var(--muted);font-family:Geist,Arial,sans-serif;font-size:clamp(10px,1.6vw,12px);line-height:1.2;text-align:left}.artwork-signature strong{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:500;white-space:nowrap}.artwork-signature .brand-mark{width:16px;height:18px;flex:0 0 16px;color:var(--primary)}.artwork-signature>span{white-space:nowrap;font-weight:450;letter-spacing:-.02em}.painting-easel>.artwork-signature{position:relative;z-index:1}.artwork-open>span{top:12px;bottom:auto}.artwork-export-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.finished-art .artwork-export-actions .button{margin:0}.artwork-export-status{margin:12px 0 0;text-align:center;font-size:14px;color:var(--muted)}@media (max-width:360px){.artwork-signature{gap:6px;padding:10px;font-size:10px}}.studio-music{display:flex;align-items:center;gap:3px;flex:0 0 auto}.music-choice,.music-mute{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:12px;background:var(--surface-muted);color:var(--ink);transition:background .18s ease,transform .18s ease}.music-choice{padding:0 12px;font-size:13px;font-weight:560;white-space:nowrap}.music-mute{width:44px;padding:0;background:transparent}.music-choice:hover,.music-mute:hover{background:var(--surface-hover)}.music-mute[aria-pressed=true]{color:var(--muted)}.music-choice .ui-icon,.music-mute .ui-icon{width:20px;height:20px;flex:0 0 auto}.modal:has(.music-moods){width:min(560px,calc(100vw - 24px))}.music-now-playing{display:flex;align-items:center;gap:15px;padding:22px 18px;border-radius:14px;background:var(--primary);color:#fff}.music-record{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;box-shadow:inset 0 0 0 7px #ffffff09,inset 0 0 0 8px #ffffff15}.music-now-playing>div{display:grid;gap:6px;flex:1 1;min-width:0}.music-now-playing small{font-size:9px;letter-spacing:.16em;color:#ffffffb8}.music-now-playing strong{font-size:17px;font-weight:550}.music-now-playing div>span{font-size:11px;line-height:1.5;color:#ffffffb8}.music-now-playing .icon-button{color:white;background:#ffffff18;border-radius:50%;flex:0 0 40px}.music-list-heading{display:flex;justify-content:space-between;padding:23px 14px 10px;color:var(--muted);font-size:10px;letter-spacing:.13em}.music-moods{display:grid;max-height:min(42vh,400px);overflow-y:auto;overscroll-behavior:contain}.modal .music-mood{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;min-height:70px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .18s}.modal .music-mood.selected,.modal .music-mood:hover{background:var(--surface-muted)}.modal .music-mood.selected{box-shadow:inset 3px 0 var(--primary)}.modal .music-mood input{position:absolute;min-height:0;padding:0;border:0;clip-path:inset(50%);width:1px;height:1px;opacity:0}.music-mood:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:-2px}.music-mood-symbol{flex:0 0 24px;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.music-mood-copy{display:grid;gap:5px;flex:1 1;min-width:0}.music-mood-copy strong{font-size:14px;font-weight:550;color:var(--ink)}.music-mood-copy>span{font-size:11px;line-height:1.4;color:var(--muted)}.music-tempo{display:grid;gap:3px;text-align:right;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.music-tempo small{font-size:8px;letter-spacing:.06em}.music-volume{margin-top:25px}.modal .music-volume label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:580}.music-volume label span{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modal .music-volume input{padding:0;border:0;background:transparent;width:100%;min-height:30px;accent-color:var(--primary)}.music-preference-note{margin-top:15px;font-size:13px;line-height:1.5;color:var(--muted)}@media (max-width:599px){.music-choice{width:44px;padding:0}.music-choice>span{display:none}.studio-music{gap:0}}@media (prefers-reduced-motion:reduce){.modal .music-mood,.music-choice,.music-mute{transition:none}}.drink-illustration{display:block;width:100%;height:100%;overflow:visible}.drink-fluid-level{transform:translateY(var(--liquid-y));transition:transform .6s cubic-bezier(.22,1,.36,1)}.drink-fluid-wave{transform-origin:210px 0}.drink-surface-ring{opacity:0;transform-box:fill-box;transform-origin:center}.drink-vessel{transform-origin:210px 400px}.modal:has(.sip-takeover){width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:auto;background:var(--white);box-shadow:none}.modal:has(.sip-takeover)::backdrop{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}.modal:has(.sip-takeover)>.modal-heading{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));margin:0}.modal:has(.sip-takeover)>.modal-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.modal:has(.sip-takeover)>.modal-heading .icon-button{background:var(--surface-muted)}.sip-takeover{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:100dvh;padding:max(58px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));color:var(--ink);background:var(--white);text-align:center;isolation:isolate}.sip-scene{align-self:center;width:min(100%,600px);margin:0 auto}.sip-copy h3{margin:0;font-size:clamp(30px,6vw,50px);line-height:1.1;font-weight:600;letter-spacing:-.055em}.modal .sip-copy p{margin:12px 0 0;color:var(--muted);font-size:16px}.sip-glass-stage{position:relative;width:min(88vw,420px,42dvh);aspect-ratio:420/480;margin:8px auto 0}.sip-coaster{position:absolute;z-index:-1;bottom:9%;left:15%;width:70%;height:12%;border-radius:50%;background:var(--surface-muted)}.sip-return{display:grid;justify-items:center;gap:16px;padding-top:12px}.modal .sip-return p{margin:0;color:var(--muted);font-size:13px}.sip-progress{width:112px;height:3px;overflow:hidden;border-radius:8px;background:var(--surface-hover)}.sip-progress>span{display:block;width:100%;height:100%;background:var(--primary);transform-origin:left;animation:sip-progress var(--sip-duration) linear both}.sip-return .button{min-height:48px;padding:12px 22px;font-size:15px}.sip-takeover:not(.sip-reduced) .drink-vessel{animation:sip-lift var(--sip-duration) cubic-bezier(.45,0,.2,1) both}.sip-takeover:not(.sip-reduced) .drink-fluid-level{animation:sip-liquid-level var(--sip-duration) ease-in-out both}.sip-takeover:not(.sip-reduced) .drink-fluid-wave{animation:sip-wave var(--sip-duration) ease-in-out both}.sip-takeover:not(.sip-reduced) .drink-surface-ring{animation:sip-ripple var(--sip-duration) ease-out both}.sip-takeover:not(.sip-reduced) .drink-surface-ring-two{animation-delay:.13s}.sip-takeover:not(.sip-reduced) .drink-bubble{animation:sip-bubble var(--sip-duration) ease-out both}.drink-bubble-two{animation-delay:.15s}.drink-bubble-three{animation-delay:.28s}.drink-clink{opacity:0;transform-origin:331px 45px}.sip-takeover:not(.sip-reduced) .drink-clink{animation:sip-clink var(--sip-duration) ease-out both}.sip-takeover:not(.sip-reduced) .drink-ground-shadow{transform-origin:210px 427px;animation:sip-shadow var(--sip-duration) ease-in-out both}.sip-reduced .drink-fluid-level{transition:none}@keyframes sip-lift{0%,to{transform:translateY(0) rotate(0) scale(1)}23%{transform:translateY(-26px) rotate(5deg) scale(1.045)}40%,52%{transform:translateY(-42px) rotate(-16deg) scale(1.07)}72%{transform:translateY(-8px) rotate(3deg) scale(1.02)}87%{transform:translateY(0) rotate(-1deg) scale(1)}}@keyframes sip-liquid-level{0%,30%{transform:translateY(var(--liquid-from))}64%,to{transform:translateY(var(--liquid-to))}}@keyframes sip-wave{0%,to{transform:rotate(0) translateX(0)}25%{transform:rotate(-7deg) translateX(-7px)}43%{transform:rotate(13deg) translateX(9px)}62%{transform:rotate(-6deg) translateX(-8px)}78%{transform:rotate(3deg) translateX(4px)}91%{transform:rotate(-1deg) translateX(-2px)}}@keyframes sip-ripple{0%,60%{opacity:0;transform:scale(.4)}67%{opacity:.8;transform:scale(.8)}94%,to{opacity:0;transform:scale(3.8)}}@keyframes sip-clink{0%,23%,48%,to{opacity:0;transform:scale(.7)}30%{opacity:.6;transform:scale(1.05)}39%{opacity:.25;transform:scale(1.3)}}@keyframes sip-shadow{0%,to{opacity:1;transform:scaleX(1)}40%,52%{opacity:.45;transform:scaleX(.8)}}@keyframes sip-bubble{0%,30%{opacity:.4;transform:translateY(0)}64%,to{opacity:0;transform:translateY(-42px)}}@keyframes sip-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-height:540px) and (min-aspect-ratio:4/3){.sip-takeover{grid-template-columns:1fr auto;grid-template-rows:1fr;align-items:center;padding-inline:10vw;gap:24px}.sip-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center}.sip-glass-stage{width:min(44dvh,260px)}.sip-copy h3{font-size:30px}.sip-return{padding-top:0}}@media (prefers-reduced-motion:reduce){.sip-progress>span,.sip-takeover .drink-bubble,.sip-takeover .drink-clink,.sip-takeover .drink-fluid-level,.sip-takeover .drink-fluid-wave,.sip-takeover .drink-ground-shadow,.sip-takeover .drink-surface-ring,.sip-takeover .drink-vessel{animation:none!important;transition:none!important}}.canvas-menu-options{display:grid;gap:8px;margin-top:16px}.canvas-menu-options>button{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:14px 18px;border:0;border-radius:14px;text-align:left;color:var(--ink);background:var(--surface-muted);font:inherit}.canvas-menu-options>button:hover{background:var(--surface-hover)}.canvas-menu-options>button:disabled{opacity:.45}.saved-sketch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.saved-sketch-card{min-width:0;padding:0;text-align:left;border:0;background:transparent;color:inherit}.saved-sketch-card canvas{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:12px}.saved-sketch-card small,.saved-sketch-card strong{display:block;padding-top:7px}.saved-sketch-card small{color:var(--muted);font-size:.78rem}.saved-sketch-card[aria-current=true] strong{color:var(--primary)}.saved-sketch-pages{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:24px;padding-top:8px}.saved-sketch-pages .button{min-width:0;min-height:44px;padding:10px 12px;font-size:14px}.saved-sketch-pages>span{color:var(--muted);text-align:center;font-size:14px;line-height:1.4}.sketchbook-heading-actions{display:flex;align-items:center;gap:8px}.round-history .gallery-page{padding:18px 0 0;min-height:0}.round-history .reveal-heading{display:none}.round-history label{display:flex;flex-direction:row;align-items:center;gap:14px}.round-history select{flex:1 1}@media (min-width:680px){.saved-sketch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.canvas-heading.studio-canvas-toolbar{grid-template-columns:minmax(0,1fr);gap:6px}.canvas-heading.studio-canvas-toolbar .canvas-actions{justify-self:end}.canvas-heading.studio-canvas-toolbar h2{-webkit-line-clamp:1}.sketchbook-heading-actions{justify-self:end;align-self:center;grid-column:2}}.saved-sketch-item{min-width:0}.saved-sketch-item .saved-sketch-card{width:100%}.saved-sketch-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.saved-sketch-actions .text-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;min-height:44px}.sketch-delete-confirm{padding:12px;border:1px solid var(--line);border-radius:10px}.sketch-delete-confirm p{font-size:12px}.sketch-delete-confirm .button{font-size:12px;margin:3px;padding:8px 10px}.studio-drink-menu{display:flex;flex:0 0 auto}.drink-menu-trigger{position:relative}.drink-current{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%}.drink-dialog{display:grid;gap:20px}.drink-options{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;border-radius:14px;background:var(--surface-muted);isolation:isolate}.drink-options:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:10px;background:var(--surface-hover);transform:translateX(calc(var(--drink-choice, 0) * 100%));transition:transform .3s cubic-bezier(.22,1,.36,1)}.drink-choice{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;padding:10px 6px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:13px;line-height:1.3;transition:color .18s ease}.drink-choice>span{flex:0 0 8px;width:8px;height:8px;border-radius:50%}.drink-choice[aria-pressed=true]{color:var(--primary);font-weight:650}.drink-choice:hover{color:var(--ink)}.virtual-glass{justify-self:center;padding:0;width:min(210px,58vw);height:auto;aspect-ratio:420/480;background:transparent;border:0;border-radius:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.virtual-glass .drink-illustration{animation:drink-pour-in .36s ease both}@keyframes drink-pour-in{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.drink-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.drink-dialog-footer>span{font-size:14px;color:var(--muted)}.drink-dialog-footer .button{font-size:14px}.drink-dialog-footer .button svg{width:20px;height:20px}.modal p.drink-caption{margin:0;text-align:center;font-size:13px;color:var(--muted)}.treat-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.colour-challenge{display:flex;justify-content:flex-start;margin-top:10px}.challenge-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;color:var(--muted);border:0;border-radius:12px;background:transparent;font-size:13px}.challenge-trigger:hover{color:var(--ink);background:var(--surface-muted)}.challenge-trigger svg{width:19px;height:19px}.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.prompt-heading h3{font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.035em}.prompt-colours{display:flex;gap:12px;align-items:center;margin:22px 0}.prompt-colours button{width:56px;height:56px;flex:0 0 56px;border:0;border-radius:50%;cursor:pointer;transition:transform .15s}.prompt-colours button:hover:not(:disabled){transform:translateY(-2px)}.modal p.challenge-hint{font-size:14px;color:var(--muted);margin-bottom:0}@media (prefers-reduced-motion:reduce){.drink-choice,.drink-fluid-level,.drink-options:before,.prompt-colours button{transition:none}.virtual-glass .drink-illustration{animation:none}}.canvas-heading.studio-canvas-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:8px}.canvas-heading.studio-canvas-toolbar .canvas-actions{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;width:auto;gap:6px;margin:0}.canvas-heading.studio-canvas-toolbar .canvas-actions>.icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:12px}.canvas-heading.studio-canvas-toolbar h2{margin:0;font-size:20px;line-height:1.25}.canvas-heading.studio-canvas-toolbar .canvas-toolbar-copy{min-width:0}.canvas-heading.studio-canvas-toolbar .canvas-toolbar-copy>span{font-size:13px;line-height:1.4;margin-top:5px}.zoom-controls .icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:10px;background:transparent}.zoom-controls .icon-button>svg{width:20px;height:20px}@media (max-width:599px){.canvas-heading.studio-canvas-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.canvas-heading.studio-canvas-toolbar h2{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canvas-heading.studio-canvas-toolbar .canvas-toolbar-copy>span{display:none}.canvas-heading.studio-canvas-toolbar .canvas-actions{gap:4px}.sketchbook-heading>.icon-button{justify-self:end;align-self:center;width:44px;height:44px;min-height:44px;grid-column:2;grid-row:2}}