:root{color:#0c0c0c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f5;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.tryon{width:100%;min-height:100vh;padding:0 24px 64px}.header{border-bottom:1px solid #e5e5e1;justify-content:space-between;align-items:center;max-width:1100px;height:88px;margin:0 auto;display:flex}.brand-logo{width:auto;height:14px;display:block}.subtitle{letter-spacing:.22em;color:#85857e;font-size:10px}.header-right{align-items:center;gap:20px;display:flex}.header-right .subtitle{margin:0}.lang-switch{gap:4px;display:flex}.lang-button{color:#85857e;letter-spacing:.12em;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding:6px 8px;font-size:11px}.lang-button.active{color:#0c0c0c;border-bottom-color:#0c0c0c}.content{text-align:center;max-width:760px;margin:45px auto 0}.content h1{letter-spacing:.12em;margin:0 0 20px;font-family:Georgia,Yu Mincho,serif;font-size:clamp(27px,5vw,42px);font-weight:400}.description{color:#777770;letter-spacing:.08em;font-size:13px;line-height:2}.ring-selector{margin-bottom:14px}.ring-select{appearance:none;color:#0c0c0c;letter-spacing:.08em;text-align:center;text-align-last:center;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230c0c0c' stroke-width='1.2'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #fff;border-radius:999px;min-width:160px;padding:7px 34px;font-family:inherit;font-size:13px}.finger-selector,.hand-selector{flex-wrap:nowrap;justify-content:center;gap:6px;display:flex}.hand-selector{margin-top:14px}.finger-button,.hand-button{appearance:none;color:#0c0c0c;letter-spacing:.08em;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.finger-button.active,.hand-button.active{border-color:#0c0c0c}.size-control{color:#0c0c0c;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-family:inherit;font-size:13px;display:flex}.size-control input[type=range]{flex:1;min-width:80px;max-width:200px}#ring-size-value{text-align:left;min-width:3.5em}.camera-area{aspect-ratio:4/3;color:#85857e;letter-spacing:.08em;background:#e9e9e5;justify-content:center;align-items:center;width:100%;max-height:480px;margin:48px auto 28px;font-size:12px;display:flex;position:relative;overflow:hidden}#start-camera{color:#fff;cursor:pointer;letter-spacing:.12em;background:#0c0c0c;border:1px solid #0c0c0c;min-width:220px;padding:16px 32px;font-size:12px;transition:opacity .2s}#start-camera:hover{opacity:.75}@media (width<=600px){.tryon{padding:0 18px 40px}.header{height:70px}.content{margin-top:32px}.finger-selector,.hand-selector{gap:4px}.finger-button,.hand-button{padding:6px 9px;font-size:11px}.size-control{gap:8px;font-size:11px}.camera-area{aspect-ratio:auto;width:calc(100% + 36px);height:80vh;max-height:none;margin:36px 0 28px -18px}}