@property --panel-space{syntax:"<length>";inherits:true;initial-value:0}@property --stage-bottom{syntax:"<length>";inherits:true;initial-value:96px}@property --vase-lift{syntax:"<length>";inherits:true;initial-value:0}@property --print-chrome{syntax:"<length>";inherits:true;initial-value:96px}.app{--panel-width:360px;--panel-space:0px;--dock-space:96px;--sheet-height:min(58dvh, 520px);--stage-bottom:var(--dock-space);--print-chrome:96px;--vase-lift:0px;--pad-x:48px;--pad-top:56px;--pad-bottom:6px;--frame:max(160px, min(100vw - var(--panel-space) - 2 * var(--pad-x), 100dvh - var(--stage-bottom) - var(--pad-top) - var(--pad-bottom) - var(--print-chrome)));transition:--panel-space .55s var(--ease), --stage-bottom .55s var(--ease), --vase-lift .55s var(--ease), --print-chrome .55s var(--ease);position:fixed;inset:0;overflow:hidden}.app.is-editing{--panel-space:calc(var(--panel-width) + 32px)}.app.is-gift{--dock-space:86px;--print-chrome:142px}.stage{top:0;left:0;right:var(--panel-space);bottom:var(--stage-bottom);padding:var(--pad-top) var(--pad-x) var(--pad-bottom);place-items:center;display:grid;position:absolute}.print{width:var(--frame);flex-direction:column;align-items:stretch;display:flex}.frame{aspect-ratio:1;border-radius:4px;outline:none;position:relative}.frame:focus-visible{outline:none}.frame:focus-visible:after{content:"";border:1.5px dashed var(--rule);border-radius:12px;position:absolute;inset:-14px}.voice-block{height:calc(var(--print-chrome) - 14px);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;margin-top:14px;display:flex}.voice{font-family:var(--serif);font-variation-settings:"opsz" 96;letter-spacing:-.02em;color:var(--voice);mix-blend-mode:var(--print-blend);margin:0;font-size:clamp(30px,4.2vw,46px);font-style:italic;font-weight:360;line-height:1}.voice.is-idle{color:var(--text-faint);animation:voiceIn 1.2s var(--ease) .6s both;transition:color .5s var(--ease);font-size:clamp(22px,2.6vw,30px)}.stage:has(.flower.is-interactive use:hover) .voice.is-idle{color:var(--voice)}.voice.is-word{animation:wordIn .4s var(--spring) both}.voice.is-yes{--tilt:-2.5deg}.voice.is-no{--tilt:2deg}.voice.is-for{animation:voiceIn 1.2s var(--ease) .5s both}@keyframes voiceIn{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}}@keyframes wordIn{0%{opacity:0;filter:blur(3px);transform:translateY(10px)rotate(0)scale(.92)}to{transform:rotate(var(--tilt))}}.voice-sub{color:var(--text-soft);animation:voiceIn 1s var(--ease) 1.1s both;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;display:flex}.app.is-gift .voice-sub{flex-direction:column;align-items:center;gap:2px}.voice-from{color:var(--text);font-family:var(--serif);font-size:1.15em;font-style:italic}.voice-sub.is-after{font-family:var(--serif);color:var(--text);font-size:19px;font-style:italic;animation-delay:.9s}.voice-link{color:var(--text-faint);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;background:0 0;border:0;padding:4px 8px;font-size:13px}.voice-link:hover{color:var(--text)}.voice-actions{animation:voiceIn 1s var(--ease) 1.4s both;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip.is-dark{background:var(--text);color:var(--paper)}.chip.is-dark:hover{background:color-mix(in oklab, var(--text) 86%, var(--paper))}.answer{font-family:var(--serif);font-variation-settings:"opsz" 144;font-style:italic;font-weight:420;font-size:min(150px, calc(var(--frame) * .19));letter-spacing:-.035em;text-align:center;color:var(--voice);mix-blend-mode:var(--print-blend);pointer-events:none;place-items:center;margin:0;padding:0 4%;line-height:.9;animation:.7s cubic-bezier(.2,1.4,.4,1) .35s both stamp;display:grid;position:absolute;inset:0}@keyframes stamp{0%{opacity:0;filter:blur(6px);transform:scale(1.35)rotate(-4deg)}to{transform:rotate(-3deg)}}.masthead{position:absolute;top:0;left:0}.masthead-logo{background:0 0;border:0;border-radius:16px;width:clamp(130px,9.5vw,190px);margin:14px 0 0 14px;padding:6px;display:block}.app.is-make .masthead-logo:hover .logo{transform:rotate(-3deg)scale(1.04)}.app.is-gift .masthead-logo{cursor:default}.corner{top:18px;right:calc(var(--panel-space) + 18px);z-index:5;gap:4px;display:flex;position:fixed}.theme-toggle,.corner-button{width:44px;height:44px;color:var(--text-soft);transition:background-color .2s var(--ease), color .2s var(--ease), opacity .3s var(--ease), transform .4s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover){.theme-toggle:hover,.corner-button:hover:not(:disabled){color:var(--text);background:var(--card)}.theme-toggle:hover{transform:rotate(-20deg)}.corner-button:hover:not(:disabled){transform:rotate(-24deg)}}.theme-toggle:active,.corner-button:active:not(:disabled){transform:scale(.9)}.corner-button:disabled{opacity:.3;cursor:default}.make-own{animation:voiceIn 1s var(--ease) 1.5s both;margin-top:2px}@media (width<=860px){.app{--dock-space:calc(84px + env(safe-area-inset-bottom));--print-chrome:104px}.app.is-editing{--panel-space:0px}.app{--pad-x:24px;--pad-top:calc(64px + env(safe-area-inset-top));--pad-bottom:4px}.app.is-editing-sheet{--print-chrome:30px;--stage-bottom:var(--sheet-height);--vase-lift:var(--sheet-height);--pad-top:calc(52px + env(safe-area-inset-top));--pad-bottom:10px}.app.is-editing-sheet .voice-block{display:none}.app.is-editing-sheet .masthead-logo{width:92px}.masthead-logo{width:clamp(108px,17vw,136px);margin:calc(8px + env(safe-area-inset-top)) 0 0 8px;transition:width .5s var(--ease)}.corner{top:calc(10px + env(safe-area-inset-top));right:10px}.app{--voice-bottom:calc(var(--dock-space) + 62px);--stage-bottom:var(--voice-bottom);--print-chrome:76px}.app.is-gift{--voice-bottom:calc(100px + env(safe-area-inset-bottom));--print-chrome:112px}.voice-block{left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));bottom:var(--voice-bottom);justify-content:flex-end;height:auto;margin:0;position:fixed}}.stage{z-index:1;pointer-events:none}.frame,.voice-block>*{pointer-events:auto}.frame{transition:visibility}.app.is-vase .frame{visibility:hidden;pointer-events:none;transition:visibility 0s 1.9s}.app.is-vase .fall{visibility:hidden}.vase-answer{inset:0 var(--panel-space) var(--stage-bottom) 0;padding-top:var(--pad-top);font-size:clamp(64px,10vw,130px);position:fixed}.app.is-vase .voice-block>*{mix-blend-mode:normal}.app.is-vase .voice-block>:is(.voice,.voice-sub,.answer,.voice-link){-webkit-text-stroke:.12em var(--paper);paint-order:stroke fill}.app.is-vase .voice.is-idle{color:var(--text-soft)}@media (prefers-reduced-motion:reduce){.frame,.app.is-vase .frame{transition:none}}.flower{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.flower-print{isolation:isolate}.flower.is-pressed{opacity:0}.flower-paper{fill:var(--paper);transition:fill .9s var(--ease)}.flower.is-interactive use{cursor:grab}.flower.is-interactive use:active{cursor:grabbing}.ring{transition:opacity .35s var(--ease)}.flower.is-focused .ring:not(.is-highlighted){opacity:.14}.fall{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.grain{z-index:3;pointer-events:none;image-rendering:pixelated;position:fixed;inset:-2px}.press-sheet{width:100vw;height:var(--scene-height);pointer-events:none;display:block;position:fixed;top:0;left:0}.logo{mix-blend-mode:var(--print-blend);transition:transform .35s var(--spring);transform-origin:30% 60%;line-height:0}.logo-svg{width:100%;height:auto;display:block;overflow:visible}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatAnimation{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-9px)translateZ(0)}}@keyframes floatAnimation2{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-10px)translateZ(0)}}@keyframes floatAnimation3{0%,to{transform:translateY(0)translateZ(0)}50%{transform:translateY(-12px)translateZ(0)}}.logo-animation,.logo-animation-blur{transform-origin:50%;animation:20s linear infinite rotateAnimation}.petal-p{animation:7s ease-in-out -5s infinite floatAnimation}.petal-e{animation:7s ease-in-out -3s infinite floatAnimation2}.petal-t{animation:7s ease-in-out -6s infinite floatAnimation3}.petal-a{animation:7s ease-in-out -2s infinite floatAnimation}.petal-l{animation:7s ease-in-out -1s infinite floatAnimation3}.petal-s{animation:7s ease-in-out -3s infinite floatAnimation}.logo-svg stop{transition:stop-color 1.6s}.panel{z-index:6;width:var(--panel-width);border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--card-edge), var(--shadow);transition:transform .55s var(--ease), opacity .4s var(--ease), visibility 0s .55s;flex-direction:column;display:flex;position:fixed;top:16px;bottom:16px;right:16px}.panel:not(.is-open){opacity:0;visibility:hidden;transform:translate(calc(100% + 32px))}.panel.is-open{transition:transform .55s var(--ease), opacity .3s var(--ease), visibility 0s}.panel-tabs{border-bottom:1px solid var(--rule);align-items:center;gap:4px;padding:10px;display:flex}.panel-tab{min-width:40px;height:40px;color:var(--text-soft);transition:background-color .2s var(--ease), color .2s var(--ease), transform .25s var(--spring);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:500;display:inline-flex;position:relative}.panel-tab:hover{color:var(--text);background:var(--well)}.panel-tab.is-on{color:var(--text);background:var(--well);box-shadow:inset 0 0 0 1.5px var(--text)}.panel-tab.is-flower{padding:0 12px 0 10px}.panel-tab.is-ring{min-width:44px}.panel-tab.is-ring svg{width:24px;height:24px;transition:transform .35s var(--spring);margin:-4px 4px 0 0;overflow:visible}.panel-tab.is-ring path{fill-opacity:.9;stroke:color-mix(in oklab, var(--text) 35%, transparent);stroke-width:.25px}.panel-tab.is-ring:hover svg{transform:rotate(-14deg)scale(1.08)}.panel-tab-number{font-family:var(--serif);color:var(--text-soft);font-size:11px;font-style:italic;line-height:1;position:absolute;bottom:5px;right:7px}.panel-tab.is-add{color:var(--text-faint);border:1.5px dashed var(--rule)}.panel-tab.is-add:hover{color:var(--text);border-color:var(--text-faint);background:0 0}.panel-tabs-rule{background:var(--rule);width:1px;height:22px;margin:0 4px}.panel-close{width:40px;height:40px;color:var(--text-soft);background:0 0;border:0;border-radius:12px;place-items:center;margin-left:auto;padding:0;display:none}.panel-close:hover{color:var(--text);background:var(--well)}.panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;--fade-above:0px;--fade-below:0px;min-height:0;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-above), #000 calc(100% - var(--fade-below)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-above), #000 calc(100% - var(--fade-below)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-above), #000 calc(100% - var(--fade-below)), transparent);transition:--fade-above .3s var(--ease), --fade-below .3s var(--ease);flex:1;overflow-y:auto}.panel-scroll.has-more-above{--fade-above:28px}.panel-scroll.has-more-below{--fade-below:44px}@property --fade-above{syntax:"<length>";inherits:false;initial-value:0}@property --fade-below{syntax:"<length>";inherits:false;initial-value:0}.panel-body{animation:panelIn .4s var(--ease);flex-direction:column;gap:20px;padding:18px 20px 24px;display:flex}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}}.panel-heading{align-items:center;gap:10px;min-height:34px;display:flex}.panel-heading h2{font-family:var(--serif);font-variation-settings:"opsz" 40;letter-spacing:-.01em;margin:0;font-size:26px;font-style:italic;font-weight:400;line-height:1}.panel-heading p{color:var(--text-soft);margin:0;font-size:13px}.panel-heading .icon-button{align-self:center;margin-left:auto;transform:translateY(-2px)}.panel-grid{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.panel-actions{gap:8px;margin-top:-6px;display:flex}.chip{background:var(--well);height:36px;color:var(--text);transition:background-color .2s var(--ease), transform .25s var(--spring);border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:color-mix(in oklab, var(--well) 80%, var(--text))}.chip:active{transform:scale(.96)}.icon-button{width:36px;height:36px;color:var(--text-soft);transition:background-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:11px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--text);background:var(--well)}@media (width<=860px){.panel{width:auto;height:var(--sheet-height);border-radius:var(--radius) var(--radius) 0 0;padding-bottom:env(safe-area-inset-bottom);inset:auto 0 0}.panel:not(.is-open){opacity:1;transform:translateY(calc(100% + 16px))}.panel-tabs{scrollbar-width:none;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{flex:none}.panel-close{flex:none;display:grid}.panel-body{gap:18px;padding:16px 18px 28px}}.panel-tabs.is-vase .panel-tab.is-flower span{display:none}.panel-tabs.is-vase .panel-tab.is-flower{padding:0 10px}.chip:disabled{opacity:.36;cursor:default}.panel-colophon{color:var(--text-soft);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;flex:none;margin:-10px 0 0;font-size:13px;font-weight:400;line-height:1.5;display:block}.stroke-options{flex:1;gap:5px;display:flex}.stroke-option{border:1px solid var(--rule);min-width:32px;height:38px;color:var(--text-soft);cursor:pointer;border-radius:9px;flex:1;place-items:center;display:grid;position:relative}.stroke-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.stroke-option svg{fill:none;stroke:currentColor;stroke-linecap:round;width:30px;height:24px}.stroke-option:has(input:checked){color:var(--text);background:var(--well);border-color:var(--text)}.stroke-option:has(input:focus-visible){outline:2px solid var(--text);outline-offset:3px}.panel-toggle{color:var(--text);cursor:pointer;align-items:center;gap:12px;font-size:13px;display:flex;position:relative}.panel-toggle input{opacity:0;width:38px;height:24px;margin:0;position:absolute}.toggle-track{background:var(--well);width:38px;height:24px;box-shadow:inset 0 0 0 1px var(--rule);transition:background-color .25s var(--ease);border-radius:999px;flex:none;display:block;position:relative}.toggle-track:after{content:"";background:var(--card);width:16px;height:16px;box-shadow:0 1px 3px color-mix(in oklab, var(--text) 20%, transparent);transition:transform .25s var(--ease);border-radius:50%;position:absolute;top:4px;left:4px}.panel-toggle input:checked+.toggle-track{background:var(--text)}.panel-toggle input:checked+.toggle-track:after{transform:translate(14px)}.panel-toggle input:focus-visible+.toggle-track{outline:2px solid var(--text);outline-offset:3px}.panel-toggle small{color:var(--text-soft);margin-top:3px;font-size:12px;display:block}.panel-toggle.is-disabled{opacity:.4;cursor:default}.bouquet-options{flex-direction:column;gap:16px;display:flex}.bouquet-options .panel-actions{margin:0}.bouquet-options .chip{justify-content:center;width:100%}.range-endpoints{color:var(--text-faint);justify-content:space-between;font-size:11px;display:flex}.bunch-picker{background:var(--well);border-radius:12px;gap:2px;padding:3px;display:flex}.bunch-picker button{height:38px;color:var(--text-soft);opacity:.4;transition:opacity .3s var(--ease), color .3s var(--ease), transform .35s var(--spring);background:0 0;border:0;border-radius:9px;flex:1;place-items:center;padding:0;display:grid}.bunch-picker button svg{transition:transform .45s var(--spring)}.bunch-picker button.is-in{color:var(--text);opacity:1}.bunch-picker button.is-in svg{fill:color-mix(in oklab, var(--text) 14%, transparent)}.bunch-picker button:not(.is-in) svg{transform:scale(.72)}@media (hover:hover){.bunch-picker button:hover{opacity:1}}.bunch-picker button:active{transform:scale(.9)}.petal-editor{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--paper) 70%, #fff) 0 40%, transparent 72%), var(--paper);box-shadow:inset 0 0 0 1px var(--card-edge);border-radius:18px;position:relative}[data-theme=dark] .petal-editor{background:var(--paper)}.petal-editor-canvas{touch-action:none;width:100%;height:190px;display:block;overflow:visible}.petal-editor-guides line{stroke:var(--rule);stroke-width:.05px;stroke-dasharray:.25 .3}.petal-editor-shape{fill-opacity:.88;stroke:color-mix(in oklab, var(--text) 45%, transparent);stroke-width:.05px;mix-blend-mode:var(--print-blend)}.petal-editor-arms line{stroke:var(--text);stroke-width:.06px;opacity:.55}.petal-editor-anchor{fill:var(--text)}.petal-editor-handle{cursor:grab;outline:none}.petal-editor-handle:active{cursor:grabbing}.petal-editor-hit{fill:#0000}.petal-editor-dot{fill:var(--card);stroke:var(--text);stroke-width:.14px;transition:r .2s var(--spring)}.petal-editor-handle.is-width .petal-editor-dot{fill:var(--text)}.petal-editor-handle:hover .petal-editor-dot,.petal-editor-handle:focus-visible .petal-editor-dot{r:.8}.petal-editor-handle:focus-visible .petal-editor-dot{stroke-width:.24px}.petal-editor-label{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;text-anchor:middle;fill:var(--text-faint);font-size:.72px;font-weight:500}.petal-editor-shuffle{width:34px;height:34px;color:var(--text-soft);transition:background-color .2s var(--ease), color .2s var(--ease), transform .3s var(--spring);background:0 0;border:0;border-radius:11px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.petal-editor-shuffle:hover{background:var(--card);color:var(--text);transform:rotate(-12deg)}.petal-editor-shuffle:active{transform:rotate(-12deg)scale(.9)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-head{min-height:18px;color:var(--text-soft);align-items:baseline;gap:8px;display:flex}.field-hint{color:var(--text-faint);font-size:12px}.field-aside{font-family:var(--serif);min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-left:auto;padding:2px 2px 3px;font-size:16px;font-style:italic;line-height:1.45;overflow:hidden}.field{transition:opacity .3s var(--ease)}.field.is-disabled{opacity:.36}.field.is-disabled button,.field.is-disabled input{cursor:default}.field-row{align-items:center;gap:12px;display:flex}.field-row>.segmented,.field-row>.slider{flex:1}.slider{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:22px;margin:0}.slider:focus-visible{outline:none}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tone) var(--fill), color-mix(in oklab, var(--text) 13%, transparent) var(--fill));border-radius:4px;height:4px}.slider::-moz-range-track{background:color-mix(in oklab, var(--text) 13%, transparent);border-radius:4px;height:4px}.slider::-moz-range-progress{background:var(--tone);border-radius:4px;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--tone);border:3px solid var(--card);width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in oklab, var(--text) 22%, transparent), 0 3px 8px -2px color-mix(in oklab, var(--text) 40%, transparent);transition:transform .2s var(--spring);border-radius:50%;margin-top:-8px}.slider::-moz-range-thumb{background:var(--tone);border:3px solid var(--card);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in oklab, var(--text) 22%, transparent), 0 3px 8px -2px color-mix(in oklab, var(--text) 40%, transparent);border-radius:50%}.slider:hover::-webkit-slider-thumb{transform:scale(1.12)}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--card), 0 0 0 3px var(--text)}.segmented{background:var(--well);border-radius:12px;gap:2px;padding:3px;display:flex}.segmented button{height:32px;color:var(--text-soft);transition:background-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);background:0 0;border:0;border-radius:9px;flex:1;font-size:13px;font-weight:500}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button.is-on{background:var(--card);color:var(--text);box-shadow:0 1px 3px color-mix(in oklab, var(--text) 18%, transparent)}.swatches{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:6px;display:grid}.swatch{aspect-ratio:1;transition:transform .2s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.swatch:hover:not(:disabled){transform:scale(1.14)}.swatch:active:not(:disabled){transform:scale(.94)}.swatches{transition:opacity .3s var(--ease)}.swatches.is-disabled{opacity:.36}.swatches.is-compact{flex:none;gap:5px;display:flex}.swatches.is-compact .swatch{width:24px}.ink-dot,.paper-chip{color:#fff;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 1px #00000014}.ink-dot.is-pale{color:#2a292c}.paper-chip{color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 14%, transparent), 0 1px 2px color-mix(in oklab, var(--text) 10%, transparent);border-radius:8px}.swatch.is-on .ink-dot,.swatch.is-on .paper-chip{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--text)}.glaze-shelves{gap:2px;display:grid}.glaze-shelf{border-bottom:1.5px solid var(--rule);grid-template-columns:repeat(9,1fr);padding:0 2px;display:grid}.glaze{height:34px;transition:transform .25s var(--spring);background:0 0;border:0;place-items:end center;padding:0 0 1px;display:grid}.glaze svg{width:24px;height:28px;overflow:visible}.glaze path{stroke:color-mix(in oklab, var(--text) 16%, transparent);stroke-width:.8px;transition:stroke .2s var(--ease)}.glaze:hover{transform:translateY(-2px)}.glaze:active{transform:translateY(-1px)scale(.94)}.glaze.is-on{transform:translateY(-3px)}.glaze.is-on path{stroke:var(--text);stroke-width:1.6px}@media (pointer:coarse){.slider{height:32px}.slider::-webkit-slider-thumb{width:26px;height:26px;margin-top:-11px}.swatches{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:8px}.swatches.is-compact .swatch{width:30px}.glaze{height:40px}}.bottom-bar{left:calc((100vw - var(--panel-space)) / 2);bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;transition:transform .5s var(--ease), opacity .4s var(--ease);align-items:center;gap:12px;display:flex;position:fixed;transform:translate(-50%)}.dock{background:var(--card);box-shadow:0 0 0 1px var(--card-edge), var(--shadow);border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex}.dock-button{height:46px;color:var(--text);white-space:nowrap;transition:background-color .2s var(--ease), transform .25s var(--spring), opacity .3s var(--ease), max-width .4s var(--ease), padding .4s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:500;display:inline-flex}.dock-button:hover{background:var(--well)}.dock-button:active{transform:scale(.95)}.dock-button.is-on{background:var(--well);box-shadow:inset 0 0 0 1.5px var(--text)}.dock-button.is-new{background:var(--text);color:var(--paper)}.dock-button.is-new svg{transition:transform .6s var(--spring)}.dock-button.is-new:hover svg{transform:rotate(72deg)}.dock-save{position:relative}.dock-menu{background:var(--card);width:200px;box-shadow:0 0 0 1px var(--card-edge), var(--shadow);opacity:0;visibility:hidden;transform-origin:85% 100%;transition:opacity .2s var(--ease), transform .3s var(--ease), visibility 0s .3s;border-radius:18px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 12px);right:-5px;transform:translateY(8px)scale(.97)}.dock-menu.is-open{opacity:1;visibility:visible;transition:opacity .2s var(--ease), transform .3s var(--spring), visibility 0s;transform:none}.dock-menu button{text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 14px;display:flex}.dock-menu button:hover{background:var(--well)}.dock-menu strong{font-family:var(--serif);font-size:18px;font-style:italic;font-weight:400}.dock-menu span{color:var(--text-soft);font-size:12px}.app.is-editing-sheet .bottom-bar{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 40px))}@media (width<=860px){.bottom-bar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:min(560px, calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.app.is-gift .bottom-bar{width:auto}.bottom-bar>.view-toggle{transition:opacity .2s var(--ease), transform .3s var(--ease);position:absolute;bottom:calc(100% + 10px);right:0}.bottom-bar:has(.dock-menu.is-open)>.view-toggle{opacity:0;pointer-events:none;transform:translateY(6px)scale(.94)}.dock{z-index:1;position:relative}.app.is-gift .bottom-bar>.view-toggle{position:static}.dock{flex:1;gap:2px;min-width:0;padding:4px}.dock-button,.dock-save{flex:1 1 0;min-width:0}.dock-save>.dock-button{width:100%}.dock-button{border-radius:999px;flex-direction:column;justify-content:center;gap:2px;height:54px;padding:0 6px;font-size:11px}.dock-menu{right:0}}.give{z-index:10;visibility:hidden;place-items:center;padding:24px;transition:visibility 0s .45s;display:grid;position:fixed;inset:0}.give.is-open{visibility:visible;transition:none}.give-backdrop{background:color-mix(in oklab, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}.give.is-open .give-backdrop{opacity:1}.give-card{background:var(--card);width:min(440px,100%);box-shadow:0 0 0 1px var(--card-edge), var(--shadow);opacity:0;transition:opacity .35s var(--ease), transform .45s var(--ease);border-radius:26px;flex-direction:column;gap:18px;padding:28px 28px 24px;display:flex;position:relative;transform:translateY(18px)scale(.97)}.give.is-open .give-card{opacity:1;transform:none}.give-close{position:absolute;top:14px;right:14px}.give-card h2{font-family:var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.02em;margin:0;font-size:36px;font-style:italic;font-weight:400;line-height:1}.give-lead{color:var(--text-soft);max-width:34ch;margin:-8px 0 0}.give-names{grid-template-columns:1fr 1fr;gap:10px;display:grid}.give-names label{color:var(--text-soft);flex-direction:column;gap:6px;display:flex}.give-names input{background:var(--well);width:100%;min-width:0;height:46px;color:var(--text);font-family:var(--serif);transition:box-shadow .2s var(--ease);border:0;border-radius:14px;outline:none;padding:0 14px;font-size:19px;font-style:italic}.give-names input::placeholder{color:var(--text-faint)}.give-names input:focus{box-shadow:inset 0 0 0 1.5px var(--text)}.give-secret{border:1.5px dashed var(--rule);color:var(--text-soft);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 16px 14px;display:flex}.give-secret p{color:var(--text);margin:0}.give-secret em{white-space:nowrap;font-family:var(--serif);color:var(--voice);font-size:1.12em}.give-send{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.give-primary{background:var(--text);height:50px;color:var(--paper);transition:transform .25s var(--spring);border:0;border-radius:999px;align-items:center;gap:9px;padding:0 22px 0 18px;font-size:15px;font-weight:600;display:inline-flex}.give-primary:hover{transform:translateY(-1px)}.give-primary:active{transform:scale(.97)}.give-preview{color:var(--text-soft);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;font-size:13px}.give-preview:hover{color:var(--text)}@media (width<=860px){.give{place-items:end stretch;padding:0}.give-card{border-radius:var(--radius) var(--radius) 0 0;width:100%;padding:24px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%)}.give-card h2{font-size:32px}.give-primary{flex:1;justify-content:center}}.view-toggle{background:var(--card);box-shadow:0 0 0 1px var(--card-edge), var(--shadow);border-radius:999px;flex:none;padding:5px;display:flex;position:relative}.view-toggle button{z-index:1;width:46px;height:46px;color:var(--text-soft);transition:color .3s var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.view-toggle button[aria-checked=true]{color:var(--paper);cursor:default}.view-toggle button:hover{color:var(--text)}.view-toggle button[aria-checked=true]:hover{color:var(--paper)}.view-toggle-mark{background:var(--text);width:46px;height:46px;transition:transform .45s var(--spring);border-radius:999px;position:absolute;top:5px;left:5px}.view-toggle.is-vase .view-toggle-mark{transform:translate(46px)}@media (width<=860px){.view-toggle button,.view-toggle-mark{width:44px;height:44px}.view-toggle.is-vase .view-toggle-mark{transform:translate(44px)}}@font-face{font-family:Fraunces;font-style:italic;font-weight:300 500;font-display:swap;src:url(/petals/fonts/fraunces-italic.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/petals/fonts/instrument-sans.woff2)format("woff2")}:root{--paper:#f3ede1;--accent:#ff48b0;--text:#2a2724;--text-soft:color-mix(in oklab, var(--text) 62%, var(--paper));--text-faint:color-mix(in oklab, var(--text) 38%, var(--paper));--rule:color-mix(in oklab, var(--text) 14%, transparent);--card-paper:55%;--card:color-mix(in oklab, var(--paper) var(--card-paper), #fff);--card-edge:color-mix(in oklab, var(--text) 10%, transparent);--well:color-mix(in oklab, var(--paper) 82%, var(--text));--shadow:0 1px 0 oklab(100% 0 5.96046e-8/.5) inset, 0 18px 40px -18px color-mix(in oklab, var(--text) 30%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--text) 16%, transparent);--print-blend:multiply;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--radius:22px;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.4}[data-theme=dark]{--text:#f1ebe0;--card-paper:86%;--card-edge:color-mix(in oklab, var(--text) 12%, transparent);--well:color-mix(in oklab, var(--paper) 70%, #000);--shadow:0 1px 0 oklab(100% 0 5.96046e-8/.06) inset, 0 18px 40px -16px #000000b3, 0 2px 6px -2px #00000080;--print-blend:screen;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --card-paper{syntax:"<percentage>";inherits:true;initial-value:55%}:root{transition:--card-paper 1s cubic-bezier(.33,1,.68,1)}*,:before,:after{box-sizing:border-box}:root{--scene-height:100vh}@supports (height:100lvh){:root{--scene-height:calc(100lvh + var(--scene-extension,0px))}}@media (display-mode:standalone){:root{--scene-extension:env(safe-area-inset-top)}}html,body{height:var(--scene-height);overscroll-behavior:none;background:var(--paper);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slug{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}