:root{--paper:#f6f0ec;--ink:#312742;--muted:#877888;--pink:#bc5989;--line:#dfd2dc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5vw}a{color:inherit;text-decoration:none}.brand{font-weight:800;font-size:19px;letter-spacing:.09em}.brand span{font-size:9px;color:var(--muted);letter-spacing:.18em;margin-left:20px}.download{font-size:11px;border-bottom:1px solid;padding-bottom:4px}main{max-width:1170px;display:grid;grid-template-columns:minmax(0,710px) 290px;gap:55px;margin:36px auto;padding:0 30px}.device{background:#393344;padding:18px 18px 12px;border-radius:16px;box-shadow:0 15px 32px #35233f1b}.monitor{background:#111119;border:3px solid #1d1728;overflow:hidden;border-radius:2px}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;outline:none;aspect-ratio:256/240}.hardware{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#c4aebe;letter-spacing:.11em;font-size:9px}.hardware i{display:inline-block;background:#f3a6c9;border-radius:50%;width:5px;height:5px;margin-right:5px}button{font:inherit;cursor:pointer}.hardware button{border:0;background:transparent;color:#dbbfd1;font-size:10px}.under{font-size:10px;color:var(--muted);margin:17px 3px;display:flex;justify-content:space-between;gap:8px}aside{padding:13px 0}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--pink);font-weight:700}h1{font-size:46px;line-height:1.35;margin:20px 0 16px;letter-spacing:.05em}h1 em{font-style:normal;color:var(--pink)}.intro{font-size:13px;line-height:1.9;margin:0 0 25px}.profile{border-top:1px solid var(--line);padding-top:20px}.small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}.profile strong{display:block;font-size:17px;letter-spacing:.04em}.profile small{font-weight:400;font-size:11px;color:var(--muted);margin-left:10px}.profile p{font-size:11px;line-height:1.95;color:var(--muted);margin:10px 0 22px}.bond>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.bond strong{color:var(--pink);font-size:20px}.track{height:5px;background:#e5d8e0;margin-top:9px}.track i{display:block;height:5px;background:var(--pink);width:0;transition:width .2s}.primary{background:var(--pink);border:0;box-shadow:0 3px #8c416a;color:#fff;border-radius:6px;padding:15px;width:100%;font-size:13px;font-weight:600;margin-top:21px}.primary:hover{background:#a94878}.primary:disabled{opacity:.55;cursor:default}.hint{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 20px;min-height:15px}.keys{border-top:1px solid var(--line);padding-top:15px;display:flex;flex-wrap:wrap;gap:13px;font-size:10px;color:var(--muted)}kbd{font:10px monospace;background:#fff9f8;border:1px solid #d7c6d2;box-shadow:0 1px #d7c6d2;border-radius:3px;padding:3px 5px;color:var(--ink)}.manual{display:block;margin-top:22px;font-size:10px;text-decoration:underline;color:var(--muted)}#options{display:flex;flex-direction:column;gap:8px;margin-top:17px}#options:empty{display:none}#options button{text-align:left;border:1px solid var(--line);border-radius:5px;padding:12px;background:#fffaf8;color:var(--ink);font-size:11px;line-height:1.5}#options button:hover{border-color:var(--pink);background:#fae7ef}footer{display:flex;justify-content:space-between;gap:20px;max-width:1110px;margin:30px auto;padding:20px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.touch{display:none;gap:8px}.touch button{border:1px solid #d7c6d2;border-radius:7px;background:#eee0e7;color:var(--ink);min-height:44px;flex:1;font-size:12px;touch-action:none;user-select:none}@media(max-width:850px){header{height:65px}.brand span{display:none}main{display:block;margin-top:20px;padding:0 14px}.device{padding:10px 10px 8px}.touch{display:flex;margin:18px 0}aside{padding:20px 10px}h1{font-size:36px;line-height:1.25}h1 br{display:none}.profile{margin-top:20px}.under{font-size:9px}.primary{max-width:450px}.keys{font-size:11px}footer{margin:20px 24px;flex-direction:column;font-size:9px;gap:9px}.profile p{font-size:12px}#options button{font-size:13px}}
