.dyn{font-family:var(--tp-font-body);letter-spacing:.01em}.auth{min-height:clamp(560px, calc(100svh - var(--head-h) - 56px), 820px);border-radius:var(--r-xl);border:2px solid var(--tp-line);background:var(--tp-bg);box-shadow:var(--sh-soft);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 8px;display:grid;overflow:hidden}.auth-art{--art-bg:var(--tp-deep);--art-ink:#a9cfc8;--art-accent:var(--tp-teal);--art-solid:352px;isolation:isolate;background:var(--art-bg);color:#eaf7f3;align-content:space-between;gap:24px;padding:48px;display:grid;position:relative;overflow:hidden}.auth-art.purple{--art-bg:#3a2b6c;--art-ink:#d6cbf5;--art-accent:#c9b2ff;color:#f3eeff}[data-theme=night] .auth-art.purple{--art-bg:#1e1638;--art-ink:#cfc2f2}.auth-art .art-copy{max-width:300px;position:relative}.auth-art h2{color:#fff;margin-top:22px;font-size:40px;line-height:1.2}.auth-art p{color:var(--art-ink);text-wrap:pretty;margin-top:12px;line-height:1.75}.auth-art .perks{gap:10px;margin-top:24px;display:grid}.auth-art .perks div{align-items:center;gap:10px;font-weight:700;display:flex}.auth-art .perks svg.i{color:var(--art-accent)}.auth-art p.art-stats{font:800 13px/1.5 var(--tp-font-num);letter-spacing:.02em;margin-top:22px}.auth-art .back{color:var(--art-ink);justify-self:start;align-items:center;gap:6px;font-weight:700;display:inline-flex;position:relative}.auth-art .back:hover{color:#fff}.auth-art.has-wall:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--art-bg) 55%, transparent) 0, transparent 90px, transparent calc(100% - 90px), color-mix(in srgb, var(--art-bg) 55%, transparent) 100%), linear-gradient(90deg, var(--art-bg) 0, var(--art-bg) var(--art-solid), color-mix(in srgb, var(--art-bg) 62%, transparent) calc(var(--art-solid) + 70px), color-mix(in srgb, var(--art-bg) 24%, transparent) calc(var(--art-solid) + 190px), color-mix(in srgb, var(--art-bg) 12%, transparent) 100%);position:absolute;inset:0}.art-wall{--well:96px;--gap:14px;z-index:-2;grid-template-columns:repeat(3, var(--well));column-gap:var(--gap);pointer-events:none;-webkit-user-select:none;user-select:none;display:grid;position:absolute;top:-90px;bottom:-90px;right:-18px;transform:rotate(-7deg)}.art-strip{grid-row:1;min-width:0}.art-strip:first-child{grid-column:3}.art-strip:nth-child(2){margin-top:calc(var(--well) * -.55);grid-column:2}.art-strip:nth-child(3){margin-top:calc(var(--well) * -.2);grid-column:1}.art-strip:nth-child(n+4){display:none}.art-track{will-change:transform;flex-direction:column;animation:120s linear infinite art-y;display:flex}.art-strip:nth-child(2) .art-track{animation-duration:140s;animation-direction:reverse}.art-strip:nth-child(3) .art-track{animation-duration:160s}@keyframes art-y{0%{transform:translate(0,0)}to{transform:translateY(-33.3333%)}}@keyframes art-x{0%{transform:translate(0,0)}to{transform:translate(-33.3333%)}}.art-well{width:var(--well);height:var(--well);margin:0 0 var(--gap);background-color:var(--tp-well);background-image:radial-gradient(var(--tp-well-dot) 1.2px, transparent 1.3px);background-size:12px 12px;border-radius:24px;flex:none;padding:9%;display:block;overflow:hidden;box-shadow:0 10px 22px -12px #0000008c}.art-well img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=1180px) and (width>=761px){.art-wall{grid-template-columns:repeat(2, var(--well))}.art-strip:first-child{grid-column:2}.art-strip:nth-child(2){grid-column:1}.art-strip:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.art-track{animation:none}}.is-still .art-track{animation:none}.auth-form{place-items:center;padding:40px 24px;display:grid}.auth-card{width:min(420px,100%);animation:tp-fade var(--t) var(--ease) both;grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.auth-card>*,.auth-stack>*{justify-self:stretch;min-width:0}.auth-card h1{font-size:30px}.auth-card>p.muted{margin-top:-6px;line-height:1.7}.auth-stack{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.auth-card .link{color:var(--tp-teal-ink);font-weight:800}.auth-card .link:hover{text-underline-offset:3px;text-decoration:underline}.auth-alt{text-align:center;color:var(--tp-muted);font-size:14px}.auth-alt .back-link{color:var(--tp-muted);font-weight:700}.auth-alt .back-link:hover{color:var(--tp-ink)}.auth-note{border-radius:var(--r-sm);background:var(--tp-err-bg);color:var(--tp-ink);align-items:flex-start;gap:8px;padding:10px 12px;font-size:13.5px;font-weight:600;line-height:1.6;display:flex}.auth-note>span{flex:1;min-width:0}.auth-note svg.i{color:var(--tp-err);flex:none;margin-top:2px}.auth-note.ok{background:var(--tp-teal-bg)}.auth-note.ok svg.i{color:var(--tp-teal-ink)}.auth-note .btn{flex:none;align-self:center}.cap-line{height:26px;color:var(--tp-muted);cursor:default;grid-template-rows:20px 2px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px 8px;margin:-4px 0 -6px;font-size:13px;font-weight:600;line-height:20px;display:grid}.cap-line .cap-ico{height:20px;color:var(--tp-faint);transition:color var(--t) var(--ease);grid-area:1/1;place-items:center;display:grid}.cap-line .cap-ico svg.i{width:16px;height:16px}.cap-line .cap-txt{white-space:nowrap;grid-area:1/2;min-width:0}.cap-line .cap-retry{height:20px;color:var(--tp-teal-ink);font:inherit;vertical-align:top;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:6px;padding:0 4px;font-weight:800;line-height:20px}.cap-line .cap-retry:hover{text-underline-offset:3px;text-decoration:underline}.cap-line .cap-bar{background:var(--tp-line);opacity:0;height:2px;transition:opacity var(--t) var(--ease);border-radius:2px;grid-area:2/2;overflow:hidden}.cap-line .cap-bar i{border-radius:inherit;background:var(--tp-teal);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--cap-p,0));transition:transform var(--t) var(--ease);display:block}.cap-line.is-solving .cap-bar{opacity:1}.cap-line.is-solving:not(.is-known) .cap-bar i{width:32%;animation:cap-sweep 1.3s var(--ease) infinite;transform:translate(-100%)}.cap-line.is-ready .cap-ico{color:var(--tp-teal-ink)}.cap-line.is-ready .cap-ico svg.i{stroke-width:2.6px}.cap-line.is-failed .cap-ico{color:var(--tp-err)}@keyframes cap-sweep{to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.cap-line.is-solving:not(.is-known) .cap-bar i{opacity:.45;width:100%;animation:none;transform:none}}.is-still .cap-line.is-solving:not(.is-known) .cap-bar i{opacity:.45;width:100%;animation:none;transform:none}.pw-meter{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pw-meter i{background:var(--tp-line);height:6px;transition:background var(--t) var(--ease);border-radius:3px}.pw-meter i.on{background:var(--c-green)}.pw-meter.weak i.on{background:var(--c-orange)}.sent{text-align:center;border-radius:var(--r-lg);background:var(--tp-teal-bg);justify-items:center;gap:12px;padding:18px;display:grid}.sent>svg.i{width:30px;height:30px}.sent p{overflow-wrap:anywhere;line-height:1.7}.sent.bad{background:var(--tp-err-bg)}.sent.bad>svg.i{color:var(--tp-err)}.me-h{flex-wrap:wrap;align-items:center;gap:20px;padding:2px 0 18px;display:flex}.me-h .avatar{border-width:4px;border-color:var(--c-pink);background:var(--tp-card);width:84px;height:84px;font-size:32px}.me-h h1{font-size:30px;font-family:var(--tp-font-body);font-weight:900}.me-h .meta{color:var(--tp-muted);font-size:14px}.quota{border-radius:var(--r);background:var(--tp-sand);border:2px solid var(--tp-line);gap:8px;min-width:260px;margin-left:auto;padding:14px 16px;display:grid}.quota .row{color:var(--tp-ink);justify-content:space-between;gap:10px;font-size:13px;font-weight:800;display:flex}.quota .row small{font-family:var(--tp-font-num);color:var(--tp-muted)}.me-tabs{border-bottom:2px solid var(--tp-line);gap:4px;min-height:max-content;display:flex;overflow-x:auto}.me-tabs a{color:var(--tp-muted);flex:none;align-items:center;gap:6px;padding:12px 14px 10px;font-size:14.5px;font-weight:800;display:inline-flex;position:relative}.me-tabs a .n{font:800 12px var(--tp-font-num);color:var(--tp-faint)}.me-tabs a .n.hot{color:#fff;background:var(--tp-heart);border-radius:9px;padding:0 6px;line-height:18px}.me-tabs a:hover,.me-tabs a[aria-current=page]{color:var(--tp-ink)}.me-tabs a[aria-current=page]:after{content:"";background:var(--tp-teal);height:4px;animation:tp-leaf .5s var(--spring);border-radius:3px 3px 0 0;position:absolute;bottom:-2px;left:12px;right:12px}.me-body{gap:16px;margin-top:20px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar>b{color:var(--tp-ink)}.folders{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.folder{border-radius:var(--r-lg);border:2px solid var(--tp-line);background:var(--tp-card);text-align:left;color:inherit;transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);gap:8px;padding:10px;display:grid}.folder:hover{border-color:var(--tp-teal);transform:translateY(-1px)}.folder.is-on{border-color:var(--tp-teal);box-shadow:0 0 0 3px var(--tp-teal-bg)}.folder .mini{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.folder .mini>*{aspect-ratio:1;object-fit:contain;background:var(--tp-input);border-radius:10px;width:100%;padding:3px}.folder b{color:var(--tp-ink);font-size:14px;font-family:var(--tp-font-body)}.folder small{color:var(--tp-muted);font:700 12px var(--tp-font-num)}.folder.add{color:var(--tp-muted);border-style:dashed;align-content:center;place-items:center;gap:6px;min-height:120px;font-weight:800}.list{border-radius:var(--r-lg);border:2px solid var(--tp-line);background:var(--tp-card);gap:0;display:grid;overflow:hidden}.li{border-bottom:1.5px solid var(--tp-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.li:last-child{border-bottom:0}.li.is-new{animation:tp-flash 1.6s var(--ease) 2}.li.is-unread{background:color-mix(in srgb, var(--tp-teal-bg) 55%, var(--tp-card))}@keyframes tp-flash{50%{background:var(--tp-teal-bg)}}.li .th{background:var(--tp-input);width:48px;height:48px;color:var(--tp-faint);border-radius:14px;place-items:center;padding:4px;display:grid}.li .th img{object-fit:contain;width:100%;height:100%}.li b{color:var(--tp-ink);overflow-wrap:anywhere;font-size:14.5px;display:block}.li small{color:var(--tp-muted);font-size:12.5px}.li .r{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.li .note{color:var(--tp-warn);margin-top:4px;font-size:12.5px;font-weight:700;display:block}.settings-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.set-row{border-radius:var(--r);background:var(--tp-card);border:2px solid var(--tp-line);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.set-row>div:first-child{flex:1;min-width:200px}.set-row>.input{flex:180px;max-width:320px}.set-row b{color:var(--tp-ink);font-size:14.5px;display:block}.set-row small{color:var(--tp-muted);font-size:12.5px}.set-row.danger b{color:var(--tp-err)}.set-row.is-open{flex-direction:column;align-items:stretch}.set-row.is-open>div:first-child{flex:none}.set-form{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:480px;display:grid}.set-form>*{min-width:0}.set-form .acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sessions{gap:8px;width:100%;display:grid}.sessions .s{background:var(--tp-input);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.sessions .s .grow{min-width:0}.sessions .s b{font-size:13.5px;display:inline}.fav-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;display:grid}.fav-it{border:2px solid var(--tp-line);background:var(--tp-card);border-radius:18px;gap:6px;padding:8px 8px 10px;display:grid;position:relative}.fav-it .pic{aspect-ratio:1;background:var(--tp-input);border-radius:12px;padding:6%;display:block}.fav-it .pic img{object-fit:contain;width:100%;height:100%}.fav-it .t{color:var(--tp-ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.fav-it .t small{color:var(--tp-faint);font:700 11.5px var(--tp-font-num);margin-left:4px}.fav-it .kind{background:var(--tp-sun);color:var(--tp-on-sun);border-radius:8px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.fav-it .more{background:color-mix(in srgb, var(--tp-card) 90%, transparent);width:30px;height:30px;color:var(--tp-muted);box-shadow:var(--sh-soft);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.fav-it .more:hover{color:var(--tp-ink)}.sheet-form{gap:14px;display:grid}.mob-actbar{display:none}@media (width<=760px){.auth{margin:calc(-1 * var(--page-pt)) calc(-1 * var(--gutter)) 0;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.auth-art{gap:8px;padding:24px 20px 22px}.auth-art .art-copy{max-width:none}.auth-art h2{margin-top:10px;font-size:26px}.auth-art .perks,.auth-art p.art-stats,.auth-art .back{display:none}.auth-art p{margin-top:8px;font-size:13.5px}.auth-art .logo-mark{width:32px;height:32px}.art-wall{--well:46px;--gap:8px;grid-template-columns:none;grid-template-rows:repeat(2, var(--well));column-gap:0;row-gap:var(--gap);inset:12px -40px auto 50%;transform:rotate(-5deg)}.art-strip:nth-child(n){grid-column:1;margin:0}.art-strip:first-child{grid-row:1}.art-strip:nth-child(2){margin-left:calc(var(--well) * -.5);grid-row:2}.art-strip:nth-child(n+3){display:none}.art-track{flex-direction:row;width:max-content;animation-name:art-x;animation-duration:90s}.art-well{margin:0 var(--gap) 0 0;border-radius:14px;padding:5px;box-shadow:0 6px 14px -8px #0000008c}.auth-art.has-wall:before{background:linear-gradient(180deg, transparent 0, transparent 104px, var(--art-bg) 128px), linear-gradient(90deg, var(--art-bg) 0, var(--art-bg) 48%, color-mix(in srgb, var(--art-bg) 58%, transparent) 64%, color-mix(in srgb, var(--art-bg) 22%, transparent) 100%)}.auth-form{align-items:start;padding:22px 16px 24px}.me-h{gap:14px;padding-top:0}.me-h .avatar{width:64px;height:64px;font-size:24px}.me-h h1{font-size:22px}.quota{width:100%;min-width:0;margin-left:0}.folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.li{grid-template-columns:auto minmax(0,1fr)}.li .r{grid-column:1/-1;justify-content:flex-end}.fav-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fav-it{border-radius:14px;padding:6px 6px 8px}.fav-it .kind{top:9px;left:9px}.mob-actbar{left:0;right:0;bottom:calc(60px + var(--safe-bottom));background:color-mix(in srgb, var(--tp-card) 97%, transparent);border-top:2px solid var(--tp-line);z-index:34;align-items:center;gap:8px;padding:10px 12px;display:flex;position:fixed}.mob-actbar .btn.primary{flex:1;margin-bottom:5px}.mob-actbar .btn{margin-bottom:5px}}