:root{--ink:#efe9f7;--ink2:#f5f0fb;--panel:#ffffff;--line:#e4ddf1;--surface:#f6f1fb;--gold:#b3873a;--gold-soft:#c9a25b;--accent:#6d51b0;--accent-soft:#efe7fb;--text:#322b4a;--muted:#7d7799;--error:#b5546a}*{box-sizing:border-box;margin:0;padding:0}body,html{background:radial-gradient(1200px 600px at 70% -10%,#f0e6fb 0,transparent 60%),radial-gradient(900px 500px at 0 110%,#f2ebfb 0,transparent 55%),var(--ink);color:var(--text);min-height:100vh;line-height:1.7;-webkit-font-smoothing:antialiased;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:30px 20px 90px}header.top{text-align:center;margin-bottom:8px}.brand{font-size:34px;font-weight:700;letter-spacing:.16em;background:linear-gradient(180deg,var(--gold-soft),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{display:block;font-size:11px;letter-spacing:.36em;color:var(--muted);font-weight:400;margin-top:4px}.tagline{color:var(--muted);font-size:13px;margin-top:8px}.proto-badge{display:inline-block;margin-top:12px;font-size:10.5px;letter-spacing:.2em;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.dots{display:flex;justify-content:center;gap:10px;margin:24px 0}.dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:.3s}.dot.on{background:var(--accent);width:22px;border-radius:4px}.card{background:#ffffff;border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:0 10px 30px rgba(90,66,150,.07)}.card h2{font-size:17px;letter-spacing:.04em;margin-bottom:4px;text-align:center}.card .sub{color:var(--muted);font-size:13px;text-align:center;margin-bottom:22px}.opts{flex-direction:column;gap:10px;max-width:380px;margin:0 auto}.opt,.opts{display:flex}.opt{align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .15s;text-align:left;color:var(--text);font-family:inherit;font-size:14px;width:100%}.opt:hover,.opt[aria-pressed=true]{border-color:var(--accent)}.opt[aria-pressed=true]{background:var(--accent-soft)}.opt .ic{width:40px;height:40px;border-radius:10px;background:#ece6f8;display:grid;place-items:center;flex:none}.opt .ic svg{width:24px;height:24px}.opt .ic svg *{stroke:var(--accent)}.opt .tx b{display:block;font-size:14px;margin-bottom:1px}.opt .tx span{color:var(--muted);font-size:12px}.opt[aria-pressed=true] .ic{background:linear-gradient(180deg,#8368c9,var(--accent))}.opt[aria-pressed=true] .ic svg *{stroke:#fff}.ai-pick{max-width:380px;margin:18px auto 0}.ai-pick-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 8px}.ai-pick-head b{font-size:13px;color:var(--muted)}.ai-rec{font-size:11px;font-weight:700;color:var(--gold);background:#f6eeda;border:1px solid #e6d5a8;border-radius:999px;padding:2px 9px}.ai-consent{display:flex;gap:11px;align-items:flex-start;margin:0 auto;padding:13px 15px;background:var(--surface);border:1px solid var(--line);border-radius:13px;cursor:pointer;transition:border-color .15s,background .15s}.ai-consent[data-on=true]{background:var(--accent-soft);border-color:var(--accent)}.ai-consent input{margin-top:3px;width:17px;height:17px;accent-color:var(--accent);flex:none}.ai-consent b{display:block;font-size:13.5px;margin-bottom:2px}.ai-consent span span{color:var(--muted);font-size:11.5px;line-height:1.6}.handtype{max-width:520px;margin:4px auto 16px;padding:16px 18px;background:linear-gradient(180deg,#ffffff,var(--accent-soft));border:1px solid var(--accent);border-radius:15px;text-align:center}.ht-badge{display:inline-block;font-weight:700;font-size:15px;color:var(--accent);margin-bottom:8px}.handtype p{color:var(--text);font-size:13.5px;line-height:1.75;margin:0 0 10px;text-align:left}.handtype .finger-notes{text-align:left;margin:0 0 10px;padding-left:20px}.handtype .finger-notes li{color:var(--text);font-size:13px;line-height:1.7;margin-bottom:4px}.handtype .advice{text-align:left}.lines-block{margin-bottom:4px}.lr-table{display:flex;flex-direction:column;gap:2px;margin-top:8px}.lr-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;border-radius:8px}.lr-row:not(.lr-h):nth-child(odd){background:var(--surface)}.lr-h{color:var(--muted);font-size:12px}.lr-h small{display:block;font-size:10px;opacity:.8}.lr-name{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text)}.lr-name i{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.lr-row span:nth-child(2),.lr-row span:nth-child(3){text-align:center;font-size:13px;color:var(--text)}.lr-top{color:var(--gold)!important;font-weight:700}.lr-note{color:var(--muted);font-size:11.5px;line-height:1.65;margin-top:8px}.prominent-line{display:flex;align-items:center;justify-content:center;gap:8px;max-width:520px;margin:0 auto 12px;font-size:13px;color:var(--muted)}.prominent-line .pl-dot{width:10px;height:10px;border-radius:50%;flex:none}.analyzing-overlay{position:fixed;inset:0;background:#efe9f7cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50}.analyzing-box{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text);font-size:14px}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.src-badge{display:inline-block;margin-top:10px;font-size:11.5px;letter-spacing:.04em;border-radius:999px;padding:4px 13px}.src-badge.ai{color:#fff;background:linear-gradient(180deg,#8368c9,var(--accent));font-weight:700}.src-badge.warn{color:var(--error);border:1px solid var(--line)}.nav{display:flex;gap:12px;margin-top:26px;max-width:380px;margin-left:auto;margin-right:auto}.btn{flex:1 1;padding:14px;border-radius:13px;border:none;cursor:pointer;font-size:14.5px;font-weight:700;font-family:inherit;letter-spacing:.04em;transition:transform .1s,filter .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#8368c9,var(--accent));color:#fff}.btn.primary:hover{filter:brightness(1.04)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);flex:0 0 auto;padding:14px 20px}.btn:disabled{opacity:.45;cursor:not-allowed}.tabs{display:flex;gap:8px;max-width:300px;margin:0 auto 16px}.tab{flex:1 1;padding:9px 10px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.tab[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.scan{max-width:300px;margin:0 auto;text-align:center}.scan-frame{position:relative;width:300px;max-width:100%;height:330px;margin:0 auto;border-radius:18px;background:radial-gradient(circle at 50% 40%,#f1ebfb,#e6def4);overflow:hidden;border:1px solid var(--line)}.scan-frame img.shot,.scan-frame video{object-fit:cover}.scan-frame .overlay,.scan-frame img.shot,.scan-frame video{position:absolute;inset:0;width:100%;height:100%}.corner{position:absolute;width:26px;height:26px;border:2px solid var(--accent);z-index:2}.corner.tl{left:14px;border-right:0;border-radius:6px 0 0 0}.corner.tl,.corner.tr{top:14px;border-bottom:0}.corner.tr{right:14px;border-left:0;border-radius:0 6px 0 0}.corner.bl{left:14px;border-right:0;border-radius:0 0 0 6px}.corner.bl,.corner.br{bottom:14px;border-top:0}.corner.br{right:14px;border-left:0;border-radius:0 0 6px 0}.scanline{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);top:0;opacity:0;filter:drop-shadow(0 0 6px var(--accent));z-index:3}.scanning .scanline{animation:scan 1.6s ease-in-out infinite;opacity:1}@keyframes scan{0%{top:12%}50%{top:86%}to{top:12%}}.scan-hint{color:var(--muted);font-size:12.5px;margin-top:16px;min-height:20px}.cam-error{color:var(--error);font-size:12.5px;margin-top:12px;line-height:1.7}.dropzone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1;color:var(--muted);font-size:13px;cursor:pointer;border:2px dashed transparent;border-radius:18px;transition:border-color .15s}.dropzone.drag{border-color:var(--accent)}.dropzone svg{width:40px;height:40px;opacity:.85}.dropzone svg *{stroke:var(--accent)}.result-head{text-align:center;padding:6px 0 22px}.result-head .axis{font-size:11px;letter-spacing:.24em;color:var(--gold)}.result-head h2{font-size:23px;margin:8px 0;font-weight:700}.result-head p{color:var(--muted);font-size:13px;max-width:520px;margin:0 auto}.photo-wrap{position:relative;width:300px;max-width:100%;height:360px;margin:0 auto 8px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#f1ebfb,#e6def4)}.photo-wrap img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.linechips{flex-wrap:wrap;justify-content:center;margin-bottom:18px}.lchip,.linechips{display:flex;gap:7px}.lchip{align-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 13px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:all .15s}.lchip:hover{border-color:var(--accent)}.lchip .cdot{width:9px;height:9px;border-radius:50%;flex:none}.lchip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.lchip.extra{border-style:dashed}.rcard{background:#ffffff;border:1px solid var(--line);border-left-width:3px;border-radius:14px;padding:15px 18px}.rcard h4{font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.rcard h4 .sw{width:16px;height:3px;border-radius:2px}.rcard h4 .pill{font-size:10.5px;color:var(--muted);font-weight:500;border:1px solid var(--line);padding:2px 9px;border-radius:999px;margin-left:auto;letter-spacing:.06em}.rcard ul{list-style:none;display:flex;flex-direction:column;gap:6px}.rcard li{font-size:13.5px;color:var(--text);padding-left:18px;position:relative}.rcard li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.rcard .when{margin-top:9px;font-size:12.5px;color:var(--gold);border-top:1px dashed var(--line);padding-top:9px}.rcard .deepread{font-size:14px;background:var(--accent-soft);border-radius:10px;margin-bottom:11px;line-height:1.65;font-weight:600}.rcard .advice,.rcard .deepread{color:var(--text);padding:11px 13px}.rcard .advice{margin-top:11px;font-size:12.8px;background:#f7f1e8;border:1px solid #ecdfc9;border-radius:10px;line-height:1.7}.rcard .advice .atag{display:inline-block;font-size:10.5px;font-weight:700;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin-right:8px;letter-spacing:.06em}.summary{background:linear-gradient(180deg,#ffffff,var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:16px}.summary h3{font-size:13px;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}.summary p{font-size:14px;color:var(--text)}.disc{margin-top:22px;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.9}