.phone{container:phone / size;display:grid;place-items:center;padding:10px;background:var(--bg-sunk);overflow:hidden}.phone-device{--frame: color-mix(in srgb, var(--ink) 84%, var(--bg));box-sizing:border-box;height:min(100cqh,820px);width:min(380px,100cqw,max(290px,50cqh));padding:9px;border-radius:36px;background:var(--frame);box-shadow:var(--shadow-lg),inset 0 0 0 1.5px color-mix(in srgb,var(--bg) 25%,transparent)}.phone-screen{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;border-radius:28px;overflow:hidden;background:var(--bg-elev)}.phone-status{display:flex;align-items:center;justify-content:space-between;height:26px;padding:2px 20px 0;font-size:.74rem;font-weight:700;color:var(--ink)}.phone-status-i{display:inline-flex;gap:4px}.phone-status .pa-ico{width:15px;height:15px}.phone-app{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);min-height:0;overflow:hidden}.phone-homebar{display:grid;place-items:center;height:20px;width:100%;border:0;padding:0;background:var(--bg-elev);cursor:pointer}.phone.has-kb .phone-homebar{background:var(--bg-sunk)}.phone-homebar:before{content:"";width:36%;height:5px;border-radius:99px;background:var(--ink-2)}.phone-homebar:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.phone-toast{bottom:30px}.phone-note{position:absolute;z-index:15;top:28px;inset-inline:8px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:16px;background:var(--bg-elev);box-shadow:var(--shadow-lg);animation:phone-note-in .35s ease-out}.phone-note[hidden]{display:none}@keyframes phone-note-in{0%{transform:translateY(-120%);opacity:0}}.phone-note-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ok);color:var(--bg-elev)}.phone-note-ico .pa-ico{width:17px;height:17px}.phone-note-t{flex:1;min-width:0;font-size:.8rem;line-height:1.4}.phone-note-h{display:flex;justify-content:space-between;gap:8px;font-size:.74rem}.phone-note p{margin:2px 0 0}.phone-note strong{font-size:.95rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}.phone-kb{padding:0 3px 4px;background:var(--bg-sunk);border-top:1px solid var(--line);user-select:none;-webkit-user-select:none;touch-action:manipulation}.phone-kb[hidden]{display:none}.phone-kb-top{display:flex;justify-content:flex-end;height:24px;align-items:center}.phone-kb-hide{display:grid;place-items:center;width:34px;height:22px;border:0;border-radius:6px;padding:0;background:transparent;color:var(--ink-3);cursor:pointer}.phone-kb-hide .pa-ico{width:17px;height:17px}.phone-keys{display:grid;gap:7px}.phone-row{display:flex;justify-content:center;gap:4px}.phone-key{flex:0 0 calc((100% - 36px)*.1);min-width:0;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:var(--bg-elev);box-shadow:0 1.5px 0 var(--line-2);color:var(--ink);font:inherit;font-size:1.02rem;line-height:1;cursor:pointer;overflow:hidden;white-space:nowrap}.phone-key .pa-ico{width:19px;height:19px}.phone-key--fn{flex:1 1 0;background:color-mix(in srgb,var(--line-2) 55%,var(--bg-sunk));font-size:.8rem;font-weight:650}.phone-row--2 .phone-key--fn{max-width:15%}.phone-row--3 .phone-key--page{flex:0 0 18%}.phone-key--space{flex:1 1 0;font-size:.72rem;color:var(--ink-3)}.phone-key--enter{flex:0 0 24%;background:var(--accent);color:var(--accent-fg);font-size:.8rem;font-weight:700}.phone-key--shift.is-on{background:var(--bg-elev);color:var(--accent)}.phone-key.is-down{background:var(--accent);color:var(--accent-fg);box-shadow:none}.phone-key--enter.is-down{background:var(--accent-ink)}.phone-kb[data-page=pad] .phone-key{flex:1 1 0;height:44px;font-size:1.25rem}.phone-kb[data-page=pad] .phone-key--fn,.phone-kb[data-page=pad] .phone-key--enter{font-size:.85rem}.phone-kb[data-page=pad] .phone-row{padding-inline:6px;gap:6px}.lib{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.lib-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:4px 12px;border-bottom:1px solid var(--line)}.lib-brand{display:inline-flex;align-items:center;gap:7px;min-width:0;font-weight:750;font-size:.9rem;color:var(--accent-ink)}.lib-brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-account{border:0;cursor:pointer}.lib-account:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lib-pane{min-height:0;overflow:auto;overscroll-behavior:contain}.lib-page{display:grid;gap:11px;align-content:start;padding:14px 16px 20px}.lib-hero{display:grid;place-items:center;width:52px;height:52px;margin:2px auto 0;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.lib-hero .pa-ico{width:28px;height:28px}.phone.has-kb .lib-hero{display:none}.lib-h{margin:0;font-size:1.15rem;text-align:center}.lib-sub{margin:0;font-size:.82rem;text-align:center}.lib-field{display:grid;gap:4px}.lib-label{font-size:.8rem;font-weight:650;color:var(--ink-2)}.lib-box{position:relative}.pa .lib-in{font-size:16px;padding:9px 11px;caret-color:var(--accent);direction:ltr;text-align:left}.pa .lib-in.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.lib-in--pass{padding-inline-end:44px!important}[dir=rtl] .lib-in--pass{padding-left:44px!important;padding-right:11px!important}.lib-eye{position:absolute;top:50%;right:3px;transform:translateY(-50%);width:38px;height:38px;color:var(--ink-2)}[dir=rtl] .lib-eye{right:auto;left:3px}.pa .lib-in--code{text-align:center;font-size:22px;letter-spacing:.35em;font-variant-numeric:tabular-nums}.lib-err{display:flex;align-items:flex-start;gap:6px;margin:0;padding:7px 9px;border-radius:8px;background:var(--bad-bg);color:var(--ink);font-size:.8rem}.lib-err .pa-ico{width:16px;height:16px;color:var(--bad)}.lib-check{display:flex;align-items:center;gap:9px;font-size:.86rem;cursor:pointer;padding:2px 0}.lib-check-in{flex:none;width:19px;height:19px;margin:0;accent-color:var(--accent);cursor:pointer}.lib-check-in:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lib-wide{width:100%;padding:11px 12px;border-radius:10px}.lib-link{justify-self:center;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--accent-ink);font-weight:650;font-size:.86rem;cursor:pointer}.lib-link:hover{text-decoration:underline}.lib-link:focus-visible,.lib-back:focus-visible{outline:2px solid var(--focus)}.lib-small{margin:2px 0 0;font-size:.72rem;text-align:center}.lib-h3{margin:4px 0 0;font-size:.86rem;color:var(--ink-2)}.lib-books{border:1px solid var(--line);border-radius:10px;overflow:hidden}.lib-book{align-items:flex-start;font-size:.84rem;cursor:default}button.lib-book{cursor:pointer}.lib-book:last-child{border-bottom:0}.lib-book .pa-ico{color:var(--accent);margin-top:2px}.lib-tip{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;border-radius:9px;background:var(--warn-bg);font-size:.8rem}.lib-tip .pa-ico{width:16px;height:16px;color:var(--warn)}.lib-back{justify-self:start;padding-inline:4px 8px}.lib-menu{top:44px;inset-inline-end:8px;min-width:190px}.lib-menu-who{display:grid;gap:1px;padding:6px 10px 4px;font-size:.82rem}@container phone (max-height: 560px){.phone-key{height:33px}.phone-keys{gap:6px}.phone-kb[data-page=pad] .phone-key{height:36px}.phone-kb-top{height:20px}.lib-page{gap:8px;padding-block:10px 14px}.lib-hero{display:none}}@container phone (max-width: 420px){.phone-device{width:min(380px,100cqw)}}@container phone (max-width: 320px){.phone-device{padding:6px;border-radius:28px}.phone-screen{border-radius:23px}.phone-row{gap:3px}.phone-key{flex-basis:calc((100% - 27px)*.1);font-size:.95rem}}@media(prefers-reduced-motion:reduce){.phone-note{animation:none}}