:root{--lp-bg: #eef0f4;--lp-panel: #ffffff;--lp-border: #e3e6ec;--lp-border-strong: #cfd4de;--lp-text: #2b2f36;--lp-text-sub: #6b7280;--lp-text-dim: #9aa1ad;--lp-accent: #2f5fe0;--lp-accent-soft: #eaf0fe;--lp-accent-strong: #2450c8;--lp-danger: #c2492f;--lp-radius: 10px;--lp-radius-sm: 7px;--lp-shadow-card: 0 1px 2px rgba(24, 32, 56, .05), 0 2px 8px rgba(24, 32, 56, .05);--lp-shadow-pop: 0 4px 16px rgba(24, 32, 56, .12)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--lp-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.lp-scroll{scrollbar-width:thin;scrollbar-color:#c6ccd8 transparent}.lp-scroll::-webkit-scrollbar{width:8px;height:8px}.lp-scroll::-webkit-scrollbar-thumb{background:#c6ccd8;border-radius:4px}.lp-scroll::-webkit-scrollbar-thumb:hover{background:#aab2c0}.lp-scroll::-webkit-scrollbar-track{background:transparent}.lp-btn{transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease,transform .06s ease}.lp-btn:hover:not(:disabled){background:#f4f7ff;border-color:var(--lp-accent);color:var(--lp-accent-strong)}.lp-btn:active:not(:disabled){transform:translateY(1px)}.lp-btn:disabled{opacity:.42;cursor:default}.lp-btn:focus-visible{outline:2px solid var(--lp-accent);outline-offset:1px}.lp-btn-danger:hover:not(:disabled){background:#fdf1ee;border-color:var(--lp-danger);color:var(--lp-danger)}.lp-btn-active,.lp-btn-active:hover:not(:disabled){background:var(--lp-accent-soft);border-color:var(--lp-accent);color:var(--lp-accent-strong);font-weight:600}.lp-btn-primary{background:var(--lp-accent);border:1px solid var(--lp-accent);color:#fff;font-weight:600}.lp-btn-primary:hover:not(:disabled){background:var(--lp-accent-strong);border-color:var(--lp-accent-strong);color:#fff;box-shadow:0 2px 8px #2f5fe059}.lp-template-cat{margin:14px 0 6px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--lp-text-dim);text-transform:uppercase}.lp-template-cat:first-of-type{margin-top:10px}.lp-card{transition:border-color .12s ease,box-shadow .12s ease,transform .08s ease,background-color .12s ease}.lp-card:hover:not(:disabled){border-color:var(--lp-accent);box-shadow:var(--lp-shadow-pop);transform:translateY(-1px)}.lp-card:active:not(:disabled){transform:translateY(0)}.lp-card:focus-visible{outline:2px solid var(--lp-accent);outline-offset:1px}.lp-chip{transition:background-color .12s ease,border-color .12s ease,color .12s ease}.lp-chip:hover:not(:disabled){border-color:var(--lp-accent);color:var(--lp-accent-strong);background:#f6f9ff}.lp-chip-active,.lp-chip-active:hover:not(:disabled){background:var(--lp-accent);border-color:var(--lp-accent);color:#fff;font-weight:600}.lp-input{transition:border-color .12s ease,box-shadow .12s ease}.lp-input:focus{outline:none;border-color:var(--lp-accent);box-shadow:0 0 0 3px #2f5fe026}.lp-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa1ad' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:9px 50%;padding-left:30px!important}.lp-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#dfe3ea;cursor:pointer}.lp-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--lp-accent);border:2px solid #fff;box-shadow:0 1px 3px #1820384d;cursor:pointer}.lp-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--lp-accent);border:2px solid #fff;box-shadow:0 1px 3px #1820384d;cursor:pointer}.lp-range:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.lp-select,.lp-color{cursor:pointer}.lp-notice{animation:lp-notice-in .18s ease}@keyframes lp-notice-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.lp-header-title{letter-spacing:.02em}.lp-tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.lp-tour-ring{position:absolute;border:2.5px solid var(--lp-accent);border-radius:10px;box-shadow:0 0 0 4000px #1016262e,0 0 0 1px #2f5fe059;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease}.lp-tour-card{position:absolute;width:340px;background:var(--lp-panel);border:1px solid var(--lp-border);border-radius:12px;box-shadow:var(--lp-shadow-pop);padding:16px 18px 14px;pointer-events:auto;animation:lp-tour-card-in .2s ease}@keyframes lp-tour-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lp-tour-counter{margin:0 0 6px;font-size:11px;font-weight:700;color:var(--lp-accent-strong);letter-spacing:.08em}.lp-tour-title{margin:0 0 8px;font-size:15px;font-weight:700}.lp-tour-body{margin:0 0 14px;font-size:12.5px;line-height:1.8;color:var(--lp-text-sub)}.lp-tour-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.lp-tour-skip{padding:7px 12px;background:#fff;border:1px solid var(--lp-border-strong);border-radius:8px;font-size:12px;color:var(--lp-text-sub)}.lp-tour-next{padding:7px 18px;border-radius:8px;font-size:12px}.lp-welcome{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.lp-welcome-card{position:relative;background:var(--lp-panel);border:1px solid var(--lp-border);border-radius:14px;box-shadow:var(--lp-shadow-pop);padding:22px 26px 18px;max-width:420px;text-align:center;pointer-events:auto;animation:lp-welcome-in .24s ease}@keyframes lp-welcome-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-welcome-title{margin:0 0 6px;font-size:17px;font-weight:700}.lp-welcome-sub{margin:0 0 16px;font-size:12.5px;color:var(--lp-text-sub);line-height:1.7}.lp-welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.lp-welcome-btn{padding:9px 16px;background:#fff;border:1px solid var(--lp-border-strong);border-radius:9px;cursor:pointer;font-size:13px;color:var(--lp-text)}.lp-welcome-btn-primary{background:var(--lp-accent);border-color:var(--lp-accent);color:#fff;font-weight:600}.lp-welcome-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:16px;line-height:1;color:var(--lp-text-dim);cursor:pointer;padding:4px}.lp-welcome-note{margin:14px 0 0;font-size:11px;color:var(--lp-text-dim)}.lp-toasts{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:55;pointer-events:none}.lp-toast{background:#1c2234e0;color:#fff;border-radius:999px;padding:8px 18px;font-size:12.5px;box-shadow:0 4px 14px #10162640;animation:lp-toast-in .18s ease,lp-toast-out .3s ease 1.9s forwards;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes lp-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-toast-out{to{opacity:0;transform:translateY(6px)}}.lp-omakase-btn{display:block;width:100%;padding:9px 10px;margin-bottom:6px;background:var(--lp-accent);border:1px solid var(--lp-accent);border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:#fff}.lp-omakase-btn:hover:not(:disabled){background:var(--lp-accent-strong);border-color:var(--lp-accent-strong);color:#fff}@media(prefers-reduced-motion:reduce){.lp-tour-ring{transition:none}.lp-tour-card,.lp-welcome-card,.lp-toast{animation:none}.lp-toast{opacity:1}}