.ph-survey{--brand:#ee3124;--brand-2:#f4564a;--brand-soft:#fdeeed;--ink:#241c12;--ink-2:#5d5142;--ink-3:#9c8d77;--line:#ece1c9;--bg:#f6efe2;--header-h:calc(100vh / 11 * .85);--star:#ffb020;--danger:#e5484d;--ok:#12a150;--radius:16px;min-height:100vh;color:var(--ink);background-color:var(--bg);padding-bottom:calc(140px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.40 0 0 0 0 0.32 0 0 0 0 0.20 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 90% at 50% 0,#faf4e8 0%,#f5ecd8 45%,#efe4cd 100%);font-size:15px;line-height:1.6}.ph-survey input,.ph-survey textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.ph-survey img{-webkit-user-drag:none;pointer-events:none}.ph-survey .wrap{max-width:560px;margin:0 auto}.ph-survey header{z-index:30;height:var(--header-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f7f0e3f0;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 10px #5a462812}.ph-survey .hbar{align-items:center;gap:calc(var(--header-h) * .12);width:100%;max-width:560px;margin:0 auto;padding:0 20px;display:flex}.ph-survey .hlogo,.ph-survey .logo-slot{height:calc(var(--header-h) * .72);flex:none;width:auto;display:block}.ph-survey .logo-slot{width:calc(var(--header-h) * .72);color:var(--ink-3);text-align:center;border:1px dashed #c9b48a;border-radius:8px;justify-content:center;align-items:center;padding:2px;font-size:10px;line-height:1.2;display:flex}.ph-survey .hname{font-size:calc(var(--header-h) * .42);letter-spacing:.08em;white-space:nowrap;font-weight:800;line-height:1}.ph-survey .hsub{max-width:560px;color:var(--ink-3);justify-content:space-between;align-items:center;margin:0 auto;padding:12px 20px 10px;font-size:12.5px;display:flex}.ph-survey .hsub .title{color:var(--ink-2);font-size:13px;font-weight:600}.ph-survey .complaint-btn{border:1.5px solid var(--brand);color:var(--brand);background:#fffaf0;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:600}.ph-survey .complaint-btn.on{background:var(--brand);color:#fff}.ph-survey main{margin-top:14px;padding:0 14px}.ph-survey .card{border-radius:var(--radius);background:#fdf8ec;margin-bottom:14px;padding:6px 18px;box-shadow:0 6px 24px #5a462817}.ph-survey .q{border-bottom:1px solid var(--line);padding:20px 0}.ph-survey .q:last-child{border-bottom:none}.ph-survey .q-title{gap:7px;margin:0 0 4px;font-size:15.5px;font-weight:600;display:flex}.ph-survey .req{color:var(--danger);font-size:13px;font-weight:400}.ph-survey .opt{color:var(--ink-3);font-size:12.5px;font-weight:400}.ph-survey .q-hint{color:var(--ink-3);margin:0 0 14px;font-size:12.5px}.ph-survey .stars,.ph-survey .nps{touch-action:none;-webkit-user-select:none;user-select:none}.ph-survey .stars{justify-content:center;gap:8px;padding:6px 0 10px;display:flex}.ph-survey .star{color:#e5dccb;cursor:pointer;background:0 0;border:none;padding:0;font-size:38px;line-height:1;transition:transform .18s cubic-bezier(.34,1.56,.64,1),color .18s,text-shadow .18s}.ph-survey .star.on{color:var(--star);text-shadow:0 3px 12px #ffb0208c;transform:scale(1.16)}.ph-survey .stars.sliding .star{transition-duration:.1s}.ph-survey .stars.sliding .star.on{transform:scale(1.26)}.ph-survey .star-label{text-align:center;color:var(--ink-2);min-height:20px;font-size:13px;font-weight:500;transition:color .18s}.ph-survey .nps{gap:4px;display:flex}.ph-survey .nps button{aspect-ratio:1;border:1px solid var(--line);min-width:0;color:var(--ink-2);background:#fffaf0;border-radius:8px;flex:1;padding:0;font-size:12.5px;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.ph-survey .nps button.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;transform:scale(1.1);box-shadow:0 3px 10px #ee312466}.ph-survey .nps.sliding button{transition-duration:.1s}.ph-survey .nps.sliding button.on{transform:scale(1.18)}.ph-survey .nps-scale{color:var(--ink-3);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.ph-survey #q-tags,.ph-survey #q-nps{scroll-margin-top:calc(var(--header-h) + 10px);scroll-margin-bottom:calc(140px + env(safe-area-inset-bottom))}.ph-survey textarea,.ph-survey input[type=text],.ph-survey input[type=tel]{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fdf9ef;border-radius:11px;outline:none;padding:11px 13px;font-size:16px}.ph-survey textarea{min-height:104px}.ph-survey .counter{text-align:right;color:var(--ink-3);margin-top:5px;font-size:11.5px}.ph-survey .tags{flex-wrap:wrap;gap:8px;display:flex}.ph-survey .tags button{border:1px solid var(--line);color:var(--ink-2);background:#fffaf0;border-radius:999px;padding:8px 15px;font-size:13.5px}.ph-survey .tags button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:600}.ph-survey .footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:20;background:#f7f0e3f2;position:fixed;bottom:0;left:0;right:0}.ph-survey .footer .inner{max-width:560px;margin:0 auto}.ph-survey .btn-primary{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#c01420,#8e0d14);border:none;border-radius:12px;width:100%;padding:15px;font-size:17.5px;font-weight:700}.ph-survey .btn-primary:disabled{opacity:.6}.ph-survey .privacy,.ph-survey .store-note{text-align:center;color:var(--ink-3);margin-top:9px;font-size:11.5px}.ph-survey .done{background:var(--bg);z-index:50;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.ph-survey .done.show{display:flex}.ph-survey .done h2{margin:0 0 8px;font-size:20px}.ph-survey .done p{color:var(--ink-2);margin:0 0 6px;font-size:14px}.ph-survey .gift-btn{color:var(--brand);background:#fdf0ec;border:1px solid #eecdc2;border-radius:999px;margin-top:26px;padding:6px 15px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.ph-survey .done button{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#c01420,#8e0d14);border:none;border-radius:13px;margin-top:24px;padding:19px 66px;font-size:22px;font-weight:700}.ph-survey .photo-grid{flex-wrap:wrap;gap:10px;display:flex}.ph-survey .ph{border-radius:10px;width:76px;height:76px;position:relative;overflow:hidden}.ph-survey .ph img{object-fit:cover;width:100%;height:100%}.ph-survey .ph-x{color:#fff;pointer-events:auto;background:#141a22b8;border:none;border-radius:50%;width:21px;height:21px;position:absolute;top:3px;right:3px}.ph-survey .photo-add{width:76px;height:76px;color:var(--ink-3);background:#fbf3e0;border:1.5px dashed #d5c39d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:flex}.ph-survey .toast{color:#fff;opacity:0;pointer-events:none;z-index:99;background:#141a22eb;border-radius:10px;padding:10px 18px;font-size:13.5px;position:fixed;bottom:110px;left:50%;transform:translate(-50%,10px)}.ph-survey .toast.show{opacity:1;transform:translate(-50%)}.ph-survey .preview-line{color:#8a3a36;max-width:560px;margin:0 auto;padding:0 20px 8px;font-size:12px}.ph-survey{--ink:#1f1f1f;--ink-2:#555;--ink-3:#999;--line:#ececec;--bg:#fff;background:#fff!important}.ph-survey header{background:#fffffff5!important;box-shadow:0 1px 8px #0000000d!important}.ph-survey .card{border:1px solid #f0f0f0;background:#fff!important;box-shadow:0 2px 14px #0000000f!important}.ph-survey .complaint-btn:not(.on),.ph-survey .nps button:not(.on),.ph-survey .tags button:not(.on){background:#fff!important}.ph-survey textarea,.ph-survey input{background:#fafafa!important}.ph-survey .photo-add{background:#fafafa!important;border-color:#ddd!important}.ph-survey .footer{background:#fffffff5!important}.ph-survey .star{color:#e6e6e6}.ph-survey{touch-action:pan-x pan-y;-moz-text-size-adjust:100%;text-size-adjust:100%}html:has(.ph-survey){touch-action:pan-x pan-y;-moz-text-size-adjust:100%;text-size-adjust:100%}.ph-survey button,.ph-survey a{touch-action:manipulation}.ph-survey .stars,.ph-survey .nps,.ph-survey .stars button,.ph-survey .nps button{touch-action:none}