.demo-sheet{--demo-accent:#087f83;--demo-text:#193841;--demo-line:#d7e2e4;position:fixed;top:var(--demo-viewport-top,0);bottom:var(--demo-keyboard-inset,0);margin:auto;width:540px;max-width:calc(100vw - 28px);max-height:min(880px,calc(var(--demo-available-height,100svh) - 24px));padding:0;border:1px solid #d7e2e4;border-radius:18px;background:#f5f8f9;color:var(--demo-text);box-shadow:0 25px 110px #17241440;overflow:auto;overscroll-behavior:contain;scroll-padding-block:88px 20px;font-family:var(--font-sans);font-size:15px;line-height:1.6}.demo-sheet-wide{width:850px}.demo-sheet::-webkit-backdrop{background:#14232970;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.demo-sheet::backdrop{background:#14232970;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.demo-sheet button{font:inherit;cursor:pointer;color:var(--demo-accent)}.demo-sheet button:disabled{opacity:.45;cursor:default}.demo-sheet button:focus-visible,.demo-sheet input:focus-visible,.demo-sheet select:focus-visible,.demo-sheet textarea:focus-visible{outline:3px solid #087f83;outline-offset:2px}.demo-sheet-header{position:-webkit-sticky;position:sticky;top:0;z-index:3;display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;grid-gap:5px;gap:5px;min-height:58px;padding:7px 12px;background:#f8fafbf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #dce5e7}.demo-sheet-header>h2{min-width:0;margin:0;text-align:center;font-size:16px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.demo-sheet-header>button{min-width:44px;min-height:44px;padding:4px;border:0;background:transparent;text-align:left;font-size:14px}.demo-sheet-header>.demo-save{text-align:right;font-weight:700}.demo-sheet-body{padding:20px;overflow-wrap:anywhere}.demo-sheet-body h3{margin:24px 0 8px;font-size:13px;line-height:1.5;font-weight:600;color:#60777e}.demo-sheet-body h3:first-child{margin-top:0}.demo-sheet-body p{line-height:1.8}.demo-sheet input,.demo-sheet select,.demo-sheet textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfdce0;border-radius:9px;background:#fff;color:#243c44;font:inherit;font-size:16px}.demo-sheet textarea{resize:vertical}.demo-sheet input[type=checkbox]{width:auto;min-height:20px}.demo-sheet-storage{padding:9px 18px;border-bottom:1px solid #d8e5e7;background:#eaf3f4;color:#56737b;font-size:11px;line-height:1.6}.demo-sheet-storage strong{margin-right:4px;font-size:10px;letter-spacing:.5px}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #ccdade;border-radius:9px;background:#fff;color:var(--demo-accent,#087f83);font-size:13px;font-weight:600;text-decoration:none}.demo-primary{background:#087f83!important;color:#fff!important;border-color:#087f83}.demo-danger-fill{background:#b53930!important;color:#fff!important;border-color:#b53930}.demo-danger{color:#bd4039!important}.demo-confirm-content{font-size:14px;line-height:1.8}.demo-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:25px}.demo-confirm-actions button,.demo-error{font-size:13px}.demo-error{color:#b83c32;line-height:1.6;white-space:pre-wrap}.demo-help{font-size:12px;line-height:1.75;color:#617b82}.demo-field-label{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#607980}.demo-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 11px;margin-bottom:14px;border-radius:10px;background:#e8f0f2;color:#6a858d}.demo-search input{width:100%;min-width:0;padding:10px 0;border:0;background:transparent;outline-offset:0;font-size:16px}.demo-search>svg{width:18px;height:18px;flex-shrink:0}.demo-search input::placeholder{font-size:13px}.demo-choice-list{background:#fff;border-radius:12px;overflow:hidden}.demo-choice-list>button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;padding:13px 15px;border:0;border-bottom:1px solid #e3ebed;background:transparent;text-align:left;color:#243b42;line-height:1.5}.demo-choice-list>button:last-child{border-bottom:0}.demo-choice-list small{display:block;margin-top:4px;font-size:12px;color:#69838b}.demo-segment{display:flex;gap:2px;padding:3px;border-radius:9px;background:#e6ecee}.demo-segment button{flex:1 1;min-width:0;min-height:34px;padding:6px 10px;border:0;border-radius:7px;background:transparent;font-size:13px;color:#30474f}.demo-segment button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #00000017;font-weight:650}body:has(.demo-sheet[open]){overflow:hidden}@media(max-width:640px){.demo-sheet{top:auto;bottom:var(--demo-keyboard-inset,0);width:100%;max-width:100%;max-height:calc(var(--demo-available-height,100svh) - 14px);margin:0;border-bottom:0;border-radius:15px 15px 0 0}.demo-sheet-header{grid-template-columns:77px minmax(0,1fr) 77px;padding:7px 10px}.demo-sheet-header>h2{font-size:14px}.demo-sheet-header>button{font-size:13px}.demo-sheet-body{padding:18px 18px max(22px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.demo-sheet *{scroll-behavior:auto!important;transition:none!important}}dialog.demo-sheet :is(input,select,textarea){font-size:16px}.demo-sheet{--demo-keyboard-inset:max(0px,calc(100dvh - var(--demo-available-height, 100dvh) - var(--demo-viewport-top, 0px)))}.start-guide{display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--w-ink,#16373b);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;text-align:left}.start-guide *{box-sizing:border-box}.start-guide-tabs{display:flex;flex-wrap:wrap;gap:5px;width:100%;padding:4px;background:#edf3f4;border-radius:12px}.start-guide-tabs button{flex:1 1 90px;min-width:0;min-height:44px;padding:7px;border:0;border-radius:9px;background:transparent;color:#335b63;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;cursor:pointer}.start-guide-tabs button[aria-pressed=true]{background:#fff;color:#086f73;box-shadow:0 1px 4px #16373b1a}.start-guide-after,.start-guide-browser-intro,.start-guide-count,.start-guide-intro{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.start-guide-count{font-weight:600}.start-guide-browser{display:flex;flex-direction:column;gap:12px;min-width:0}.start-guide-browser+.start-guide-browser{margin-top:12px;padding-top:24px;border-top:2px solid var(--w-line,#dbe4df)}.start-guide .start-guide-browser-title{margin:0;font-size:20px;line-height:1.5;font-weight:700;color:var(--w-ink,#16373b)}.start-guide-after,.start-guide-browser-note{margin:0;font-size:12px;line-height:1.7;color:var(--w-muted,#65757a);overflow-wrap:anywhere}.start-guide-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;min-width:0}.start-guide-step{display:grid;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--w-line,#dbe4df);border-radius:14px;background:var(--w-surface,#fff);min-width:0}.start-guide-step.is-iphone{grid-template-columns:minmax(0,1fr) 220px;align-items:start}.start-guide-step.is-iphone .start-guide-text{grid-column:1}.start-guide-step.is-iphone .start-guide-figure{grid-column:2;grid-row:1/span 2;width:220px;justify-self:end}.start-guide-step.is-pc,.start-guide-step.is-text{grid-template-columns:minmax(0,1fr)}.start-guide-head{display:flex;gap:10px;align-items:flex-start;min-width:0}.start-guide .start-guide-head h4{margin:0;font-size:15px;line-height:1.6;font-weight:700;overflow-wrap:anywhere}.start-guide-number{flex:none;width:28px;height:28px;border-radius:50%;background:var(--w-teal,#176660);color:#fff;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.start-guide-text{min-width:0}.start-guide-text p{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.start-guide-text small{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:var(--w-muted,#65757a)}.start-guide-figure{position:relative;margin:0;border-radius:10px;overflow:hidden;background:#0b0f14;border:1px solid var(--w-line,#dbe4df);min-width:0}.start-guide-figure img{display:block;width:100%;height:auto}.start-guide-marker{position:absolute;width:42px;height:42px;transform:translate(-50%,-50%);pointer-events:none}.start-guide-marker i{display:block;width:42px;height:42px;border:3px solid #d63d30;border-radius:50%;box-shadow:0 0 0 3px #fffc,0 0 0 6px #d63d3055;animation:start-guide-pulse 1.6s ease-out infinite}.start-guide-marker em{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:700;line-height:1.4;color:#fff;background:#c53227;padding:3px 7px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px #0005}.start-guide-marker[data-place=above] em{top:auto;bottom:calc(100% + 6px)}.start-guide-marker[data-side=left] em{left:auto;right:0;transform:none}.start-guide-marker[data-side=right] em{left:0;transform:none}@keyframes start-guide-pulse{0%{box-shadow:0 0 0 3px #fffc,0 0 0 4px #d63d3066}to{box-shadow:0 0 0 3px #fffc,0 0 0 16px #d63d3000}}@media(prefers-reduced-motion:reduce){.start-guide-marker i{animation:none}}@media(max-width:600px){.start-guide-step.is-iphone{grid-template-columns:minmax(0,1fr)}.start-guide-step.is-iphone .start-guide-figure{grid-column:1;grid-row:auto;width:min(100%,280px);justify-self:center}}.start-guide-enlarge{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:#fff;cursor:zoom-in;text-align:left}.start-guide-enlarge:focus-visible,.start-guide-launch:focus-visible,.start-guide-tabs button:focus-visible{outline:3px solid #df921c;outline-offset:-3px}.start-guide-zoom-label{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;min-height:28px;padding:3px 8px;border-radius:7px;background:#152d3ddd;color:#fff;font-size:11px;font-weight:650;box-shadow:0 1px 4px #0003}.start-guide-detail{display:grid;grid-gap:14px;gap:14px;min-width:0}.start-guide-detail p{margin:0;font-size:14px;line-height:1.7}.start-guide-image-scroll{max-width:100%;overflow:auto;border-radius:12px;background:#111;overscroll-behavior:contain}.start-guide-full-frame{position:relative;max-width:none;margin:auto}.start-guide-full-frame.is-pc{width:1280px}.start-guide-full-frame.is-iphone{width:390px}.start-guide-full-image{display:block;width:100%;max-width:none;height:auto}.start-guide-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #b4d3d2;border-radius:10px;background:#edf8f7;color:#086f73;font-family:inherit;font-size:14px;font-weight:600;line-height:1.6;text-align:center;overflow-wrap:anywhere;cursor:pointer}.start-guide-marker[data-compact]{width:24px;height:24px}.start-guide-marker[data-compact] i{width:24px;height:24px;border-width:2px}