:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;font:16px/1.5 Hiragino Sans,Yu Gothic,Meiryo,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:#171317;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{color:#fdf9f7;background:#171317;flex-direction:column;display:flex;position:fixed;inset:0}.stage{flex:1;min-height:0;position:relative;overflow:hidden;transform:scaleX(-1)}.camera{object-fit:cover;background:#080708;width:100%;height:100%;display:block}.overlay{pointer-events:none;position:absolute;inset:0}.start-screen,.hint-banner,.mirror-controls{transform:scaleX(-1)}.start-screen{padding:max(28px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));text-align:center;color:#453238;background:linear-gradient(160deg,#fffaf7 0%,#f7e9e7 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.start-screen>*,.setup-panel>*,.setup-actions>*,.sliders>*,.choice-row>*{flex-shrink:0}.brow-mark{color:#7a4b58;width:min(210px,56vw);height:auto;margin-bottom:-8px}.brow-mark-sparkle{fill:#c98a9b}.start-screen h1{color:#704b57;letter-spacing:.08em;margin:0;font-size:clamp(32px,9vw,40px);line-height:1.25}.lead{color:#4e3a40;margin:0;font-size:19px;line-height:1.75}.note{color:#6f5b61;margin:0;font-size:16px;line-height:1.65}.big-button,.wide-button,.round-button,.choice,.link-button{touch-action:manipulation;flex-shrink:0;height:auto;min-height:48px}.big-button{color:#fff;cursor:pointer;background:#9b566a;border:2px solid #9b566a;border-radius:16px;width:100%;max-width:420px;padding:18px 22px;font-size:21px;font-weight:700;box-shadow:0 6px 18px #64374433}.big-button:disabled{opacity:.58;cursor:wait}.wide-button{color:#8c4d60;cursor:pointer;background:#fffaf8;border:2px solid #a96377;border-radius:14px;width:100%;padding:14px 16px;font-size:18px;font-weight:700}.wide-button.subtle{color:#604c52;background:0 0;border-color:#b9a6ac}.hint-banner{top:max(18px, env(safe-area-inset-top));color:#fffaf8;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#36262cd1;border:1px solid #fff1ed47;border-radius:999px;max-width:calc(100% - 32px);padding:12px 20px;font-size:17px;font-weight:600;position:absolute;left:50%;translate:-50%}.mirror-controls{right:0;bottom:max(24px, env(safe-area-inset-bottom));justify-content:center;gap:12px;padding:0 20px;display:flex;position:absolute;left:0}.round-button{color:#694552;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9f7f2;border:1px solid #ffffffbf;border-radius:16px;flex:1;max-width:200px;padding:15px 12px;font-size:18px;font-weight:700;box-shadow:0 4px 16px #00000038}.round-button.subtle{color:#fffaf8;background:#37272dc7;border-color:#fff1ed73}.setup-panel{max-height:58vh;padding:20px 18px max(28px, env(safe-area-inset-bottom));color:#453238;background:#fff9f6;border-top:3px solid #d6a5af;flex-direction:column;flex:none;gap:16px;display:flex;overflow-y:auto;box-shadow:0 -8px 24px #180f132e}.setup-head h2{color:#704b57;margin:0 0 5px;font-size:22px;line-height:1.4}.sliders{flex-direction:column;gap:18px;display:flex}.slider-row{display:block}.slider-label{color:#49353b;margin-bottom:7px;font-size:17px;font-weight:700;display:block}.slider-row input[type=range]{accent-color:#a9566d;cursor:pointer;width:100%;height:38px;margin:0}.slider-ends{color:#756168;justify-content:space-between;font-size:16px;display:flex}.link-button{color:#78495a;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:12px 8px;font-size:16px;font-weight:600;text-decoration:underline}.stability{border-top:1px solid #ddced1;padding-top:8px}.choice-row{gap:8px;margin-bottom:8px;display:flex}.choice{color:#5e4950;cursor:pointer;background:#f6ecea;border:2px solid #cdbbc0;border-radius:12px;flex:1;padding:12px 6px;font-size:16px;font-weight:700}.choice.active{color:#fff;background:#965267;border-color:#965267}.setup-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.error{color:#7d2525;background:#f9dddd;border:1px solid #dfa7a7;border-radius:12px;margin:0;padding:13px 16px;font-size:16px;line-height:1.55}.toast{bottom:max(28px, env(safe-area-inset-bottom));z-index:50;color:#fffaf8;text-align:center;background:#3d2a31f5;border:1px solid #ffebe759;border-radius:12px;max-width:88vw;padding:14px 20px;font-size:16px;position:fixed;left:50%;translate:-50%;box-shadow:0 6px 20px #00000047}.photo-preview,.result{color:#453238;background:#fff9f6}.result-actions{gap:10px;display:flex}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f0bd73}@media (hover:hover){.big-button:hover,.choice.active:hover{background:#86485b;border-color:#86485b}.wide-button:hover,.link-button:hover{color:#6e394b}}@media (height<=650px){.start-screen{justify-content:flex-start;gap:12px;overflow-y:auto}.start-screen h1{font-size:30px}}