.jp-app{--jp-accent: var(--moss-700);--jp-strong: var(--moss-900);--jp-soft: var(--moss-100);--jp-wash: var(--moss-50);--jp-on: var(--paper-50);min-height:100vh}.jp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-8);background:#fbf8f3d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-hairline)}.jp-logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;background:none;border:none;padding:0}.jp-logo svg{display:block}.jp-logo-text{font-family:var(--font-display);font-size:26px;color:var(--ink-900);line-height:1;letter-spacing:var(--ls-tight)}.jp-logo-text em{font-style:italic;color:var(--jp-accent)}.jp-nav-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.jp-nav-tabs{display:flex;align-items:center;gap:var(--space-1)}.jp-tab{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-4);border-radius:var(--radius-pill);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--fg-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:none;border:none;cursor:pointer;font-family:inherit}.jp-tab:hover{background:var(--paper-100);color:var(--fg-primary)}.jp-tab[data-active=true]{background:var(--jp-accent);color:var(--jp-on)}.jp-tab-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-micro);font-weight:var(--fw-semi);background:var(--paper-200);color:var(--fg-secondary)}.jp-tab[data-active=true] .jp-tab-count{background:#ffffff38;color:#fff}.jp-icon-btn{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:none;border:none;cursor:pointer}.jp-icon-btn:hover{background:var(--paper-100);color:var(--fg-primary)}.jp-icon-badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--rose-500);color:#fff;font-size:10px;font-weight:var(--fw-semi);display:flex;align-items:center;justify-content:center}.jp-viewchip{display:inline-flex;align-items:center;gap:6px;padding:7px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-hairline);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--fg-secondary);cursor:pointer;background:none;font-family:inherit}.jp-viewchip:hover{border-color:var(--jp-accent);color:var(--jp-accent)}.jp-credits{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3) 7px 10px;border-radius:var(--radius-pill);background:var(--amber-100);color:var(--amber-700);font-size:var(--fs-body-sm);font-weight:var(--fw-semi);border:1px solid #f0dcb8;cursor:pointer;font-family:inherit;transition:transform var(--dur-fast) var(--ease-spring)}.jp-credits:hover{transform:translateY(-1px)}.jp-credits-add{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--amber-500);color:#fff;font-size:14px;line-height:1;margin-left:2px}.jp-account{position:relative}.jp-avatar-me{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--jp-soft);color:var(--jp-strong);font-weight:var(--fw-semi);font-size:var(--fs-body-sm);border:1px solid var(--border-hairline);cursor:pointer;font-family:inherit;transition:box-shadow var(--dur-fast) var(--ease-out)}.jp-avatar-me[data-open=true]{box-shadow:0 0 0 3px var(--jp-soft)}.jp-account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:56;width:290px;padding:var(--space-2);background:var(--bg-page);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transform-origin:top right;animation:jp-pop-sm var(--dur-base) var(--ease-out)}.jp-account-id{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out);background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}.jp-account-id:hover{background:var(--jp-wash)}.jp-account-mono{width:44px;height:44px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--jp-soft);color:var(--jp-strong);font-weight:var(--fw-semi);font-size:var(--fs-body)}.jp-account-idmeta{display:flex;flex-direction:column;gap:2px;min-width:0}.jp-account-name{display:flex;align-items:center;gap:5px;font-size:var(--fs-body-sm);font-weight:var(--fw-semi);color:var(--fg-primary)}.jp-account-sub{font-size:var(--fs-caption);color:var(--fg-tertiary)}.jp-account-sep{height:1px;background:var(--border-hairline);margin:var(--space-2) var(--space-2)}.jp-account-row{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:10px var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--fg-primary);transition:background var(--dur-fast) var(--ease-out);background:none;border:none;cursor:pointer;font-family:inherit}.jp-account-row:hover{background:var(--jp-wash)}.jp-account-row svg{color:var(--fg-secondary);flex-shrink:0}.jp-account-tag{margin-left:auto;font-size:var(--fs-caption);font-weight:var(--fw-semi);color:var(--jp-strong);background:var(--jp-soft);padding:2px 9px;border-radius:var(--radius-pill)}.jp-account-tag[data-tone=amber]{color:var(--amber-700);background:var(--amber-100)}.jp-account-signout{color:var(--danger)}.jp-account-signout svg{color:var(--danger)}.jp-account-signout:hover{background:var(--rose-100)}@keyframes jp-pop-sm{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes jp-fade{0%{opacity:0}to{opacity:1}}.jp-overlay{position:fixed;inset:0;z-index:60;background:#1a17146b;backdrop-filter:blur(3px);display:flex;animation:jp-fade var(--dur-base) var(--ease-out)}.jp-overlay-center{align-items:center;justify-content:center;padding:var(--space-6)}.jp-sheet{position:relative;width:min(520px,100%);background:var(--bg-page);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);animation:jp-pop-sm var(--dur-base) var(--ease-out);max-height:92vh;overflow-y:auto}.jp-sheet-title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-regular);margin:0 0 var(--space-2)}.jp-sheet-sub{font-size:var(--fs-body-sm);color:var(--fg-secondary);margin:0;line-height:var(--lh-relaxed)}.jp-bottom-nav{display:none}@media(max-width:760px){.jp-nav-tabs{display:none}.jp-nav{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.jp-logo-text{font-size:20px}.jp-logo svg{width:28px;height:28px}.jp-viewchip,.jp-credits{display:none}.jp-nav-actions{gap:4px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.jp-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fbf8f3f7;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-top:1px solid var(--border-hairline);padding:6px var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom,0px));justify-content:space-around}.jp-bn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:var(--radius-md);color:var(--fg-tertiary);font-size:var(--fs-micro);font-weight:var(--fw-medium);flex:1;position:relative;background:none;border:none;cursor:pointer;font-family:inherit}.jp-bn[data-active=true]{color:var(--jp-accent)}.jp-bn .jp-tab-count{position:absolute;top:0;right:18px;min-width:16px;height:16px;font-size:9px;background:var(--rose-500);color:#fff}.jp-overlay{padding:0}.jp-overlay .jp-sheet,.jp-overlay .jp-verify,.jp-overlay .jp-settings,.jp-overlay .jp-notif-modal,.jp-overlay .jp-rb{width:100%!important;max-width:100%!important;height:100dvh;max-height:100dvh;border-radius:0;padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));overflow-y:auto;animation:jp-slide-up var(--dur-base) var(--ease-out)}.jp-overlay .jp-detail-modal{width:100%!important;max-width:100%!important;height:100dvh;max-height:100dvh;border-radius:0!important;overflow-y:auto;animation:jp-slide-up var(--dur-base) var(--ease-out)}.jp-overlay .jp-detail-modal>div:last-child{padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}}@keyframes jp-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.jp-overlay .jp-sheet,.jp-overlay .jp-verify,.jp-overlay .jp-settings,.jp-overlay .jp-notif-modal,.jp-overlay .jp-rb,.jp-overlay .jp-detail-modal{animation:none}}.jp-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center;background:var(--bg-page)}.jp-welcome-card{max-width:480px;width:100%;background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-md)}.jp-welcome-card .jp-logo{justify-content:center;margin-bottom:var(--space-6)}