/* manual-portal-m.css — 자동 생성(손으로 고치지 마세요) · 회차 mw-20260930T084758Z-0f6fcfeb · 포털 원본 커밋 1c09f84 · 굳힌 폭 390(폰·터치) · 원본 app.css 15d39ae492b4 · assist.css a31dd259b141 · work.css 69c5861e462a · 설명서 그림(partials/manual-shots.php)의 섀도 DOM 안에서만 쓰입니다 · 다시 만들기: manual-web/run-all.sh(웹루트 밖) */
.pf-html{--bg: #05060a; --bg-2: #0a0c14; --card: rgba(255,255,255,.035); --card-2: rgba(255,255,255,.06); --ink: #fff; --ink-2: rgba(255,255,255,.72); --ink-3: rgba(255,255,255,.45); --ink-4: rgba(255,255,255,.26); --line: rgba(255,255,255,.10); --line-2: rgba(255,255,255,.18); --field: #15171e; --field-2: #1c1f28; --n1: #7c5cff; --n2: #22d3ee; --n3: #f472b6; --warn: #ff5c7a; --ok: #34d399; --warn2: #ffb020; --grad: linear-gradient(100deg, var(--n1), var(--n2)); --grad-3: linear-gradient(100deg, var(--n1), var(--n3) 45%, var(--n2)); --r: 16px; --head-h: 63px; --ease: cubic-bezier(.22,1,.36,1); color-scheme: dark;}
*,*::before,*::after{box-sizing: border-box;}
div:where(.pf-body){margin: 0; background: var(--bg); color: var(--ink); font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Malgun Gothic', system-ui, sans-serif; font-size: 15px; line-height: 1.6; letter-spacing: -.02em; -webkit-font-smoothing: antialiased;}
div:where(.pf-body)::before{content: ''; position:absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(calc(var(--pf-vw) * 60) calc(var(--pf-vh) * 50) at 10% -10%, rgba(124,92,255,.20), transparent 60%), radial-gradient(calc(var(--pf-vw) * 50) calc(var(--pf-vh) * 40) at 100% 0%, rgba(34,211,238,.13), transparent 60%);left:var(--pf-x,0px);top:var(--pf-y,0px);right:auto;bottom:auto;width:calc(var(--pf-vw) * 100);height:calc(var(--pf-vh) * 100)}
h1,h2,h3,p{margin: 0;}
button{font: inherit; color: inherit; background: none; border: 0; cursor: pointer;}
a{color: inherit; text-decoration: none;}
input,textarea,select{font: inherit;}
svg{fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; display: block;}
table{border-collapse: collapse;}
:focus-visible{outline: 2px solid var(--n2); outline-offset: 3px; border-radius: 6px;}
[hidden]{display: none !important;}
.btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 22px; border-radius: 999px; font-size: 15px; font-weight: 500; letter-spacing: -.01em; transition: box-shadow .3s var(--ease), background-color .25s, border-color .25s, opacity .2s;}
.btn--primary{background: var(--grad); color: #05060a; box-shadow: 0 8px 26px -8px rgba(124,92,255,.7);}
.btn--primary:hover{box-shadow: 0 12px 36px -8px rgba(34,211,238,.7);}
.pill{display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.03); font-size: 13px; font-weight: 500; color: var(--ink-2); white-space: nowrap; transition: border-color .25s, background-color .25s, color .25s;}
.pill--btn:hover,.pill--link:hover{border-color: var(--line-2); color: var(--ink); background: rgba(255,255,255,.06);}
.pill.is-on{border-color: transparent; background: var(--grad); color: #05060a;}
.pill.is-off{color: var(--ink-4);}
.f{display: block;}
.f + .f{margin-top: 13px;}
.f > span{display: block; margin-bottom: 7px; font-size: 13px; font-weight: 500; color: var(--ink-2);}
.f input,.f textarea,.f select{width: 100%; height: 46px; padding: 0 14px; border-radius: 11px; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--ink); font-size: 15px; font-weight: 500; transition: border-color .25s, background-color .25s, box-shadow .25s;}
.f input:focus,.f textarea:focus,.f select:focus{outline: none; border-color: var(--n2); background: rgba(255,255,255,.06); box-shadow: 0 0 0 3px rgba(34,211,238,.14);}
.f select{background: var(--field);}
.f select:focus{background: var(--field-2);}
select option,select optgroup{background: var(--field); color: var(--ink);}
.table tbody tr.is-wait{background: rgba(255,255,255,.03);}
.table tbody tr.is-wait td{color: var(--ink-3);}
.opsbtn{height: 44px; padding: 0 22px; font-size: 15px;}
.opsbtn{flex: 1;}
.msg{min-height: 20px; margin: 14px 0 12px; font-size: 13px; font-weight: 500; color: var(--ink-3);}
b,strong{font-weight: 500;}
.main{padding: clamp(20px, calc(var(--pf-vw) * 3), 34px) clamp(16px, calc(var(--pf-vw) * 3), 32px) 80px; max-width: 1320px; margin-inline: auto;}
.shell{display: grid; grid-template-columns: 240px 1fr; min-height: calc(var(--pf-vh) * 100);}
.shell__body{min-width: 0;}
.side{position: sticky; top: 0; align-self: start; height: calc(var(--pf-vh) * 100); display: flex; flex-direction: column; padding: 18px 14px 14px; border-right: 1px solid var(--line); background: rgba(255,255,255,.015);}
.head{position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--head-h); padding: 8px clamp(16px, calc(var(--pf-vw) * 3), 32px); border-bottom: 1px solid var(--line); background: rgba(5,6,10,.78); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);}
.head__title{font-size: 17px; font-weight: 500; letter-spacing: -.03em;}
.head__right{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.head__out{display: none;}
.tabbar{display: none;}
.shell{grid-template-columns: 1fr;}
.side{display: none;}
.head__out:not([hidden]){display: inline-flex;}
.head{min-height: 56px; padding: 8px 16px;}
.head__title{font-size: 16px;}
.main{padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));}
.tabbar{position:absolute; inset: auto 0 0 0; z-index: 30; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); background: rgba(5,6,10,.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);}
.tabbar__link{display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 2px; border-radius: 10px; font-size: 11.5px; font-weight: 500; color: var(--ink-3); transition: color .2s;}
.tabbar__link svg{width: 20px; height: 20px;}
.tabbar__link.is-on{color: var(--n1);}
.stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); gap: 12px;}
.stat{position: relative; overflow: hidden; padding: 18px 20px; border-radius: var(--r); border: 1px solid var(--line); background: var(--card);}
.stat::after{content: ''; position: absolute; inset: auto auto -40px -30px; width: 120px; height: 120px; border-radius: 50%; filter: blur(38px); opacity: .5; background: var(--n1);}
.stat--new::after{background: var(--n2);}
.stat--today::after{background: var(--n3);}
.stat--week::after{background: #34d399;}
.stat__k{position: relative; font-size: 13px; font-weight: 500; color: var(--ink-3);}
.stat__v{position: relative; margin-top: 4px; font-size: 32px; font-weight: 800; letter-spacing: -.045em; font-variant-numeric: tabular-nums;}
.panel{margin-top: 16px; padding: 20px clamp(16px, calc(var(--pf-vw) * 2), 24px) 22px; border-radius: var(--r); border: 1px solid var(--line); background: var(--card);}
.panel__head{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px;}
.panel__head--wrap{flex-wrap: wrap;}
.panel h2{font-size: 18px; font-weight: 700; letter-spacing: -.03em;}
.panel__note{font-size: 13px; font-weight: 500; color: var(--ink-4);}
.tools{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.search{position: relative;}
.search svg{position: absolute; left: 12px; top: 50%; translate: 0 -50%; width: 15px; height: 15px; color: var(--ink-4);}
.search input{width: min(300px, calc(var(--pf-vw) * 60)); height: 38px; padding: 0 14px 0 34px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--ink); font-size: 13.5px; font-weight: 500;}
.search input:focus{outline: none; border-color: var(--n2); box-shadow: 0 0 0 3px rgba(34,211,238,.13);}
.chips{display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 16px;}
.chip{height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.03); font-size: 13px; font-weight: 500; color: var(--ink-2); transition: border-color .25s, background-color .25s, color .25s;}
.chip:hover{border-color: var(--line-2); color: var(--ink);}
.chip.is-on{border-color: transparent; background: var(--grad); color: #05060a;}
.tablewrap{overflow-x: auto; margin-inline: calc(clamp(16px, calc(var(--pf-vw) * 2), 24px) * -1); padding-inline: clamp(16px, calc(var(--pf-vw) * 2), 24px);}
.table{width: 100%; min-width: min(900px, 100%); font-size: 13.5px;}
.table th{padding: 10px 12px; text-align: left; white-space: nowrap; font-size: 12.5px; font-weight: 500; color: var(--ink-3); border-bottom: 1px solid var(--line);}
.table td{padding: 13px 12px; border-bottom: 1px solid rgba(255,255,255,.055); vertical-align: middle;}
.table tbody tr{cursor: pointer; transition: background-color .2s;}
.table tbody tr:hover{background: rgba(255,255,255,.035);}
.table tbody tr.is-new td:first-child{box-shadow: inset 2px 0 0 var(--n2);}
.t-mut{color: var(--ink-3);}
.t-when{white-space: nowrap; color: var(--ink-3); font-variant-numeric: tabular-nums;}
.badge{display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; font-size: 12px; font-weight: 500; white-space: nowrap; border: 1px solid transparent;}
.badge::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor;}
.badge--new{color: var(--n2); background: rgba(34,211,238,.13); border-color: rgba(34,211,238,.3);}
.badge--done{color: var(--ok); background: rgba(52,211,153,.13); border-color: rgba(52,211,153,.3);}
.badge--spam{color: var(--ink-4); background: rgba(255,255,255,.05); border-color: var(--line);}
.pager{display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px;}
.pager__info{font-size: 13px; font-weight: 500; color: var(--ink-4);}
.note{margin-bottom: 16px; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--line); background: rgba(255,255,255,.025); font-size: 13px; font-weight: 500; color: var(--ink-3); line-height: 1.6;}
.note{overflow-wrap: anywhere;}
.note.is-warn{border-color: rgba(255,92,122,.34); background: rgba(255,92,122,.08); color: #ffb3c1;}
.note.is-ok{border-color: rgba(52,211,153,.3); background: rgba(52,211,153,.08); color: #86efac;}
.note b{color: var(--ink); font-weight: 500;}
.grid2{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 4px;}
.grid2 .f + .f{margin-top: 0;}
.f > span em{font-style: normal; color: var(--ink-4);}
.log{margin-top: 16px; padding: 14px 16px; border-radius: 10px; border: 1px solid var(--line); background: rgba(0,0,0,.35); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.7; color: var(--ink-2); white-space: pre-wrap; word-break: break-all; max-height: 260px; overflow: auto;}
.t-title{color: var(--ink); max-width: 380px;}
.t-cat{white-space: nowrap; color: var(--ink-3);}
.chipbox__add{display: inline-flex; align-items: center; margin-top: 8px; padding: 7px 14px; border-radius: 999px; cursor: pointer; border: 1px dashed var(--line-2); background: transparent; color: var(--ink-2); font: inherit; font-size: 13px; font-weight: 500; line-height: 1.4; transition: border-color .2s, color .2s, background-color .2s;}
.chipbox__add:hover{border-color: var(--n2); color: var(--ink); background: rgba(255,255,255,.04);}
.chipbox__add:active{transform: translateY(1px);}
.linkish{border: 0; background: transparent; padding: 0; cursor: pointer; color: var(--ink-2); font: inherit; text-align: left; border-bottom: 1px dashed var(--line);}
.linkish:hover{color: var(--n2); border-bottom-color: var(--n2);}
.tablewrap{position: relative;}
.grid2{grid-template-columns: 1fr;}
.tag{display: inline-block; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--line); font-size: 12px; font-weight: 500; color: var(--ink-3); margin-right: 5px;}
.tag--on{border-color: rgba(124,92,255,.5); background: rgba(124,92,255,.14); color: #c9bcff;}
.dim{color: var(--ink-3); font-size: 13px;}
.rowacts{white-space: nowrap;}
.rowacts .pill{margin-right: 6px;}
.rowacts .pill[disabled]{opacity: .35; cursor: default;}
.stat__sub{margin-top: 4px; font-size: 12px; font-weight: 500; color: var(--ink-3);}
.stat--late::after{background: var(--warn);}
.stat--late .stat__v{color: #ffb3c1;}
.sel{height: 34px; padding: 0 10px; border-radius: 9px; border: 1px solid var(--line); background: var(--field); color: var(--ink); font-size: 13px; font-weight: 500; max-width: 100%;}
.sel:focus{outline: none; border-color: var(--n2); background: var(--field-2);}
.sel--stage{min-width: 108px;}
.link{cursor: pointer; border-bottom: 1px solid transparent; transition: border-color .2s, color .2s;}
.link:hover{color: var(--n2); border-bottom-color: currentColor;}
.num{text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums;}
td.is-late{color: #ffb3c1;}
td.is-soon{color: #ffd9a0;}
.meet__st{min-width: 190px;}
.todos{display: grid; gap: 7px;}
.todo{display: flex; align-items: center; gap: 9px; flex-wrap: wrap; padding: 10px 12px; border-radius: 11px; border: 1px solid var(--line); background: rgba(255,255,255,.025); font-size: 14px; cursor: pointer;}
.todo input{width: 17px; height: 17px; flex: none;}
.todo__what{color: var(--ink-2);}
.meet__st{min-width: 130px;}
.stat--go{cursor: pointer; transition: border-color .2s, transform .2s var(--ease);}
.stat--go:hover{border-color: var(--line-2); transform: translateY(-2px);}
.todo--home{cursor: pointer;}
.todo--home:hover{border-color: var(--line-2); background: rgba(255,255,255,.05);}
.todo__from{margin-left: auto; font-size: 12px;}
.tag.is-late{border-color: rgba(255,92,122,.5); background: rgba(255,92,122,.12); color: #ffb3c1;}
.tag.is-soon{border-color: rgba(245,158,11,.5); background: rgba(245,158,11,.12); color: #ffd9a0;}
.workrow{padding: 11px 13px; margin-bottom: 8px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.025);}
.workrow:last-child{margin-bottom: 0;}
.workrow b{font-weight: 500;}
.workrow p{margin: 4px 0 6px; font-size: 13px;}
.workrow--click{cursor: pointer;}
.workrow--click:hover{border-color: var(--line-2);}
.navbadge{margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--n1); color: #05060a; font-size: 11.5px; font-weight: 700; font-style: normal;}
.tabbar__link .navbadge{position: absolute; margin: 0; top: 2px; right: 50%; transform: translateX(18px); min-width: 17px; height: 17px; font-size: 10.5px;}
.tabbar__link{position: relative;}
.grid2{grid-template-columns: 1fr;}
.tabbar__link{padding: 6px 1px; font-size: 10.5px; gap: 2px;}
.tabbar__link svg{width: 19px; height: 19px;}
.tabbar__link span{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chipbox{width: 100%; min-height: 46px; padding: 7px 8px; border-radius: 11px; border: 1px solid var(--line); background: rgba(255,255,255,.04); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; cursor: text; transition: border-color .25s, background-color .25s, box-shadow .25s;}
.chipbox__list{display: contents;}
.chipbox__empty{font-size: 13px; color: var(--ink-4);}
.chipbox{cursor: pointer;}
.chipbox.is-empty{min-height: 46px;}
.chip-t{display: inline-flex; align-items: center; gap: 6px; padding: 5px 6px 5px 11px; border-radius: 999px; border: 1px solid rgba(34,211,238,.32); background: rgba(34,211,238,.12); max-width: 100%;}
.chip-t b{font-size: 13px; font-weight: 500; color: var(--n2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chip-t__x{width: 18px; height: 18px; flex: none; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--ink-3); font-size: 15px; line-height: 1; cursor: pointer; transition: background-color .2s, color .2s;}
.chip-t__x:hover{background: rgba(255,255,255,.14); color: var(--ink);}
.chipbox__n{display: block; margin-top: 6px; font-size: 12px; font-weight: 500; color: var(--ink-4);}
.todo__lab{display: flex; align-items: center; gap: 9px; cursor: pointer; min-width: 0;}
p.dim{margin-top: 10px;}
.note{margin-top: 16px;}
.navbadge{font-weight: 500;}
.table{word-break: keep-all; overflow-wrap: break-word;}
.table .tag,.table .pill,.table .badge,.table .chip{white-space: nowrap;}
.table--mail{table-layout: fixed;}
.table--mail td:nth-child(1),.table--bid td:nth-child(1),.table--bid td:nth-child(5){white-space: normal;}
.table--mail th:nth-child(1),.table--mail td:nth-child(1){width: 84px;}
.table--mail th:nth-child(2),.table--mail td:nth-child(2){width: 118px;}
.table--mail th:nth-child(4),.table--mail td:nth-child(4){width: 92px;}
.table--mail td:nth-child(4){padding-left: 4px; padding-right: 4px;}
.table--mail th:nth-child(5),.table--mail td:nth-child(5){width: 68px;}
.table--mail th:nth-child(7),.table--mail td:nth-child(7){width: 96px;}
.table--mail td{overflow: hidden;}
.table--mail td:nth-child(2){overflow-wrap: anywhere;}
.mail__title{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.mail__sum{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.table .rowacts{white-space: normal;}
.sel--cat{height: 28px; padding: 0 4px; font-size: 12.5px; background: var(--field);}
.grid2 > .panel{align-self: start;}
.todo__from{min-height: 32px; display: inline-flex; align-items: center;}
.meet__st .sel--stage{height: 30px; font-size: 12.5px;}
.table th.t-act,.table td.t-act{width: 64px; text-align: right; white-space: nowrap;}
.pill--del{height: 28px; padding: 0 10px; font-size: 12.5px; color: var(--ink-3);}
.pill--del:hover{color: var(--warn); border-color: rgba(255,92,122,.4);}
div:where(.pf-body).has-assist{--assist-w: 52px;}
div:where(.pf-body).has-assist.assist-open{--assist-w: clamp(320px, calc(var(--pf-vw) * 26), 400px);}
div:where(.pf-body).has-assist .shell{grid-template-columns: 240px minmax(0, 1fr) var(--assist-w);}
.assist{position: sticky; top: 0; align-self: start; height: calc(var(--pf-vh) * 100); z-index: 25; display: flex; min-width: 0; border-left: 1px solid var(--line); background: var(--bg-2);}
.assist__tab{display: none;}
div:where(.pf-body).has-assist:not(.assist-open) .assist__tab{display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; padding: 16px 0; color: var(--ink-3); transition: color .2s, background-color .2s;}
.assist__tab:hover{color: var(--ink); background: rgba(255,255,255,.04);}
.assist__fab{display: none;}
.assist__panel{display: none;}
div:where(.pf-body).assist-open .assist__panel{display: flex; flex-direction: column; flex: 1; min-width: 0; height: 100%; position: relative; background: var(--bg-2);}
.assist__head{flex: none; display: flex; align-items: center; gap: 8px; min-height: var(--head-h); padding: 8px 10px 8px 16px; border-bottom: 1px solid var(--line);}
.assist__brand{display: flex; align-items: center; gap: 8px; min-width: 0;}
.assist__brand svg{width: 17px; height: 17px; color: var(--n1); flex: none;}
.assist__brand b{font-size: 14.5px; font-weight: 500; letter-spacing: -.02em;}
.assist__acts{margin-left: auto; display: flex; align-items: center; gap: 2px;}
.assist__ico{width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; color: var(--ink-3); transition: color .2s, background-color .2s;}
.assist__ico:hover{color: var(--ink); background: rgba(255,255,255,.06);}
.assist__ico svg{width: 16px; height: 16px;}
.assist__ico--narrow{display: none;}
.assist__focus{flex: none; display: flex; align-items: center; gap: 8px; padding: 9px 12px 9px 16px; border-bottom: 1px solid var(--line); background: rgba(34,211,238,.07); font-size: 12.5px; font-weight: 500; color: var(--ink-2);}
.assist__body > *{flex: none;}
.assist__body{flex: 1; min-height: 0; overflow-y: auto; padding: 16px 14px 18px; display: flex; flex-direction: column; gap: 11px; font-size: 14px; overscroll-behavior: contain;}
.assist__ask{align-self: flex-end; max-width: 86%; padding: 10px 14px; border-radius: 15px 15px 4px 15px; background: var(--grad); color: #05060a; font-size: 14px; font-weight: 500; line-height: 1.55; white-space: pre-wrap; word-break: keep-all; overflow-wrap: anywhere; animation: assistPop .4s var(--ease) both;}
.assist__say{align-self: flex-start; max-width: 94%; padding: 12px 14px; border-radius: 15px 15px 15px 4px; border: 1px solid var(--line); background: rgba(255,255,255,.055); color: var(--ink-2); line-height: 1.7; white-space: pre-wrap; word-break: keep-all; overflow-wrap: anywhere; animation: assistPop .4s var(--ease) both;}
.assist__plan{align-self: stretch; padding: 14px; border-radius: 13px; border: 1px solid rgba(124,92,255,.42); background: rgba(124,92,255,.09); animation: assistPop .4s var(--ease) both;}
.assist__plan h4{margin: 0 0 11px; display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 500; color: var(--ink);}
.assist__plan h4 svg{width: 15px; height: 15px; color: var(--n1); flex: none;}
.assist__prow{display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 8px; padding: 6px 0; font-size: 13px; line-height: 1.55;}
.assist__prow + .assist__prow{border-top: 1px solid rgba(255,255,255,.07);}
.assist__pk{color: var(--ink-4); font-weight: 500;}
.assist__pv{color: var(--ink-2); font-weight: 500; word-break: keep-all; overflow-wrap: anywhere;}
.assist__pacts{display: flex; gap: 7px; flex-wrap: wrap; margin-top: 13px;}
.assist__ln{line-height: 1.7;}
.assist__foot{flex: none; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); background: rgba(255,255,255,.02);}
.assist__row{display: flex; align-items: flex-end; gap: 8px;}
.assist__ta{flex: 1; min-width: 0; height: 45px; max-height: 150px; padding: 11px 13px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1.5; resize: none; overflow-y: auto; transition: border-color .25s, background-color .25s, box-shadow .25s;}
.assist__ta::placeholder{color: var(--ink-4);}
.assist__ta:focus{outline: none; border-color: var(--n2); background: rgba(255,255,255,.06); box-shadow: 0 0 0 3px rgba(34,211,238,.14);}
.assist__send{flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--grad); color: #05060a; box-shadow: 0 8px 22px -10px rgba(124,92,255,.8); transition: box-shadow .3s var(--ease), opacity .2s;}
.assist__send:hover{box-shadow: 0 12px 30px -10px rgba(34,211,238,.8);}
.assist__send svg{width: 17px; height: 17px; stroke-width: 2.2;}
.assist__hint{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 7px; padding: 0 2px; font-size: 11.5px; font-weight: 500; color: var(--ink-4);}
.assist__threads{position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; background: var(--bg-2); animation: assistPop .25s var(--ease) both;}
div:where(.pf-body).has-assist .shell{grid-template-columns: 1fr;}
.assist{position:absolute; inset: 0; z-index: 40; display: block; height: calc(var(--pf-vh) * 100); border: 0; background: none; pointer-events: none;}
.assist > *{pointer-events: auto;}
div:where(.pf-body).has-assist:not(.assist-open) .assist__tab{display: none;}
.assist__fab{position:absolute; right: 16px; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: var(--grad); color: #05060a; box-shadow: 0 14px 34px -10px rgba(124,92,255,.85);}
.assist__fab svg{width: 22px; height: 22px; stroke-width: 2;}
div:where(.pf-body).assist-open .assist__fab{display: none;}
div:where(.pf-body).assist-open .assist__panel{position: absolute; inset: 0; border-left: 0;}
.assist__ico--wide{display: none;}
.assist__ico--narrow{display: block;}
.assist__body{padding-bottom: 14px;}
div:where(.pf-body).assist-open{overflow: hidden;}
.pill--del{border-color: rgba(255,92,122,.45); background: rgba(255,92,122,.1); color: #ffb3c1;}
.pill--del:hover{border-color: rgba(255,92,122,.75); background: rgba(255,92,122,.18); color: #ffd7de;}
#viewWork{word-break: keep-all; overflow-wrap: anywhere;}
#viewWork{padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px));}
:host{all:initial;display:block;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.pf-html{display:block;visibility:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
div:where(.pf-body){position:relative;isolation:isolate;overflow:hidden}
.pf-anc{display:block!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;position:static!important;overflow:visible!important;transform:none!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;filter:none!important;opacity:1!important;grid-template-columns:none!important}
*,*::before,*::after{animation:none!important;transition:none!important;caret-color:transparent!important}
@media print{.login__card::before{display:none!important}}