/* Julia's quiet, opt-in guide. All imagery and responses are local. */
.nail-pattern{position:absolute;inset:-80px;background:url('/assets/nail-pattern.svg') repeat;background-size:520px 440px;opacity:.13;animation:nail-float 32s ease-in-out infinite alternate;pointer-events:none}
@keyframes nail-float{from{transform:translate3d(-12px,10px,0) rotate(-1deg)}to{transform:translate3d(22px,-30px,0) rotate(1deg)}}
.concierge{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;line-height:1.5;font-family:Arial,Helvetica,sans-serif}
.concierge-launcher{display:flex;align-items:center;gap:9px;padding:0;background:transparent;border-radius:40px;position:relative}
.concierge-avatar{width:76px;height:86px;display:block;position:relative;background:linear-gradient(150deg,#f9e5ef,#e1cbe7);border:1px solid #d4acc7;border-radius:40px 40px 24px 24px;box-shadow:0 4px 22px #53314a20;overflow:hidden}
.concierge-avatar img{height:86px;width:76px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 2px #63395419)}
.concierge-launcher-label{background:#fffdfbf2;border:1px solid #e3cfdd;border-radius:20px 20px 4px 20px;padding:8px 12px;font-size:11px;color:#633954;box-shadow:0 3px 14px #53314a0d}
.concierge-hide{position:absolute;right:-5px;top:-9px;background:#fffdfb;border:1px solid #dec9d6;border-radius:50%;width:23px;height:23px;font:17px Arial;color:#79516d;z-index:1}
.concierge.compact .concierge-avatar,.concierge.compact .concierge-launcher-label,.concierge.compact .concierge-hide{display:none}
.concierge-mini{display:none;background:#fffdfbf2;color:#633954;border:1px solid #d4acc7;border-radius:20px;padding:8px 14px;font-size:11px}
.concierge.compact .concierge-mini{display:block}
.concierge-panel{position:absolute;right:0;bottom:100px;width:340px;max-height:min(550px,calc(100dvh - 145px));background:#fffafc;border:1px solid #dac0d3;border-radius:20px;box-shadow:0 15px 60px #49304030;overflow:auto;overscroll-behavior:contain;padding:20px}
.concierge.compact .concierge-panel{bottom:48px}
.concierge-panel-header{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid #ebdce5}
.concierge-panel-header img{width:49px;height:55px;object-fit:contain;background:#f2e5ee;border-radius:25px}
.concierge-panel-header h2{font:23px Georgia,serif;letter-spacing:-.5px;margin:0}.concierge-panel-header small{display:block;font-size:10px;color:#8b6a80;margin-top:3px}
.concierge-close{margin-left:auto;align-self:flex-start;font:24px Arial;background:none;padding:0 4px;color:#79516d}
.concierge-panel p{font-size:12px;margin-top:14px;color:#745c6e}.concierge-intro{color:#503448!important}
.concierge-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.concierge-choices button{font-size:11px;text-align:left;padding:11px;background:#f3e7f0;border:1px solid #ead7e4;border-radius:10px;color:#633954}
.concierge-choices button:hover{background:#ead7e4}.concierge-answer{margin-top:14px;background:#fff;border-left:3px solid #bb8eaf;padding:12px;border-radius:4px 10px 10px 4px;font-size:12px;color:#53364c;white-space:pre-line}
.concierge-answer:empty{display:none}.concierge-go{display:inline-block;margin-top:11px;color:#633954;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.concierge-question{margin-top:17px}.concierge-question label{font-size:11px;font-weight:400;color:#795d70}.concierge-input-row{display:flex;gap:7px;align-items:center;margin-top:6px}.concierge-input-row input{font-size:12px;min-width:0;margin:0;padding:10px 11px;border-color:#dec9d6}.concierge-input-row button{flex-shrink:0;width:37px;height:39px;background:#633954;color:white;border-radius:9px;font-size:19px}
.concierge-motion{font-size:10px;text-decoration:underline;text-underline-offset:3px;background:none;color:#87667b;margin-top:15px;padding:4px 0}
.concierge-note{font-size:10px!important;margin-top:9px!important;color:#927c8b!important}
body:has(dialog[open]) .concierge{visibility:hidden;pointer-events:none}
footer{padding-bottom:115px}
html.calm-mode .ambient,html.calm-mode .ambient *,html.calm-mode .ambient:before,html.calm-mode .ambient:after{animation:none!important}
@media(max-width:600px){.concierge{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.concierge-avatar{width:59px;height:68px;border-radius:31px 31px 19px 19px}.concierge-avatar img{width:59px;height:68px}.concierge-launcher-label{display:none}.concierge-panel{bottom:80px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 115px);padding:17px}.nail-pattern{background-size:400px 338px;opacity:.11}}
@media(prefers-reduced-motion:reduce){.nail-pattern{animation:none}}
.concierge-panel-header{position:sticky;top:-20px;z-index:2;background:#fffafc;padding-top:8px;margin-top:-8px}
@media(max-width:600px){.concierge-panel-header{top:-17px}}