.pack-shell{--os-sand: #fbf5ec;--os-ink: #1e1b18;--os-muted: #4d4640;--os-line: #e6dccf;--os-edge: #857a70;--os-clay: #a63d1f;--os-clay-soft: #fbe3d6;--os-leaf: #2e6b4f;--os-leaf-soft: #e3f0e8;--os-amber-soft: #fff3d6;--os-font: "Atkinson Hyperlegible", "Noto Sans", system-ui, sans-serif;min-height:100dvh;background:var(--os-sand);color:var(--os-ink);font-family:var(--os-font);display:flex;flex-direction:column}.pack-shell *{box-sizing:border-box}.pack-shell .top{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.pack-shell .iconbtn{min-width:48px;min-height:48px;border:0;background:transparent;color:var(--os-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;font:700 17px var(--os-font);padding:0 8px;cursor:pointer}.pack-shell .iconbtn svg{width:28px;height:28px;flex:none}.pack-shell .iconbtn.exit{background:#fff;border:1.5px solid var(--os-edge)}.pack-shell .stepper{flex:1;text-align:center;font-size:16px;font-weight:700;color:var(--os-muted)}.pack-shell .content{flex:1;padding:8px 28px 12px;display:flex;flex-direction:column}.pack-shell .followchip{display:inline-flex;align-self:flex-start;margin:0 0 10px;padding:4px 10px;border-radius:999px;background:var(--os-clay-soft);color:var(--os-clay);font-size:15px;font-weight:700}.pack-shell h1{font-size:30px;line-height:1.18;margin:0 0 12px;letter-spacing:-.01em;font-weight:700}.pack-shell .body{font-size:19px;line-height:1.45;color:var(--os-muted);margin:0 0 16px}.pack-shell .hint{font-size:18px;color:var(--os-muted);margin:8px 0 0;line-height:1.4}.pack-shell .actions{flex:none;padding:12px 28px 34px;display:flex;flex-direction:column;gap:6px}.pack-shell .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:60px;border-radius:18px;font:700 20px/1.2 var(--os-font);padding:10px 18px;border:0;cursor:pointer;width:100%;background:transparent;color:var(--os-ink)}.pack-shell .btn.primary{background:var(--os-clay);color:#fff}.pack-shell .btn.secondary{min-height:52px;background:#fff;color:var(--os-ink);border:1.5px solid var(--os-edge);font-size:18px}.pack-shell .btn.quiet{min-height:48px;background:transparent;color:var(--os-ink);font-weight:700;font-size:19px;text-decoration:underline;text-underline-offset:5px}.pack-shell .steps3{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}.pack-shell .srow{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--os-line);border-radius:14px;padding:10px 14px;font-size:18px;line-height:1.3;color:var(--os-muted)}.pack-shell .srow .n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--os-line);color:var(--os-muted);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.pack-shell .srow.on{border-color:var(--os-ink);color:var(--os-ink);font-weight:700}.pack-shell .srow.on .n{background:var(--os-clay-soft);color:var(--os-clay)}.pack-shell .srow.later{opacity:.55}.pack-shell .rows{display:flex;flex-direction:column}.pack-shell .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1.5px solid var(--os-line);font-size:18px}.pack-shell .row .v{font-weight:700;white-space:nowrap}.pack-shell .row.total{border-bottom:0;padding-top:14px}.pack-shell .row.total .k{font-weight:700}.pack-shell .row.total .v{font-size:28px}.pack-shell .actionpick,.pack-shell .fact,.pack-shell .note,.pack-shell .helperslot,.pack-shell .progresswarm,.pack-shell .saved{margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px solid var(--os-line);font-size:17px;line-height:1.4;color:var(--os-muted)}.pack-shell .actionpick b,.pack-shell .fact b,.pack-shell .note b,.pack-shell .helperslot b,.pack-shell .progresswarm b{display:block;color:var(--os-ink);margin-bottom:2px}.pack-shell .note{background:var(--os-amber-soft)}.pack-shell .pack-fields{display:flex;flex-direction:column;gap:8px;margin:0 0 8px}.pack-shell .field{display:flex;align-items:center;min-height:64px;background:#fff;border:2.5px solid var(--os-edge);border-radius:18px;padding:8px 14px;font-size:18px;font-weight:700;gap:8px}.pack-shell .field input{flex:1;min-width:0;border:0;background:transparent;font:700 28px var(--os-font);color:var(--os-ink);width:100%}.pack-shell .field .cur{font-size:16px;color:var(--os-muted);font-weight:700}.pack-shell .field-quiet{font-size:16px;min-height:56px}.pack-shell .field-quiet input{font-size:22px}.pack-shell .doclist{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}.pack-shell .docrow{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1.5px dashed var(--os-edge);border-radius:14px;padding:12px 14px;font-size:18px;line-height:1.35;color:var(--os-muted);position:relative}.pack-shell .docrow .mark{flex:none;width:36px;height:36px;border-radius:10px;background:var(--os-sand);border:1.5px solid var(--os-edge);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.pack-shell .docrow .t{display:block;font-size:19px;font-weight:700;color:var(--os-ink)}.pack-shell .docrow .s{display:block;font-size:16px;margin-top:2px}.pack-shell .docrow.filled{border-style:solid;border-color:var(--os-leaf)}.pack-shell .docrow.filled .mark{background:var(--os-leaf-soft);border-color:var(--os-leaf);color:var(--os-leaf)}.pack-shell .file{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.pack-shell .fork{align-self:flex-start;width:auto;padding-left:0}.pack-shell :where(a,button,input,label):focus-visible{outline:3px solid var(--os-ink);outline-offset:3px}