.ob{background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex}.ob-topbar{justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.ob-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:8px 24px 20px;display:flex;overflow-y:auto}.ob-title{font-family:var(--font-ui);color:var(--ink);letter-spacing:-.035em;margin:6px 0 0;font-size:28px;font-weight:900;line-height:1.05}.ob-sub{color:var(--ink-500);margin:0;font-size:15px;line-height:1.5}.ob-form{flex-direction:column;gap:16px;margin-top:6px;display:flex}.ob-openrow{color:var(--sage-700);background:var(--sage-50);border:1px solid var(--sage-200);border-radius:14px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.ob-foot{padding:14px 24px calc(18px + env(safe-area-inset-bottom,0));border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:none;gap:8px;display:flex}.ob-kit{text-align:left;border:1.5px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .16s;display:flex}.ob-kit.is-done{border-color:var(--sage-500);background:var(--sage-50)}.ob-kit-ic{background:var(--honey-200);width:42px;height:42px;color:var(--oak);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.ob-kit.is-done .ob-kit-ic{background:var(--sage-500);color:#fbf7ee}.ob-kit-txt{flex-direction:column;display:flex}.ob-kit-txt strong{color:var(--ink-900);font-size:15px}.ob-kit-txt small{color:var(--ink-500);font-size:12px}.ob--welcome{padding:0}.ob-welcome-top{background:radial-gradient(80% 60% at 50% 34%, var(--sage-100), transparent 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex}.ob-acorn{filter:drop-shadow(0 8px 18px #221b1224);width:120px;height:131px}.ob-word{font-family:var(--font-ui);color:var(--ink);letter-spacing:-.05em;margin-top:6px;font-size:46px;font-weight:900}.ob-hand{font-family:var(--font-hand);font-weight:var(--weight-semibold);color:var(--green-600)}.ob-welcome-top .ob-hand{margin:0;font-size:26px}.ob-welcome-bottom{padding:24px 24px calc(24px + env(safe-area-inset-bottom,0));background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:28px 28px 0 0;flex-direction:column;flex:none;gap:10px;display:flex;box-shadow:0 -10px 30px #3a28170f}.ob-h1{font-family:var(--font-ui);color:var(--ink);letter-spacing:-.035em;margin:0;font-size:27px;font-weight:900;line-height:1.05}.ob-lead{color:var(--ink-500);margin:0 0 8px;font-size:15px;line-height:1.5}.ob--done{align-items:stretch}.ob-done-inner{text-align:center;background:radial-gradient(70% 50% at 50% 40%, var(--yellow-100), transparent 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;padding:24px;display:flex}.ob-done-inner .ob-h1{margin-top:14px}.ob-done-inner .ob-hand{font-family:var(--font-hand);color:var(--sage-600);margin:0;font-size:22px}.gh-reveal{pointer-events:auto;color:var(--ink-500);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:6px;display:inline-flex}.gh-reveal:hover{color:var(--ink)}.gh-reveal:focus-visible{box-shadow:var(--ring);outline:none}