.pa-body{width:100%}.pa-grid{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:16px;display:grid}.pa-col{flex-direction:column;gap:16px;min-width:0;display:flex}@media (max-width:1100px){.pa-grid{grid-template-columns:minmax(0,1fr)}}.pa-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;gap:14px;min-width:0;padding:16px 18px;display:flex}.pa-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pa-head h3{font-size:var(--fs-md);align-items:center;gap:8px;margin:0;display:flex}.pa-head>:last-child:not(h3){margin-left:auto}.pa-num{background:var(--primary-strong);color:#fff;width:22px;height:22px;font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.pa-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pa-actions.bar{border-top:1px solid var(--line);padding-top:14px}.pa-actions .push{margin-left:auto}.pa-wrap{flex-wrap:wrap;gap:8px;display:flex}.pa-new{align-items:center;gap:10px;display:flex}.pa-new .inp{flex:1;min-width:0}@media (max-width:640px){.pa-new{flex-direction:column;align-items:stretch}}.pa-fieldset{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.pa-fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.pa-step{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.pa-step h4{font-size:var(--fs-sm);align-items:center;gap:8px;margin:0;display:flex}.pa-step h4 .pa-num{width:20px;height:20px;font-size:var(--fs-xs);background:var(--surface-2);color:inherit;border:1px solid var(--line-2)}.pa-check{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.pa-danger{border-top:1px dashed var(--line-2);flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;display:flex}.pa-card details>summary{cursor:pointer;font-size:var(--fs-sm);font-weight:600}.pa-card details[open]>summary{margin-bottom:12px}.pa-card details>.sub{margin-bottom:10px}.pa-ver{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.pa-ver:last-of-type{border-bottom:0}.pa-ver>span{min-width:160px;font-size:var(--fs-sm);flex:1}.pa-body h3,.pa-body h4{font-weight:800}.pa-body .field,.pa-body .field>.lbl{font-weight:700}.pa-body .field .inp{font-weight:400}.pa-body details>summary{font-weight:800}.pa-ver>span{font-weight:700}.pa-for{font-size:var(--fs-sm);background:color-mix(in srgb, var(--gold) 22%, transparent);color:var(--warn-ink);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.pa-for b{font-weight:800}.pa-kid{background:color-mix(in srgb, var(--primary) 10%, var(--surface));font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 10px;font-weight:700;display:inline-flex}.pa-kid>.ic{width:15px;height:15px;color:var(--primary)}.pa-kid-change{border-radius:50%;justify-content:center;width:28px;height:28px;padding:0}.pa-kid-change .ic{width:16px;height:16px}.pa-kid:not(:has(.pa-kid-change)){padding:4px 10px}.st-card.pa-assist{gap:18px;padding:22px 24px}.pa-assist h3{font-size:var(--fs-lg);margin:0;font-weight:800}.pa-assist>.sub{line-height:1.65;font-size:var(--fs-md);margin:0}.pa-assist fieldset{flex-direction:column;gap:18px;min-width:0;display:flex}.pa-assist .field{font-size:var(--fs-md);flex-direction:column;gap:8px;font-weight:800;display:flex}.pa-assist .field .inp{font-weight:500}.pa-assist textarea.inp{min-height:96px}.pa-assist .btn{align-self:flex-start}.pa-assist .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pa-assist details{border-top:1px solid var(--line);padding-top:16px}.pa-assist details>summary{font-size:var(--fs-md);font-weight:800}.pa-assist details>*+*{margin-top:12px}.pa-assist .sec{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pa-assist .notice{margin:0}.pa-flow{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;display:grid}.pa-stage{flex-direction:column;gap:16px;min-width:0;display:flex}.pa-steps{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;top:8px}.pa-steps-title{font-size:var(--fs-md);font-weight:800}.pa-steps ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative}.pa-stepbtn{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.pa-stepbtn:not(:disabled):hover{background:var(--surface-2)}.pa-stepbtn.on{background:color-mix(in srgb, var(--primary) 14%, var(--surface));border-color:var(--primary)}.pa-stepbtn:disabled{opacity:.5;cursor:not-allowed}.pa-stepbtn .pa-num{width:28px;height:28px;font-size:var(--fs-sm);background:var(--surface-2);color:var(--muted);border:1px solid var(--line-2)}.pa-stepbtn.on .pa-num,.pa-stepbtn.done .pa-num{background:var(--primary-strong);color:#fff;border-color:var(--primary-strong)}.pa-stepbtn .pa-num .ic{width:15px;height:15px}.pa-steptxt{flex-direction:column;gap:2px;min-width:0;display:flex}.pa-steptxt b{font-size:var(--fs-md);font-weight:800}.pa-steptxt small{font-size:var(--fs-sm);color:var(--muted)}@media (max-width:900px){.pa-flow{grid-template-columns:minmax(0,1fr)}.pa-steps{position:static}.pa-steps ol{flex-direction:row;overflow-x:auto}.pa-stepbtn{width:auto;min-width:190px}}.pa-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pa-namedlg{flex-direction:column;gap:14px;min-width:min(420px,90vw);display:flex}.pa-namedlg .pa-actions{justify-content:flex-end}.pa-fold{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:16px 20px}.pa-fold>summary{cursor:pointer;font-size:var(--fs-md);font-weight:800}.pa-fold[open]>summary{margin-bottom:14px}.pa-fold>.st-card.pa-assist{box-shadow:none;background:0 0;border:0;padding:0}.pa-fold>.st-card.pa-assist>h3{display:none}.pa-body .pa-card details>summary,.pa-body .pa-fold>summary{font-size:var(--fs-md);font-weight:800}.pa-fold{padding:16px 18px}.pa-setup{border-top:1px solid var(--line);padding-top:16px}.pa-readonly{min-height:40px;color:var(--muted);align-items:center;padding:0 4px;font-weight:500;display:flex}.pa-confirmed{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:8px;max-height:340px;padding:14px 16px;display:flex;overflow-y:auto}.pa-confirmed b{font-size:var(--fs-md);font-weight:800}.pa-confirmed p{white-space:pre-wrap;margin:0;line-height:1.7}.pa-stage[hidden]{display:none}.pa-flow .pa-head h3{font-size:var(--fs-lg);font-weight:800}.pa-flow .pa-head h3 .pa-num{width:24px;height:24px;font-size:var(--fs-sm)}.pa-flow .field,.pa-flow .field>.lbl,.pa-flow .field>span:first-child{font-size:var(--fs-md);color:var(--text);font-weight:700}.pa-flow .field .inp{font-size:var(--fs-md);font-weight:400}.pa-flow details>summary{font-size:var(--fs-md);cursor:pointer;font-weight:800}.pa-setup-title{font-size:var(--fs-md);font-weight:800}.pa-labels,.pa-cover{border:2px solid var(--line-2);background:color-mix(in srgb, var(--panel) 55%, transparent);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pa-labels>b,.pa-cover>b{font-family:var(--font-display);font-size:var(--fs-lg)}.pa-label-chips{flex-wrap:wrap;gap:10px;display:flex}.pa-label-chip{border:2px solid var(--line-2);background:color-mix(in srgb, var(--surface) 60%, transparent);min-height:40px;font-size:var(--fs-md);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.pa-label-chip:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.pa-label-chip.on{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.pa-label-chip .ic{width:16px;height:16px}.as-stepper{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.as-stepper li{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-weight:700;display:inline-flex}.as-stepper li.on{border-color:var(--primary);color:var(--text);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.as-stepper li.done{color:var(--text)}.as-dot{width:24px;height:24px;font-size:var(--fs-xs);background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;place-items:center;display:grid}.as-stepper li.on .as-dot,.as-stepper li.done .as-dot{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.as-dot .ic{width:14px;height:14px}.as-modes{flex-wrap:wrap;gap:10px;display:flex}.as-mode{border:2px solid var(--line-2);background:var(--surface);min-height:42px;color:var(--text);font-weight:700;font-size:var(--fs-sm);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;transition:border-color .15s,transform .15s,background .15s;display:inline-flex}.as-mode:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.as-mode.on{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.as-mode:disabled{opacity:.6;cursor:default}.as-mode .ic{width:16px;height:16px}.as-quote{border-left:4px solid var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);white-space:pre-wrap;font-size:var(--fs-sm);border-radius:0 12px 12px 0;margin:0;padding:10px 14px;line-height:1.6}.as-task{border:1px solid var(--line-2);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:18px;flex-direction:column;gap:16px;padding:16px;display:flex}.as-task-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.as-task-head>b{font-size:var(--fs-md)}.as-goal{color:var(--muted);font-style:italic;font-size:var(--fs-sm);margin:0}.as-running{background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex}.as-block{flex-direction:column;gap:12px;display:flex}.as-block>b{font-size:var(--fs-md)}.as-options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.as-option{text-align:left;border:2px solid var(--line-2);background:var(--surface);color:var(--text);font-size:var(--fs-sm);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;line-height:1.55;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.as-option:hover:not(:disabled):not(.static){border-color:var(--primary);box-shadow:0 10px 24px -18px color-mix(in srgb, var(--primary) 60%, transparent);transform:translateY(-2px)}.as-option.static{cursor:default}.as-option>b{font-size:var(--fs-md)}.as-option>em{color:var(--primary-strong);align-items:center;gap:6px;margin-top:auto;font-style:normal;font-weight:800;display:inline-flex}.as-option>em .ic{width:15px;height:15px}.as-option:disabled{opacity:.6;cursor:default}.as-inline{align-items:center;gap:10px;display:flex}.as-inline .inp{flex:1;min-width:0}.pa-assist .as-inline .btn,.pa-assist .as-option .btn{align-self:auto}.as-history summary{align-items:center;gap:8px;display:inline-flex}.as-history .ic{width:16px;height:16px}.as-step{font-size:var(--fs-sm);flex-direction:column;gap:6px;display:flex}.as-past{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:16px;display:flex}.as-past .lbl{font-weight:800;font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){.as-mode,.as-option{transition:none}}.as-running .ic{width:18px;height:18px;animation:1.1s linear infinite as-spin}@keyframes as-spin{to{transform:rotate(360deg)}}.ic.as-spin{animation:1.1s linear infinite as-spin}@media (prefers-reduced-motion:reduce){.ic.as-spin{animation-duration:3s}.as-running .ic{animation:none}}.pa-issues{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pa-issues li{border-left:4px solid var(--line-2);background:var(--surface);font-size:var(--fs-sm);border-radius:12px;padding:10px 14px;line-height:1.5}.pa-issues li.err{border-left-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.pa-issues li.warn{border-left-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface))}.pa-hints{flex-direction:column;gap:8px;display:flex}.pa-hints>b{font-size:var(--fs-md);font-weight:800}.pa-head .pill .ic,.pa-stage .pill .ic{width:13px;height:13px}
.ce-done{align-items:center;gap:10px;margin:0;display:flex}.ce-done b{font-size:var(--fs-md);color:var(--ok-ink)}.ce-done-ic{background:var(--primary-strong);width:28px;height:28px;color:var(--on-primary);border-radius:50%;flex:none;place-items:center;display:grid}.ce-done-ic .ic{width:16px;height:16px}.cm-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cm-row{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"ic label""ic bar";align-items:center;gap:6px 12px;display:grid}.cm-ic{background:var(--surface-2);border:1px solid var(--line-2);width:32px;height:32px;color:var(--muted);border-radius:50%;grid-area:ic;place-items:center;display:grid}.cm-ic .ic{width:16px;height:16px}.cm-row.active .cm-ic{border-color:var(--primary);color:var(--primary-strong);background:color-mix(in srgb, var(--primary) 12%, var(--surface))}.cm-row.done .cm-ic{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.cm-label{font-size:var(--fs-md);grid-area:label;align-items:baseline;gap:10px;display:flex}.cm-row.todo .cm-label{color:var(--muted)}.cm-count{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.cm-bar{background:var(--surface-2);border-radius:999px;grid-area:bar;height:6px;overflow:hidden}.cm-bar>span{border-radius:inherit;background:var(--primary);height:100%;transition:width .4s;display:block}.cm-row.done .cm-bar>span{background:var(--primary-strong)}.cm-row:not(:has(.cm-bar)){grid-template-areas:"ic label"}.cm-hint{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:8px;margin:0;display:flex}.cm-hint b{color:var(--text)}.cm-spin{width:16px;height:16px;animation:1.1s linear infinite cm-spin}@keyframes cm-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cm-spin{animation:none}.cm-bar>span{transition:none}}.cm-hint.cm-todo{background:color-mix(in srgb, var(--gold) 14%, transparent);color:var(--text);border-radius:12px;padding:10px 14px;display:block}.ce-create{flex-direction:column;gap:16px;margin-top:4px;display:flex}.ce-create .field{flex-direction:column;gap:8px;min-width:0;display:flex}.ce-create-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ce-create .notice{margin:0}.ce-create-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:14px;display:flex}@media (max-width:640px){.ce-create-row{grid-template-columns:1fr}}
.ma{min-width:0}.ma>*+*{margin-top:14px}.ma-bar{align-items:center;gap:12px;display:flex}.ma-scene{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.ma-title{font-size:var(--fs-md)}.ma-text{font-size:var(--fs-sm);color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.65}.ma-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.ma-item{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:8px;margin:0;padding:8px;display:flex}.ma-item img,.ma-empty{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.ma-empty{background:var(--surface-2);color:var(--muted);font-size:var(--fs-sm);place-items:center;display:grid}.ma-item figcaption,.ma-audio{font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:700;display:flex}.ma-item figcaption>span:first-child{margin-right:auto}.ma-audio{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-wrap:wrap;padding:10px 12px}.ma-audio audio{flex:1;min-width:220px;height:36px}.ma-confirm{border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.ma-confirm .row{flex:1;gap:10px;min-width:240px}.ma-done{color:var(--ok-ink);align-items:center;gap:8px;margin:0;font-weight:800;display:flex}.ma-done .ic{width:18px;height:18px}
.lib{--aside-w:290px;grid-template-columns:minmax(0,1fr) 290px;transition:grid-template-columns .38s cubic-bezier(.65,0,.25,1)}.lib[data-aside=collapsed]{grid-template-columns:minmax(0,1fr) 52px}.lbar{flex:none;justify-content:center;display:flex}.lsearch{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:0 640px;align-items:center;gap:8px;min-width:0;min-height:52px;padding:0 8px 0 20px;transition:border-color .15s;display:flex}.lsearch:focus-within{border-color:var(--primary)}.lsearch>label.grow{flex:1;min-width:0}.lsearch>label.grow .inp{font-size:var(--fs-md);box-shadow:none;outline:none;padding-left:0;padding-right:0}.lsearch .lfilter-btn{min-height:38px;font-size:var(--fs-md);border-radius:999px;padding:0 16px}.lib-scroll{flex-direction:column;flex:1;gap:44px;min-height:0;padding:32px 48px 56px;display:flex;overflow-y:auto}.lib-empty{flex-direction:column;align-items:flex-start;gap:10px;padding:32px 8px;display:flex}.lib-empty b{font-size:var(--fs-xl)}.shelf{flex-direction:column;gap:18px;min-width:0;display:flex}.shelf-h{align-items:baseline;gap:14px;display:flex}.shelf-h h3{font-size:var(--fs-2xl);margin:0;font-weight:800}.shelf-all{font-size:var(--fs-md);color:var(--muted);align-items:center;gap:3px;margin-left:auto;font-weight:600;display:inline-flex}.shelf-all:hover{color:var(--text)}.shelf-all .ic{width:16px;height:16px}.shelf-back{width:fit-content;font-size:var(--fs-md);color:var(--link,var(--primary));align-items:center;gap:4px;font-weight:600;display:inline-flex}.shelf-back .ic{width:15px;height:15px}.shelf-pills{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.shelf-pills::-webkit-scrollbar{display:none}.shelf-pills button{font-size:var(--fs-md);background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:8px 18px;font-weight:600;transition:background .15s,color .15s}.shelf-pills button:hover{color:var(--text)}.shelf-pills button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.shelf-row-wrap{min-width:0;position:relative}.shelf-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:20px;margin:-6px -6px -4px;padding:6px 6px 10px;scroll-padding-left:6px;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>.bk{scroll-snap-align:start;flex:0 0 216px}.shelf-arrow{z-index:2;background:var(--panel);border:1px solid var(--line-2);width:40px;height:40px;box-shadow:0 6px 16px -8px color-mix(in srgb, var(--shadow) 60%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 30px)}.shelf-arrow.left{left:-10px}.shelf-arrow.right{right:-10px}.shelf-arrow .ic{width:18px;height:18px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px 20px;margin:-4px;padding:4px;display:grid}.bk{text-align:left;border-radius:14px;flex-direction:column;gap:6px;min-width:0;display:flex}.bk-cover{aspect-ratio:3/4;box-shadow:0 10px 24px -16px color-mix(in srgb, var(--shadow) 70%, transparent);border-radius:16px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.bk-cover:after{content:"";background:linear-gradient(#0000 45%,#00000059);position:absolute;inset:0}.bk:hover .bk-cover{box-shadow:0 0 0 2px var(--gold), 0 14px 28px -14px color-mix(in srgb, var(--gold-deep) 60%, transparent);transform:translateY(-3px)}.bk.on .bk-cover{box-shadow:0 0 0 3px var(--gold-deep), 0 12px 26px -14px color-mix(in srgb, var(--gold-deep) 70%, transparent)}.bk-name{z-index:1;color:#fff;font-size:var(--fs-xl);text-align:center;text-shadow:0 2px 8px #00000059;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:800;line-height:1.1;display:-webkit-box;position:absolute;bottom:18px;left:10px;right:10px;overflow:hidden}.bk-badge,.pill.bk-badge{z-index:1;font-size:var(--fs-sm);border:1px solid var(--line-2);background:var(--panel);color:var(--text);padding:2px 10px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px -2px #00000059}.pill.bk-badge.ok{background:color-mix(in srgb, var(--mint) 22%, var(--panel));border-color:color-mix(in srgb, var(--mint) 60%, var(--panel));color:var(--ok-ink)}.pill.bk-badge.wait{background:color-mix(in srgb, var(--gold) 35%, var(--panel));border-color:color-mix(in srgb, var(--gold) 70%, var(--panel));color:var(--warn-ink)}.pill.bk-badge.flag{background:color-mix(in srgb, var(--danger) 16%, var(--panel));border-color:color-mix(in srgb, var(--danger) 50%, var(--panel));color:var(--danger)}.pill.bk-badge.ai{background:color-mix(in srgb, var(--primary) 20%, var(--panel));border-color:color-mix(in srgb, var(--primary) 55%, var(--panel));color:var(--primary-strong)}.pill.bk-badge.draft{background:var(--panel);border-color:var(--line-2);color:var(--text)}.bk-new{background:var(--mint,#3ccf7f);color:#06301a;border-radius:6px;padding:2px 7px;font-weight:800}.bk-rank{z-index:1;color:#fff;text-shadow:0 3px 10px #00000073;font-size:72px;font-weight:900;line-height:1;position:absolute;bottom:-6px;left:6px}.bk-cover:has(.bk-rank) .bk-name{text-align:left;left:58px}.bk-title{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-weight:700;overflow:hidden}.bk-meta{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meta{font-size:var(--fs-xs);grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;display:grid}.meta span{color:var(--muted)}.lfilters{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.lfilters .inp{border-radius:999px;width:auto;min-width:150px}.lfilters .inp.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface));font-weight:700}.lfilter{position:relative}.lfilter-btn.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.lfilter-n{background:var(--primary);min-width:18px;height:18px;color:var(--on-primary,#fff);font-size:var(--fs-xs);border-radius:999px;place-items:center;padding:0 5px;font-weight:700;display:inline-grid}.lfilter-pop{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:12px;width:280px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000047}.lfilter-pop label{font-size:var(--fs-sm);color:var(--muted);flex-direction:column;gap:6px;font-weight:600;display:flex}.lfilter-pop .inp{border-radius:12px;width:100%;min-width:0}.lfilter-pop .inp.on{border-color:var(--primary);font-weight:700}.cover-portrait{aspect-ratio:3/4;border-radius:16px;flex:none;width:min(100%,190px);margin-inline:auto}.lib-pickbar{border:2px solid var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));border-radius:18px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px 10px 14px;animation:.35s cubic-bezier(.2,.9,.3,1.1) both lib-pick-in;display:flex}.lib-pickbar .av{width:36px;height:36px;font-size:var(--fs-lg);flex:none}.lib-pickbar b{min-width:0;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@keyframes lib-pick-in{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.lib-pickbar{animation:none}}.shelf.accent{border:2px solid color-mix(in srgb, var(--gold) 70%, transparent);background:color-mix(in srgb, var(--gold) 13%, transparent);border-radius:26px;padding:20px 22px 22px}.shelf.accent .shelf-h h3{align-items:center;gap:12px;display:inline-flex}.shelf.accent .shelf-h h3:before{content:"";background:var(--gold-deep);width:14px;height:14px;box-shadow:0 0 0 5px color-mix(in srgb, var(--gold) 45%, transparent);border-radius:50%;animation:2s ease-in-out infinite shelf-dot}@keyframes shelf-dot{50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--gold) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.shelf.accent .shelf-h h3:before{animation:none}}.lib-none{border:2px dashed var(--line-2);text-align:center;font-size:var(--fs-md);color:var(--muted);border-radius:18px;margin:0;padding:16px}.lib-desc{font-size:var(--fs-md);margin:0;line-height:1.6}.pill.lib-state{width:fit-content;font-size:var(--fs-sm);padding:3px 12px}
.rm-page{grid-template-columns:minmax(0,1fr) 300px}.rm-album .rm-album-stack{aspect-ratio:3/4;margin:10px 12px 0 0;display:block;position:relative}.rm-album-layer{border:2px solid var(--surface);box-shadow:0 10px 22px -16px color-mix(in srgb, var(--shadow) 70%, transparent);border-radius:16px;transition:transform .25s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0}.rm-album-layer.l2{filter:brightness(.85);transform:translate(12px,-10px)rotate(4deg)}.rm-album-layer.l1{filter:brightness(.93);transform:translate(6px,-5px)rotate(2deg)}.rm-album-layer.l0{overflow:hidden}.rm-album-layer.l0:after{content:"";border-radius:inherit;background:linear-gradient(#0000 45%,#0006);position:absolute;inset:0}.rm-album:hover .rm-album-layer.l2{transform:translate(18px,-14px)rotate(7deg)}.rm-album:hover .rm-album-layer.l1{transform:translate(9px,-7px)rotate(3.5deg)}.rm-album:hover .rm-album-layer.l0{transform:translateY(-3px)}.rm-album .bk-name{z-index:2}.rm-album-count{z-index:2;font-size:var(--fs-sm);background:var(--primary-strong);color:var(--on-primary,#fff);box-shadow:0 4px 10px -4px color-mix(in srgb, var(--shadow) 60%, transparent);border-radius:999px;padding:3px 10px;font-weight:800;position:absolute;top:10px;right:10px}.shelf-row>.rm-album{scroll-snap-align:start;flex:0 0 216px}.rm-side{gap:14px;padding:18px 14px;overflow-y:auto}.rm-side-h{font-size:var(--fs-xl);margin:0 4px}.rm-side-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rm-kidcard{border:2px solid var(--line-2);background:color-mix(in srgb, var(--surface) 80%, transparent);text-align:left;width:100%;color:var(--text);border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.rm-kidcard:hover{border-color:var(--primary);box-shadow:0 10px 22px -16px color-mix(in srgb, var(--primary-strong) 70%, transparent);transform:translateY(-2px)}.rm-kidcard.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface))}.rm-kidcard .av{width:40px;height:40px;font-size:var(--fs-xl);flex:none}.rm-kidcard .grow{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rm-kidcard b{font-size:var(--fs-md);font-weight:800}.rm-kidcard-sub{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rm-kidcard-n{font-size:var(--fs-md);color:var(--primary-strong);font-weight:800}.rm-mini{background:var(--surface-2);border-radius:99px;height:6px;display:block;overflow:hidden}.rm-mini i,.rm-progress-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary-strong));height:100%;transition:width .5s cubic-bezier(.2,.8,.3,1);display:block}.rm-tpl,.rm-kd{flex-direction:column;gap:16px;min-width:0;display:flex}.rm-tags{flex-wrap:wrap;gap:8px;display:flex}.rm-tpl-desc{font-size:var(--fs-md);margin:0;line-height:1.6}.rm-tpl-foot,.rm-kd-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.rm-kd-foot .btn-no{margin-right:auto}.rm-steps{flex-direction:column;gap:8px;max-height:min(52vh,520px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rm-step{border:2px solid var(--line-2);background:color-mix(in srgb, var(--surface) 85%, transparent);border-radius:18px;align-items:center;gap:12px;padding:8px 12px 8px 8px;animation:.3s cubic-bezier(.2,.8,.3,1) both rm-step-in;display:flex}.rm-step:nth-child(2){animation-delay:30ms}.rm-step:nth-child(3){animation-delay:60ms}.rm-step:nth-child(4){animation-delay:90ms}.rm-step:nth-child(n+5){animation-delay:.12s}.rm-step .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rm-step b{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rm-step em{font-size:var(--fs-sm);color:var(--muted);font-style:normal}.rm-step-n{width:30px;height:30px;font-size:var(--fs-sm);background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.rm-step-n .ic{width:16px;height:16px}.rm-step-cover{width:44px;height:58px;box-shadow:0 6px 14px -10px color-mix(in srgb, var(--shadow) 70%, transparent);border-radius:10px;flex:none}.rm-step.done{opacity:.8}.rm-step.done .rm-step-n{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary,#fff)}.rm-step.now{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.rm-step.now .rm-step-n{background:var(--gold);border-color:var(--gold-deep,var(--gold));color:var(--warn-ink);animation:1.8s ease-in-out infinite rm-now}.rm-step.off{opacity:.6;border-style:dashed}.rm-step .pill .ic{width:13px;height:13px}@keyframes rm-step-in{0%{opacity:0;transform:translateY(8px)}}@keyframes rm-now{50%{transform:scale(1.12)}}.rm-progress{align-items:center;gap:14px;display:flex}.rm-progress b{font-size:var(--fs-md);white-space:nowrap}.rm-progress-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;flex:1;height:12px;overflow:hidden}.rm-empty{border:2px dashed var(--line-2);text-align:center;font-size:var(--fs-md);color:var(--muted);border-radius:18px;margin:0;padding:18px}.rm-off{flex-direction:column;gap:8px;display:flex}.rm-off>.btn{width:fit-content}.rm-off>.btn .ic{transition:transform .2s}.rm-kd .notice{align-items:center;gap:6px;margin:0;display:flex}.rm-pickgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;max-height:min(56vh,560px);padding:4px;display:grid;overflow-y:auto}.rm-pickgrid .bk-name{font-size:var(--fs-md)}@media (prefers-reduced-motion:reduce){.rm-album-layer,.rm-kidcard,.rm-step,.rm-step.now .rm-step-n,.rm-mini i,.rm-progress-bar i{transition:none;animation:none}}@media (max-width:900px){.rm-page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.rm-side{order:-1;padding:12px}.rm-side-h{display:none}.rm-side-list{flex-direction:row;overflow-x:auto}.rm-side-list>li{flex:0 0 240px}}.atr{flex-direction:column;gap:18px;min-width:0;display:flex}.atr .lbl{font-size:var(--fs-sm);color:var(--text)}.atr-lbl{align-items:center;gap:6px;display:flex}.atr-what{border:2px solid var(--line-2);background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.atr-what .grow{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.atr-what b{font-size:var(--fs-md);line-height:1.35}.atr-what-ic{background:var(--primary-strong);width:40px;height:40px;color:var(--on-primary,#fff);border-radius:12px;flex:none;place-items:center;display:grid}.atr-seg{border:2px solid var(--line-2);padding:3px}.atr-seg button{min-height:38px;font-size:var(--fs-sm)}.atr-seg button.on{background:color-mix(in srgb, var(--primary) 18%, var(--surface));color:var(--primary-strong);box-shadow:inset 0 0 0 2px var(--primary);font-weight:800}.atr-loading{border:2px dashed var(--line-2);text-align:center;color:var(--muted);font-size:var(--fs-sm);border-radius:14px;margin:0;padding:12px}.atr-plans{flex-direction:column;gap:12px;transition:opacity .2s;display:flex}.atr-plans.stale{opacity:.55}.atr-plan-kid{flex-direction:column;gap:8px;display:flex}.atr-plan-h{font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.atr-plan{flex-direction:column;gap:6px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.atr-plan li{border:2px solid var(--line-2);background:color-mix(in srgb, var(--surface) 85%, transparent);font-size:var(--fs-sm);border-radius:14px;align-items:center;gap:10px;padding:9px 12px;font-weight:600;animation:.25s cubic-bezier(.2,.8,.3,1) both rm-step-in;display:flex}.atr-plan li .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.atr-plan .pill .ic{width:12px;height:12px}.atr .notice{margin:0}.atr-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:14px;display:flex}@media (prefers-reduced-motion:reduce){.atr-plan li{animation:none}.atr-plans{transition:none}}.atr-res{border:2px solid var(--line-2);background:color-mix(in srgb, var(--surface) 85%, transparent);border-radius:18px;flex-direction:column;gap:10px;padding:14px;animation:.3s cubic-bezier(.2,.8,.3,1) both rm-step-in;display:flex}.atr-res-h{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.atr-res-h b{font-size:var(--fs-md)}.atr-res-ic{color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.atr-res-ic.ok{background:var(--primary-strong);animation:.35s cubic-bezier(.3,1.5,.5,1) both lr-pop-in}.atr-res-ic.no{background:var(--danger)}.atr-res-ic .ic{width:16px;height:16px}.atr-warns{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.atr-warns li{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold) 12%, var(--surface));color:var(--warn-ink);font-size:var(--fs-sm);border-radius:14px;align-items:flex-start;gap:8px;padding:9px 12px;line-height:1.5;display:flex}.atr-warns .ic{flex:none;width:16px;height:16px;margin-top:2px}@keyframes lr-pop-in{0%{opacity:0;transform:scale(.3)}}@media (prefers-reduced-motion:reduce){.atr-res,.atr-res-ic.ok{animation:none}}
.created{flex-direction:column;gap:20px;display:flex}.created-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.created-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.created-pills{flex-wrap:wrap;gap:8px;display:flex}.created-pills button{border:1px solid color-mix(in srgb, var(--faint) 45%, var(--line));background:var(--surface-2);font-weight:700;font-size:var(--fs-md);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;transition:all .15s;display:inline-flex}.created-pills button:hover{color:var(--text)}.created-pills button.on{background:color-mix(in srgb, var(--primary) 16%, var(--surface-2));border-color:var(--primary);color:var(--text)}.created-pills button em{font-style:normal;font-size:var(--fs-sm);background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;padding:1px 8px;font-weight:800}.created-pills.small button{font-size:var(--fs-sm);padding:5px 13px}.created-grid{grid-template-columns:repeat(auto-fill,190px);justify-content:start;gap:24px 20px;display:grid}.created-grid>.bk{min-width:0}.created-bar{gap:10px 14px}.created-pills{gap:6px}.created-pills button{font-size:var(--fs-md);gap:6px;padding:5px 12px}.created-pills button em{font-size:var(--fs-xs);padding:0 7px}.created-actions{gap:8px}.created-select{width:auto;min-width:130px;height:36px;font-size:var(--fs-md);padding:0 12px;font-weight:700}.created-actions .btn{height:36px;font-size:var(--fs-md);padding:0 14px}.created-bar{flex-wrap:nowrap;align-items:center}.created-bar .created-pills{flex-wrap:wrap;flex:auto;min-width:0}.created-bar .created-actions{flex-wrap:nowrap;flex:none}.created-actions .sel{flex:none;width:140px}.created-actions .sel-btn{height:36px;min-height:36px;font-size:var(--fs-md);background:var(--surface-2);border-radius:999px;padding:0 12px;font-weight:700}@media (max-width:900px){.created-bar,.created-bar .created-actions{flex-wrap:wrap}}.edit-story{flex-direction:column;gap:8px;display:flex}.edit-story .lbl{font-size:var(--fs-md);color:var(--text);margin-top:6px}.edit-story textarea.inp{resize:vertical;min-height:110px}.edit-story-actions{justify-content:flex-end;margin-top:12px}.edit-story-cover-url{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.edit-story-cover-url .inp{flex:220px;min-width:0}.edit-story-cover{align-items:flex-start;gap:16px;display:flex}.edit-story-cover-preview{aspect-ratio:3/4;border:2px solid var(--line-2);width:120px;box-shadow:0 10px 24px -16px color-mix(in srgb, var(--shadow) 70%, transparent);border-radius:16px;flex:none}.cover-cropper{flex-direction:column;flex:1;gap:10px;min-width:0;max-width:320px;display:flex}.cover-cropper-stage{border:2px solid var(--line-2);background:var(--surface-2);-webkit-user-select:none;user-select:none;border-radius:14px;line-height:0;position:relative;overflow:hidden}.cover-cropper-stage img{pointer-events:none;width:100%;height:auto;display:block}.cover-cropper-frame{border:3px solid var(--on-primary);box-shadow:0 0 0 9999px color-mix(in srgb, var(--shadow) 55%, transparent);cursor:grab;touch-action:none;border-radius:6px;position:absolute}.cover-cropper-frame:active{cursor:grabbing}.cover-cropper-frame:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.cover-cropper-zoom{align-items:center;gap:10px;display:flex}.cover-cropper-zoom input{accent-color:var(--primary-strong);flex:1}.cover-pick-wait{color:var(--muted);align-items:center;gap:12px;display:flex}.cover-pick-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:220px;padding:4px;display:grid;overflow-y:auto}.cover-pick{aspect-ratio:4/3;border:2px solid var(--line-2);background:var(--surface-2);cursor:pointer;border-radius:12px;padding:0;line-height:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.cover-pick img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cover-picker:not(.inline)>.cover-picker-pics,.cover-picker:not(.inline)>.cover-picker-edit{display:contents}.cover-picker.inline{grid-template-columns:minmax(0,1fr) minmax(300px,440px);align-items:stretch;gap:16px 24px;display:grid}.cover-picker.inline>.row:first-child{grid-column:1/-1}.cover-picker.inline .cover-pick-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:360px}.cover-picker.inline .cover-picker-edit{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.cover-picker.inline .edit-story-cover{flex-wrap:wrap;justify-content:center;align-items:center}.cover-picker.inline .edit-story-cover-preview{width:150px}.cover-picker.inline .edit-story-cover-preview:only-child{width:220px}.cover-picker.inline .edit-story-actions{justify-content:center;margin-top:0}@media (max-width:760px){.cover-picker.inline{grid-template-columns:minmax(0,1fr)}}.cover-pick:hover{transform:translateY(-2px)}.cover-pick.on{border-color:var(--primary-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent)}.cover-pick:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cover-pick{transition:none}.cover-pick:hover{transform:none}}@media (max-width:520px){.edit-story-cover{flex-direction:column}}.created{gap:34px}.created-bar .created-search{flex:0 420px;min-height:42px;padding-left:16px}.created-search .inp{font-size:var(--fs-md)}.created .shelf-row>.bk{flex-basis:190px}
.report{grid-template-rows:auto auto auto;grid-template-columns:1.6fr 1fr;align-content:start;gap:12px;overflow-y:auto}.kpi-row{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px -22px color-mix(in srgb, var(--shadow) 50%, transparent);border-radius:22px;padding:12px 14px}.kpi small{color:var(--muted);font-size:var(--fs-xs)}.kpi b{font-size:var(--fs-2xl);margin-top:2px;font-weight:800;line-height:1.2;display:block}.kpi .d{font-size:var(--fs-xs);color:var(--ok-ink);font-weight:700}.dl{font-size:var(--fs-sm);flex-direction:column;gap:7px;display:flex}.dl div{align-items:center;gap:8px;display:flex}.dl i{border-radius:3px;width:9px;height:9px}.dl b{color:var(--muted);margin-left:auto}.report table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.report th{text-align:left;color:var(--muted);font-weight:700;font-size:var(--fs-xs);border-bottom:1px solid var(--line);background:var(--panel);padding:7px 12px}.report td{border-bottom:1px solid var(--line);padding:9px 12px}.report tr:last-child td{border:0}@media (max-width:1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}}
.kid{z-index:100;background:var(--kid-bg);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior:contain;flex-direction:column;animation:.3s wsin;display:flex;position:fixed;inset:0}.kid>:not(.pond){z-index:1;position:relative}.kid button,.parental-gate button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ktop{align-items:center;gap:12px;padding:14px 20px;display:flex}.ktabs{background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:999px;gap:6px;margin:0 auto;padding:5px;display:flex}.ktabs button{font-family:var(--font-display);font-size:var(--fs-md);color:var(--muted);border-radius:999px;padding:8px 20px;font-weight:700;transition:background-color .15s,color .15s}.ktabs button:hover:not(.on){background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--text)}.ktabs button.on{background:var(--primary-strong);color:#fff}.kstat{background:var(--panel);font-weight:800;font-size:var(--fs-md);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.kshelf{gap:12px;padding:0 20px 6px;display:flex;overflow-x:auto}.kcover{text-align:left;border:2px solid #0000;border-radius:16px;flex-direction:column;flex:none;gap:6px;width:120px;padding:4px;display:flex}.kcover.on{border-color:var(--primary);background:color-mix(in srgb, var(--panel) 70%, transparent)}.kcover .cover{aspect-ratio:4/3;border-radius:12px;display:block}.kcover b{font-size:var(--fs-sm);line-height:1.2}.kpane{flex:1;place-items:center;min-height:0;padding:12px 20px 32px;display:grid;overflow:auto}.book{background:var(--paper);width:min(980px,100%);min-height:420px;box-shadow:0 30px 70px -30px color-mix(in srgb, var(--shadow) 50%, transparent);border-radius:44px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.book .illus{min-height:320px}.kpage{flex-direction:column;gap:14px;padding:36px 36px 28px;display:flex}.ktext{font-size:var(--fs-2xl);color:var(--ink-warm);margin:0;font-weight:700;line-height:1.5}.kbtn{background:var(--surface-2);min-width:56px;height:56px;color:var(--link);font-weight:800;font-size:var(--fs-md);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .12s;display:inline-flex}.kbtn:hover:not(:disabled){transform:translateY(-2px)}.kbtn:disabled{opacity:.35}.kbtn svg{width:24px;height:24px}.kcard{background:var(--paper);width:min(640px,100%);box-shadow:0 30px 70px -30px color-mix(in srgb, var(--shadow) 50%, transparent);border-radius:34px;flex-direction:column;gap:18px;padding:32px;display:flex}.kcard h2{font-size:var(--fs-2xl);color:var(--ink-warm);margin:0}.kans{flex-direction:column;gap:10px;display:flex}.kopt{text-align:left;border:2px solid var(--line-2);background:var(--panel);font-size:var(--fs-lg);border-radius:18px;padding:16px 20px;font-weight:700;transition:border-color .15s,background-color .15s,transform .15s}.kopt:hover{border-color:var(--primary)}.kopt.right{border-color:var(--mint);background:color-mix(in srgb, var(--mint) 14%, transparent)}.kopt.wrong{border-color:var(--rose);background:color-mix(in srgb, var(--danger) 12%, transparent)}@media (max-width:820px){.book{grid-template-columns:1fr}}.kid>.kid-buddy{z-index:2;pointer-events:none;filter:drop-shadow(0 12px 14px color-mix(in srgb, var(--shadow) 30%, transparent));position:absolute;bottom:14px;right:26px}@media (max-width:820px){.kid>.kid-buddy{display:none}}
.kid-item{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:20px;align-items:center;gap:9px;width:100%;padding:9px;transition:all .2s;display:flex}.kid-item:hover{border-color:var(--line-2)}.kid-item.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, transparent)}.kid-item b{font-size:var(--fs-sm);display:block}.kid-item small{color:var(--muted);font-size:var(--fs-xs)}.children-main{flex-direction:column;min-height:0;display:flex}.children-body{padding:22px 28px 48px;overflow-y:auto}.children-body h3{font-size:var(--fs-lg)}.wizard{flex-direction:column;flex:1;min-height:0;display:flex}.steps{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin:0;padding:12px 18px;list-style:none;display:flex}.steps li{font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:6px;padding-right:10px;font-weight:700;display:flex}.steps li span{width:20px;height:20px;font-size:var(--fs-xs);background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;place-items:center;display:grid}.steps li.on{color:var(--text)}.steps li.on span{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}.steps li.done span{background:color-mix(in srgb, var(--mint) 20%, transparent);border-color:var(--mint);color:var(--ok-ink)}.wizard-body{flex:1;width:100%;max-width:680px;padding:22px 28px;overflow-y:auto}.wizard-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 18px;display:flex}.level-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.level{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:all .15s;display:flex}.level b{font-size:var(--fs-xl);line-height:1}.level small{font-size:var(--fs-xs);color:var(--muted);text-align:center}.level.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.level:disabled{cursor:default}.chip button{color:inherit;opacity:.7;place-items:center;display:inline-grid}.chip button:hover{opacity:1}.consent{border:1px solid var(--line-2);background:var(--surface);font-size:var(--fs-sm);border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.consent ol{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.5;display:flex}.consent label{font-weight:700}.sup{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.sup b{font-size:var(--fs-sm)}.perm-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.perm{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:flex-start;gap:8px;padding:7px 9px;display:flex}.perm.on{border-color:color-mix(in srgb, var(--primary) 55%, transparent);background:color-mix(in srgb, var(--primary) 6%, transparent)}.perm input{accent-color:var(--primary);margin-top:2px}.perm b{font-size:var(--fs-xs);display:block}.perm small{color:var(--muted);font-size:var(--fs-xs)}.perm:has(input:disabled){cursor:default}table.inv{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}table.inv th{text-align:left;color:var(--muted);font-weight:700;font-size:var(--fs-xs);border-bottom:1px solid var(--line);padding:6px 8px}table.inv td{border-bottom:1px solid var(--line);padding:6px 8px}table.inv code{letter-spacing:1px;font-weight:800}.avatars{flex-wrap:wrap;gap:8px;display:flex}.avatar{width:48px;height:48px;font-size:var(--fs-2xl);border:2px solid var(--line);background:var(--surface);border-radius:16px;place-items:center;transition:all .15s;display:grid}.avatar.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);transform:scale(1.06)}.qr-card{border:1px solid var(--line-2);background:var(--surface);border-radius:22px;flex-wrap:wrap;align-items:center;gap:18px;width:fit-content;padding:14px;display:flex}.acc-wrap{gap:16px;width:min(640px,100%);margin:0 auto;padding:12px 16px 24px}.acc-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.session-row{border-bottom:1px solid var(--line);font-size:var(--fs-sm);align-items:center;gap:10px;padding:9px 0;display:flex}.parental-gate-backdrop{z-index:120;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.parental-gate{background:var(--panel);border:1px solid var(--line-2);border-radius:24px;flex-direction:column;gap:12px;width:min(380px,100%);padding:20px;display:flex;box-shadow:0 30px 80px -30px #000}@media (max-width:720px){.perm-grid{grid-template-columns:1fr}.level-row{grid-template-columns:repeat(5,minmax(0,1fr))}.children-body,.wizard-body{padding:16px}}.children-tabs{height:48px;padding:0}.children-tabs button{font-size:var(--fs-md);flex:1;padding:0 12px;font-weight:700}.learn-grid{align-items:start;gap:14px 32px;display:grid;container-type:inline-size}.learn-col{flex-direction:column;gap:14px;min-width:0;display:flex}@container (min-width:760px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-grid .field{gap:5px}.learn-grid .level{border-radius:12px;padding:6px 4px}.learn-grid .level b{font-size:var(--fs-lg)}.mode-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px;display:grid}.learn-grid .opt{border-radius:14px;align-items:center;gap:8px;padding:7px 11px}.learn-grid .opt small{line-height:1.35;display:block}.learn-grid .chip{padding:3px 9px}.learn-grid textarea.inp{min-height:0}.children-tabs{position:relative}.children-tabs button.on{border-color:#0000}.children-tabs:after{content:"";bottom:-1px;left:calc(var(--i,0) * 100% / var(--n,4));width:calc(100% / var(--n,4));background:var(--primary);height:2px;transition:left .28s cubic-bezier(.3,.9,.3,1);position:absolute}.tab-pane{gap:inherit;flex-direction:column;animation:.22s ease-out tab-in;display:flex}@keyframes tab-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kid-item:hover{transform:translate(2px)}.kid-item.on{animation:.4s ease-out kid-pick}@keyframes kid-pick{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 45%, transparent)}to{box-shadow:0 0 0 8px #0000}}.btn.saved:disabled{opacity:1}.btn.saved .ic{animation:.35s cubic-bezier(.3,1.6,.5,1) check-pop}@keyframes check-pop{0%{transform:scale(.3)}to{transform:none}}.learn-grid .chip.on{transition:transform .16s,opacity .16s;animation:.22s cubic-bezier(.3,1.5,.5,1) chip-in}.learn-grid .chip.on.leaving{opacity:0;transform:scale(.7)}@keyframes chip-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.perm{transition:border-color .2s,background-color .2s}.perm input{appearance:none;border:1.5px solid var(--faint);width:16px;height:16px;cursor:inherit;background:0 0;border-radius:5px;flex:none;place-content:center;margin-top:2px;transition:background-color .15s,border-color .15s;display:grid}.perm input:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;margin-top:-2px;transition:transform .18s cubic-bezier(.3,1.6,.5,1);transform:rotate(-45deg)scale(0)}.perm input:checked{background:var(--primary-strong);border-color:var(--primary-strong)}.perm input:checked:after{transform:rotate(-45deg)scale(1)}.perm input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tab-pane,.kid-item.on,.btn.saved .ic,.learn-grid .chip.on{animation:none}.children-tabs:after,.perm,.perm input,.perm input:after,.learn-grid .chip.on{transition:none}.kid-item:hover{transform:none}}.kid-item b{align-items:center;gap:5px;display:flex}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;align-items:stretch;gap:18px;display:grid}.plan-page{text-align:left;width:min(900px,100%);margin:0 auto;padding:12px 16px 24px}.plan-card{border:1px solid var(--line-2);background:var(--surface);border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.plan-card.featured{border-color:color-mix(in srgb, var(--primary) 55%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), var(--surface))}.plan-head{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:24px 24px 20px;display:flex}.plan-icon{width:36px;height:36px;color:var(--primary);margin-bottom:8px}.plan-title{font-size:var(--fs-2xl);line-height:1.2}.plan-tag{font-size:var(--fs-md);opacity:.8}.plan-price{align-items:baseline;gap:6px;margin:14px 0 12px;display:flex}.plan-price b{font-size:var(--fs-2xl)}.plan-price span{font-size:var(--fs-md);flex-direction:column;line-height:1.15;display:flex}.plan-price small{font-size:var(--fs-xs);opacity:.75}.plan-note{text-align:center;font-size:var(--fs-xs);opacity:.75;margin-top:4px}.plan-list{font-size:var(--fs-md);flex-direction:column;flex:1;gap:12px;margin:0;padding:20px 24px 24px;list-style:none;display:flex}.plan-list li{align-items:center;gap:10px;display:flex}.plan-list .ic{color:var(--primary);flex:none}.act-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:8px 0;display:flex}.act-row b{font-size:var(--fs-md)}.act-row small{font-size:var(--fs-xs);opacity:.7}.act-pager{justify-content:center;gap:12px;padding-top:10px}.conn-row{font-size:var(--fs-md);align-items:center;gap:10px;padding:8px 0;display:flex}.conn-dot{background:var(--line-2);border-radius:50%;flex:none;width:9px;height:9px}.conn-dot.ok{background:var(--primary)}.conn-dot.bad{background:#e5594f}.act-filter{width:150px}.act-head{border-bottom:2px solid var(--line-2);margin-bottom:4px;padding-bottom:14px}.act-head h3{font-size:var(--fs-xl)}.act-row b{font-size:var(--fs-sm);font-weight:600}.tab-pane .inp,.tab-pane .level,.tab-pane .opt,.tab-pane .perm,.tab-pane .chip,.tab-pane .seg{background-color:var(--surface-2);border-color:color-mix(in srgb, var(--faint) 45%, var(--line));box-shadow:0 2px 6px color-mix(in srgb, var(--shadow) 14%, transparent), inset 0 1px 0 #ffffff59}.tab-pane .inp{padding:9px 12px}.tab-pane .inp:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent), 0 2px 6px color-mix(in srgb, var(--shadow) 14%, transparent)}.tab-pane .level.on,.tab-pane .opt.on,.tab-pane .perm.on,.tab-pane .chip.on{background-color:color-mix(in srgb, var(--gold) 26%, var(--surface-2));border-color:var(--gold-deep)}.tab-pane .seg button.on{background:var(--surface)}.tab-pane .lbl{font-size:var(--fs-md);color:var(--text);letter-spacing:.1px;font-weight:800}.tab-pane .lbl small,.tab-pane .lbl em{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.kid-item{background-color:var(--surface-2);border-color:color-mix(in srgb, var(--faint) 45%, var(--line));box-shadow:0 3px 10px color-mix(in srgb, var(--shadow) 16%, transparent), inset 0 1px 0 #ffffff59;padding:12px 13px}.kid-item:hover{box-shadow:0 5px 14px color-mix(in srgb, var(--shadow) 22%, transparent)}.kid-item.on{background-color:color-mix(in srgb, var(--primary) 14%, var(--surface-2));box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 28%, transparent)}.kid-item b{font-size:var(--fs-md);font-weight:800}.kid-item small{font-size:var(--fs-sm)}.wiz-note{font-size:var(--fs-sm);align-items:center;gap:8px;margin:0;display:flex}.wiz-note .ic{width:18px;height:18px;color:var(--primary-strong);flex:none}
.kscroll{flex:1;min-height:0;overflow-y:auto}.khome{flex-direction:column;gap:18px;width:100%;max-width:1100px;margin:0 auto;padding:4px 20px 40px;display:flex}.ksection{background:color-mix(in srgb, var(--paper) 88%, transparent);box-shadow:0 18px 40px -28px color-mix(in srgb, var(--shadow) 45%, transparent);border-radius:28px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.ksection h3{font-size:var(--fs-xl);color:var(--ink-warm);margin:0}.ksection h3 small{font-size:var(--fs-md);color:var(--muted);margin-left:6px}.ksection.hold{border:2px dashed var(--gold-deep)}.kshelf{padding:0}.kcover.big{width:150px}.kcover.big .cover{aspect-ratio:4/3;position:relative}.kcover.big b{font-size:var(--fs-md)}.kcover.locked{opacity:.55;cursor:not-allowed}.kcover .lock{color:#fff;width:32px;height:32px;margin:auto;position:absolute;inset:0}.kcover em.kpill{position:absolute;bottom:6px;left:6px}.kpill{font-style:normal;font-size:var(--fs-xs);background:var(--panel);color:var(--ink-warm);box-shadow:0 2px 6px -2px color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:3px 10px;font-weight:800;display:inline-flex}.kcover em.kpill{margin:0}.kgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.kgrid .kcover.big{width:auto}.kfilters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ksearch{background:var(--panel);border:2px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:flex}.ksearch:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 35%, transparent)}.ksearch input{font-size:var(--fs-md);background:0 0;border:0;outline:0;width:160px}.ksearch input::-webkit-search-cancel-button{cursor:pointer}.ksearch svg{width:18px;height:18px;color:var(--muted)}.kchip{background:var(--panel);border:2px solid var(--line);font-weight:800;font-size:var(--fs-md);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:7px 14px;display:inline-flex}.kchip.on{border-color:var(--gold-deep);color:var(--text);background:color-mix(in srgb, var(--gold) 28%, var(--panel))}.kwish{font-family:var(--font-display);font-size:var(--fs-xl);color:#fff;background:linear-gradient(135deg, var(--lotus-deep), var(--primary-strong));box-shadow:0 12px 24px -14px var(--lotus-deep);border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:800;display:flex}.kwish svg{width:26px;height:26px}.kwish-item{background:var(--panel);font-size:var(--fs-md);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.kwish-cards{font-size:var(--fs-xl);letter-spacing:2px}.kwish-cards.big{justify-content:center;gap:10px;font-size:44px;display:flex}.ksugg{flex-direction:column;gap:6px;width:100%;display:flex}.ksugg small{font-size:var(--fs-md);color:var(--muted);font-weight:700}.knote{font-size:var(--fs-md);color:var(--ink-warm);margin:0;font-weight:700}.reader{flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;padding:12px 20px 24px;display:flex;overflow-y:auto}.reader-top{align-items:center;gap:10px;width:min(980px,100%);display:flex}.reader-title{font-size:var(--fs-xl);color:var(--ink-warm);margin-bottom:6px;display:block}.kprogress{background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:999px;height:10px;overflow:hidden}.kprogress i{background:linear-gradient(90deg, var(--mint), var(--primary));border-radius:inherit;height:100%;transition:width .3s;display:block}.kprogress.wide{width:min(360px,100%)}.book.reading .illus{place-items:center;display:grid;position:relative}.book.reading .illus-frog{opacity:.9}.book.reading.big{grid-template-columns:1.1fr 1fr}.book.reading.big .ktext{font-size:var(--fs-2xl);line-height:1.6}.book.reading:not(.big) .ktext{font-size:var(--fs-xl);line-height:1.6}.kword{cursor:pointer;font:inherit;color:inherit;line-height:inherit;vertical-align:baseline;border-radius:6px;margin:0;padding:0;transition:background-color .12s}.kword.vocab{text-underline-offset:6px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);color:inherit;font:inherit}.kword.hl{background:color-mix(in srgb, var(--gold) 55%, transparent)}.kbtn.on{background:color-mix(in srgb, var(--primary) 20%, var(--surface-2));color:var(--primary-strong)}.kbtn.small{min-width:44px;height:44px;font-size:var(--fs-md);padding:0 14px}.kbtn.primary{background:var(--primary-strong);color:#fff}.kpop-backdrop{z-index:110;padding:16px 16px calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:#0000004d;place-items:end center;display:grid;position:fixed;inset:0}.kpop{background:var(--paper);width:min(520px,100%);color:var(--ink-warm);border-radius:28px;flex-direction:column;gap:12px;padding:20px;animation:.2s wsin;display:flex}.ktoast{z-index:120;background:var(--ink-warm);color:var(--paper);font-weight:800;font-size:var(--fs-md);border-radius:999px;padding:12px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.reactions{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.reaction{background:var(--panel);border:2px solid var(--line);font-weight:800;font-size:var(--fs-md);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;display:flex}.reaction span{font-size:44px;line-height:1}.reaction:hover{border-color:var(--primary);transform:translateY(-2px)}.kexp{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--gold-deep);margin:0;font-weight:800}.kinput{font-size:var(--fs-lg);border-radius:16px;padding:12px 16px}.seq-order{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seq-order li{display:flex}.seq-order .seq-item{text-align:left;background:color-mix(in srgb, var(--mint) 14%, var(--panel));font-weight:700;font-size:var(--fs-md);border-radius:16px;flex:1;align-items:center;gap:10px;padding:10px 14px;transition:background-color .12s;display:flex}.seq-order .seq-item:hover:not(:disabled){background:color-mix(in srgb, var(--rose) 14%, var(--panel))}.seq-order .seq-item:disabled{cursor:default}.seq-order b{background:var(--mint);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.tree-emoji{font-size:84px;line-height:1}.kbadge{font-weight:800;font-size:var(--fs-lg);color:var(--ink-warm);margin:0}.wish-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.wish-card{background:var(--panel);border:3px solid var(--line);font-weight:800;font-size:var(--fs-md);color:var(--ink-warm);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.wish-card span{font-size:46px;line-height:1}.wish-card.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--panel));transform:scale(1.03)}.tree-card{flex-direction:row;align-items:center;gap:18px}.tree-steps{font-size:var(--fs-2xl);gap:8px;margin-top:6px;display:flex}.tree-steps span{opacity:.3;filter:grayscale()}.tree-steps span.on{opacity:1;filter:none}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.badge-card{text-align:center;background:var(--panel);opacity:.5;filter:grayscale(.8);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.badge-card.on{opacity:1;filter:none;border:2px solid var(--gold)}.badge-card span{font-size:38px}.badge-card small{color:var(--muted);font-size:var(--fs-xs)}.words{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.word-card{background:var(--panel);font-size:var(--fs-md);color:var(--ink-warm);border-radius:20px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}@media (max-width:820px){.book.reading.big{grid-template-columns:1fr}.book.reading .illus{min-height:200px}.book.reading.big .ktext{font-size:var(--fs-xl)}.reactions{grid-template-columns:repeat(2,1fr)}.tree-card{text-align:center;flex-direction:column}.ktop{flex-wrap:wrap}}