*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{position:fixed;inset:0;overflow:hidden;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;background:#f7ecdc;color:#5b463a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}#menuBtn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(150,118,90,.35);border-radius:999px;background:#fffaf2c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #6e503729;color:#8a6b52;transition:transform .16s,background .2s;z-index:12}#menuBtn svg{width:20px;height:20px;fill:currentColor}#menuBtn:active{transform:scale(.94)}#menuBtn.on{background:#c4966c47}#menu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 58px);left:calc(env(safe-area-inset-left,0px) + 12px);display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(150,118,90,.3);border-radius:20px;background:#fffaf2f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px #6e503738;transform-origin:0 0;transform:translateY(-8px) scale(.92);opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.2,.9,.3,1),opacity .18s;z-index:11}#menu.on{transform:none;opacity:1;pointer-events:auto}.menuOpt{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border:0;border-radius:14px;background:transparent;font-size:15px;font-weight:700;white-space:nowrap}.menuOpt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.menuOpt:active{background:#c4966c33}#hint{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translate(-50%);max-width:min(78vw,420px);padding:8px 16px;border-radius:999px;background:#fffaf2d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #6e503724;font-size:14px;font-weight:700;text-align:center;line-height:1.45;z-index:8;pointer-events:none;transition:opacity .3s}#tray{position:fixed;left:0;right:0;bottom:0;padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(180deg,#c4966c00,#7e5c4047 34%,#684a3280);z-index:9}#tray-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}#tray-scroll::-webkit-scrollbar{display:none}#tray-items{display:flex;gap:8px;padding:4px calc(env(safe-area-inset-left,0px) + 12px) 4px calc(env(safe-area-inset-right,0px) + 12px);width:max-content;margin:0 auto;min-width:100%;justify-content:safe center}.ing{flex:0 0 auto;display:grid;justify-items:center;gap:2px;width:68px;padding:7px 4px 6px;border:2px solid rgba(255,255,255,.55);border-radius:18px;background:#fffaf2e6;box-shadow:0 3px 10px #5a3e2838;color:#6b513f;transition:transform .12s,box-shadow .18s,border-color .18s}.ing svg{width:34px;height:34px;display:block}.ing .ing-n{font-size:11px;font-weight:700;line-height:1.15;text-align:center;letter-spacing:-.02em}.ing:active{transform:translateY(2px) scale(.95);box-shadow:0 1px 4px #5a3e283d}.ing.on{border-color:#e58a3c;box-shadow:0 0 0 3px #e58a3c47,0 4px 12px #5a3e2840;transform:translateY(-3px)}.ing .ing-c{position:absolute;transform:translate(24px,-6px);min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#e2564a;color:#fff;font-size:11px;font-weight:900;line-height:19px;text-align:center;box-shadow:0 2px 6px #78281e59}.ing{position:relative}.ing .ing-p{position:absolute;top:-6px;left:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#58a34a;color:#fff;font-size:11px;font-weight:900;line-height:19px;text-align:center;box-shadow:0 2px 6px #1e5a1e59}#finish{position:fixed;right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 108px);display:flex;align-items:center;gap:6px;padding:11px 18px 11px 14px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffb95e,#f2913a);color:#4a2c14;font-size:15px;font-weight:900;box-shadow:0 6px 18px #965a1e57;transition:transform .14s,opacity .2s;z-index:10}#finish[hidden]{display:none}#finish svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6}#finish:active{transform:scale(.95)}#finish:disabled{opacity:.42}.sheet{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;padding:calc(env(safe-area-inset-top,0px) + 56px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);background:radial-gradient(120% 90% at 50% 30%,#fff6e8e6,#eed6b6f0);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20;overflow-y:auto}.sheet:before,.sheet:after{content:"";flex:1 1 0}.sheet[hidden]{display:none}.sheet.boot{opacity:0;transition:opacity .5s}.sheet.boot.in{opacity:1}.sheet-h{font-size:22px;font-weight:900;color:#6b4f36;letter-spacing:.02em}.sheet-back{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:flex;align-items:center;gap:4px;padding:9px 16px 9px 10px;border:0;border-radius:999px;background:#fffaf2e6;box-shadow:0 4px 14px #6e503729;font-size:14px;font-weight:700;color:#8a6b52}.sheet-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}.sheet-back:active{transform:scale(.95)}#title-logo{display:grid;justify-items:center;gap:6px;text-align:center}.tl-a{font-size:clamp(44px,15vw,82px);font-weight:900;color:#d2622f;letter-spacing:.06em;text-shadow:0 3px 0 #fff5e6,0 6px 14px rgba(150,90,40,.28)}.tl-b{font-size:14px;font-weight:700;color:#9a7a5e;letter-spacing:.22em}.btns{display:grid;gap:12px;width:min(84vw,320px)}.big-btn{padding:16px 20px;border:0;border-radius:22px;background:linear-gradient(180deg,#ffb95e,#f2913a);color:#4a2c14;font-size:18px;font-weight:900;box-shadow:0 6px 18px #965a1e4d;transition:transform .14s}.big-btn.ghost{background:#fffcf6f0;color:#8a6b52;box-shadow:0 4px 14px #6e503729}.big-btn:active{transform:scale(.96)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;width:min(92vw,520px)}.pick{display:grid;justify-items:center;gap:6px;padding:14px 10px 12px;border:0;border-radius:22px;background:#fffcf6f5;box-shadow:0 6px 16px #78583c2e;color:#6b513f;transition:transform .14s}.pick svg{width:62px;height:62px;display:block}.pick .pk-n{font-size:15px;font-weight:900}.pick .pk-d{font-size:11px;font-weight:700;color:#a0866e}.pick:active{transform:scale(.96)}.pick.soon{opacity:.5;box-shadow:none;background:#fffcf699}.pick.soon .pk-d{color:#b09880}#result{position:fixed;inset:0;display:grid;place-items:end center;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:none;z-index:24}#result[hidden]{display:none}#result-card{display:grid;justify-items:center;gap:10px;width:min(92vw,460px);max-height:46vh;overflow-y:auto;padding:18px 18px 14px;border-radius:28px;background:#fffaf1f5;box-shadow:0 20px 50px #3c24124d;pointer-events:auto;animation:pop .32s cubic-bezier(.2,1.2,.4,1)}@keyframes pop{0%{transform:scale(.86);opacity:0}to{transform:none;opacity:1}}#result-cap{font-size:14px;font-weight:700;color:#c58a4c;letter-spacing:.16em}#result-name{font-size:clamp(20px,5.6vw,30px);font-weight:900;color:#d2622f;text-align:center;line-height:1.35;word-break:normal;overflow-wrap:break-word;line-break:strict;min-height:1.35em}#result[data-long="1"] #result-name{font-size:clamp(17px,4.6vw,25px)}#result[data-long="2"] #result-name{font-size:clamp(15px,3.9vw,21px)}@media(orientation:landscape){#result{place-items:end end;padding:12px calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 12px) 12px}#result-card{width:min(46vw,420px);max-height:calc(100vh - 24px);gap:7px;padding:14px 14px 12px}#result-name{font-size:clamp(15px,2.7vw,26px)}#result[data-long="1"] #result-name{font-size:clamp(14px,2.3vw,22px)}#result[data-long="2"] #result-name{font-size:clamp(13px,2vw,19px)}.r-btn{padding:8px 6px}.r-btn svg{width:22px;height:22px}.r-cancel{padding:9px 20px;font-size:14px}}#r-speak{display:flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:999px;background:#d2622f1f;color:#b9552a;font-size:13px;font-weight:700}#r-speak svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.r-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px}.r-btn{display:grid;justify-items:center;gap:4px;padding:12px 6px;border:0;border-radius:20px;background:#fff2df;color:#8a6b52;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 2px #d6b08480}.r-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}.r-btn:active{transform:scale(.96)}.r-btn:disabled{opacity:.5}.r-cancel{margin-top:2px;padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffb95e,#f2913a);color:#4a2c14;font-size:15px;font-weight:900;box-shadow:0 5px 14px #965a1e4d}#gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;width:min(94vw,640px)}.gl-card{position:relative;display:grid;gap:4px;padding:8px 8px 10px;border:0;border-radius:20px;background:#fffcf6f5;box-shadow:0 5px 14px #78583c2e;color:#6b513f;transition:transform .14s}.gl-card:active{transform:scale(.97)}.gl-card.hold{transform:scale(.93)}.gl-thumb{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;background:#f3e4cd;display:block}.gl-n{font-size:11px;font-weight:700;line-height:1.3;text-align:center;max-height:2.6em;overflow:hidden}#gl-empty,#gl-note{font-size:13px;font-weight:700;color:#a0866e}#viewbar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:12px calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 14px) calc(env(safe-area-inset-left,0px) + 14px);background:linear-gradient(180deg,#684a3200,#684a3280);z-index:10}#viewbar[hidden]{display:none}#v-back{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:9px 16px 9px 10px;border:0;border-radius:999px;background:#fffaf2eb;box-shadow:0 4px 14px #462e1a3d;font-size:14px;font-weight:700;color:#8a6b52}#v-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}.v-ico{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:999px;background:#fffaf2eb;box-shadow:0 4px 14px #462e1a3d;color:#8a6b52}.v-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}.v-ico:active{transform:scale(.94)}.v-ico:disabled{opacity:.5}#v-name{flex:1 1 auto;font-size:13px;font-weight:900;color:#fff6e8;text-shadow:0 2px 6px rgba(60,36,18,.6);line-height:1.3}#nowebgl{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#f7ecdc;font-size:16px;font-weight:700;text-align:center;line-height:1.7;z-index:40}#nowebgl[hidden]{display:none}.stn{position:fixed;inset:0;z-index:16;pointer-events:none;opacity:0;transition:opacity .35s}.stn.in{opacity:1}.stn-title{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);max-width:min(78vw,460px);padding:10px 20px;border-radius:999px;background:#fffaf2eb;box-shadow:0 4px 14px #3c24123d;font-size:17px;font-weight:900;color:#b9552a;text-align:center}.stn-hint{position:absolute;top:calc(env(safe-area-inset-top,0px) + 62px);left:50%;transform:translate(-50%);max-width:min(84vw,460px);padding:6px 14px;border-radius:999px;background:#fffaf2b3;font-size:13px;font-weight:700;color:#7a5b45;text-align:center;line-height:1.5}.stn-done{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);left:50%;transform:translate(-50%);padding:13px 30px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffb95e,#f2913a);color:#4a2c14;font-size:16px;font-weight:900;box-shadow:0 6px 18px #965a1e66;pointer-events:auto;transition:transform .14s}.stn-done:active{transform:translate(-50%) scale(.95)}.lamp-toast{--lamp-toast-bg: rgba(90, 62, 40, .94);--lamp-toast-fg: #fff6e8;font-family:inherit;font-weight:700}.lamp-dialog-card{--lamp-dialog-bg: #fffaf1;--lamp-dialog-fg: #5b463a;font-family:inherit}#photo{position:fixed;inset:0;z-index:30;touch-action:none;--ph-s: min(86vw, calc(100vh - 210px) )}#photo[hidden]{display:none}#ph-frame{position:absolute;left:50%;top:calc(50% - 30px);width:var(--ph-s);height:var(--ph-s);transform:translate(-50%,-50%);border:2px solid rgba(255,250,242,.92);border-radius:6px;box-shadow:0 0 0 200vmax #2e1e1280;pointer-events:none}#photo.card #ph-frame,#photo.card #ph-zoom,#photo.card #ph-shutter,#photo.card #ph-af{display:none}#ph-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 56px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#2e1e128c}#ph-card[hidden]{display:none}#ph-card-img{display:block;max-width:min(92vw,420px);max-height:calc(100% - 92px);aspect-ratio:1080 / 1500;object-fit:contain;border-radius:18px;box-shadow:0 16px 40px #28140673;animation:ph-card-in .35s ease-out}@keyframes ph-card-in{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:none;opacity:1}}#ph-card-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ph-cb{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border:0;border-radius:999px;background:#f2a65a;color:#fff;font:inherit;font-size:16px;font-weight:900;box-shadow:0 6px 16px #3c241247;cursor:pointer}.ph-cb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4}.ph-cb:active{transform:scale(.96)}.ph-cb.ghost{background:#fffaf2f0;color:#7a5b45}#ph-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);max-width:92%;padding:7px 16px;border-radius:999px;background:#fffaf2db;box-shadow:0 4px 14px #3c24123d;font-size:14px;font-weight:700;color:#7a5b45;text-align:center;line-height:1.45;pointer-events:none;transition:opacity .5s}#ph-hint.gone{opacity:0}#ph-back{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:flex;align-items:center;gap:4px;padding:9px 16px 9px 10px;border:0;border-radius:999px;background:#fffaf2eb;box-shadow:0 4px 14px #462e1a3d;font-size:14px;font-weight:700;color:#8a6b52}#ph-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}#ph-back:active{transform:scale(.96)}#ph-zoom{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 38px);transform:translate(-50%);display:flex;gap:128px}.ph-z{display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:999px;background:#fffaf2eb;box-shadow:0 4px 14px #462e1a3d;color:#8a6b52;touch-action:none}.ph-z svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6}.ph-z:active{transform:scale(.94);background:#ffecd2f5}#ph-shutter{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);transform:translate(-50%);display:grid;place-items:center;width:78px;height:78px;padding:0;border:0;border-radius:999px;background:#fffaf28c;box-shadow:0 6px 20px #3c241259;transition:transform .12s}#ph-shutter i{display:block;width:62px;height:62px;border-radius:999px;background:#fffaf1;box-shadow:inset 0 0 0 4px #f2913a;transition:transform .12s}#ph-shutter:active{transform:translate(-50%) scale(.94)}#ph-shutter:active i{transform:scale(.9)}#ph-shutter:disabled{opacity:.55}#ph-af{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border:2.5px solid rgba(255,250,242,.95);border-radius:10px;opacity:0;pointer-events:none}#ph-af.hit{border-color:#ffd36a}#ph-af.on{animation:ph-af .7s ease-out forwards}@keyframes ph-af{0%{opacity:0;transform:scale(1.5)}25%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#ph-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}#ph-flash.on{animation:ph-flash .45s ease-out forwards}@keyframes ph-flash{0%{opacity:.95}to{opacity:0}}@media(orientation:landscape)and (min-aspect-ratio:5/4){#photo{--ph-s: min( calc(100vh - 40px) , 60vw)}#ph-card{flex-direction:row;gap:28px;padding-top:16px;padding-right:64px}#ph-card-img{max-height:calc(100vh - 32px);max-width:44vw}#ph-card-btns{flex-direction:column;align-items:stretch}#ph-frame{left:calc(50% - 8px);top:50%}#ph-shutter{left:auto;right:calc(env(safe-area-inset-right,0px) + 22px);top:50%;bottom:auto;transform:translateY(-50%)}#ph-shutter:active{transform:translateY(-50%) scale(.94)}#ph-zoom{left:auto;right:calc(env(safe-area-inset-right,0px) + 38px);top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:104px}}