body{-webkit-font-smoothing:antialiased;background:#f9fafb;margin:0}*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:#f6f7fb;background-image:radial-gradient(130% 55% at 50% 0,#e9ecfb 0%,#f6f7fb00 58%);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}@keyframes pz-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.result__card,.tabpage,.empty{animation:.28s both pz-rise}.empty__art{max-width:100%;height:auto;margin:0 auto 16px;display:block}.app{color:#0f172a;max-width:600px;margin:0 auto;padding:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.topbar{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(10px);background:#f7f8fae6;border-bottom:1px solid #eceef3;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar .hero__logo,.topbar img{width:26px;height:26px}.topbar__name{letter-spacing:.2px;font-size:17px;font-weight:800}.tabview{padding:22px 20px calc(96px + env(safe-area-inset-bottom))}.tabbar{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(10px);width:100%;max-width:600px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #eceef3;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{cursor:pointer;color:#9aa3b2;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 7px;font-family:inherit;display:flex}.tab__icon{line-height:0;display:inline-flex;position:relative}.tab__dot{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-5px;right:-10px}.tab__label{font-size:11px;font-weight:700}.tab--on{color:#4f46e5}.tab--on .tab__icon{filter:none;opacity:1}.tabpage{padding-top:2px}.tabpage__title{margin:8px 0 18px;font-size:21px;font-weight:800}.tabpage__empty{color:#94a3b8;text-align:center;padding:48px 0;font-size:14px;line-height:1.9}.hero{margin-bottom:22px}.hero__brand{align-items:center;gap:10px;margin-bottom:20px;display:flex}.hero__logo{border-radius:9px;display:block}.hero__name{letter-spacing:.2px;font-size:18px;font-weight:700}.hero__badge{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.hero__title{letter-spacing:-.2px;margin:0 0 7px;font-size:21px;font-weight:700;line-height:1.5}.hero__title em{background:linear-gradient(120deg,#6366f1,#4f46e5);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__sub{color:#64748b;margin:0;font-size:14px}.card{background:#fff;border:1px solid #eaecf4;border-radius:20px;padding:14px;box-shadow:0 14px 44px -24px #4f46e547,0 2px 10px -6px #0f172a0f}.card__input{resize:vertical;color:#0f172a;background:0 0;border:none;width:100%;min-height:150px;padding:6px 4px;font-family:inherit;font-size:15px;line-height:1.75}.card__input::placeholder{color:#9aa3b2}.card__input:focus{outline:none}.card__foot{border-top:1px solid #f1f2f6;margin-top:10px;padding-top:12px}.card__actions{align-items:stretch;gap:10px;display:flex}.card__actions .recbtn{flex:none}.card__actions .btn-primary{flex:auto}.card__subrow{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.link{color:#7c8598;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:13px;font-weight:600}.link:hover{color:#4f46e5;text-decoration:underline}.card__count{color:#b2bac7;margin-left:auto;font-size:12px}.card__count--over{color:#dc2626;font-weight:700}.usage{border-radius:999px;padding:3px 9px;font-family:inherit;font-size:12px;font-weight:700}.usage--free{color:#b45309;cursor:pointer;background:#fef3c7;border:none}.usage--free:hover{background:#fde68a}.usage--pro{color:#fff;background:linear-gradient(120deg,#6366f1,#4f46e5)}.paywall{padding:20px 20px 26px}.paywall__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.paywall__badge{color:#fff;letter-spacing:.5px;background:linear-gradient(120deg,#6366f1,#4f46e5);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800}.paywall__title{margin:4px 0 6px;font-size:22px;font-weight:800}.paywall__lead{color:#64748b;margin:0 0 16px;font-size:14px}.paywall__list{flex-direction:column;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.paywall__list li{color:#1e293b;padding-left:28px;font-size:14.5px;font-weight:500;position:relative}.paywall__list li:before{content:"✓";color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-1px;left:0}.paywall__plans{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.plan{cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:15px 18px;font-family:inherit;display:flex}.plan--year{background:#f5f6ff;border:2px solid #4f46e5}.plan--month{background:#fff;border:1.5px solid #e2e6ec}.plan__name{color:#0f172a;font-size:15px;font-weight:700}.plan__price{color:#4f46e5;font-size:16px;font-weight:800}.plan--month .plan__price{color:#0f172a}.plan__note{color:#fff;background:#22c55e;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:700}.paywall__restore{color:#64748b;cursor:pointer;background:0 0;border:none;margin:4px auto 10px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:underline;display:block}.paywall__fine{text-align:left;color:#94a3b8;margin:0;font-size:11.5px;line-height:1.7}.paywall__links{text-align:center;margin:10px 0 0;font-size:12.5px}.paywall__links a,.paywall__links button{color:#64748b;font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.paywall__links span{color:#cbd5e1;margin:0 8px}.settings{flex-direction:column;padding:8px 2px 4px;display:flex}.settings__status{color:#334155;background:#f8fafc;border:1px solid #eef0f4;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.settings__upgrade{color:#fff;cursor:pointer;background:linear-gradient(120deg,#6366f1,#4f46e5);border:none;border-radius:999px;margin-left:auto;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700}.settings__row{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f2f6;padding:14px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:block}.settings__row:hover{background:#f8fafc}.settings__lang{cursor:default;justify-content:space-between;align-items:center;display:flex}.settings__lang:hover{background:0 0}.langseg{gap:6px;display:inline-flex}.langseg__btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600}.langseg__btn--on{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.settings__ver{text-align:center;color:#b2bac7;margin:16px 0 6px;font-size:12px}.empty__cta{color:#4f46e5;cursor:pointer;background:#fff;border:1.5px solid #c7d2fe;border-radius:999px;margin:4px auto 10px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:700}.empty__cta:hover{background:#f5f6ff}.empty__hint{color:#b2bac7;margin:0;font-size:12px}.btn-primary{white-space:nowrap;color:#fff;cursor:pointer;background:linear-gradient(120deg,#6366f1,#4f46e5);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:128px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:transform 60ms,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 18px -8px #4f46e5b3,inset 0 1px #ffffff47}.btn-primary__spark{flex:none}.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px -8px #4f46e5cc}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:default;box-shadow:none}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite pz-spin}@keyframes pz-spin{to{transform:rotate(360deg)}}.itembar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.itemchip{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.mini{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e6ec;border-radius:8px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:600}.mini:hover{color:#334155;background:#f8fafc}.recbtn{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.recbtn:hover{background:#e4e9ff;border-color:#a9b6fc}.recbtn .recdot{background:#94a3b8;border-radius:50%;width:9px;height:9px}.recbtn--on{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.recbtn--on .recdot{background:#ef4444;animation:1s ease-in-out infinite pz-pulse}@keyframes pz-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.savemenu{display:inline-block;position:relative}.savemenu__backdrop{z-index:20;position:fixed;inset:0}.savemenu__pop{z-index:21;background:#fff;border:1px solid #e5e7eb;border-radius:11px;flex-direction:column;gap:2px;min-width:172px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px -12px #0f172a4d}.savemenu__pop button{text-align:left;color:#334155;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500}.savemenu__pop button:hover{background:#f4f6fa}.result__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.itembar__actions{align-items:center;gap:8px;display:flex}.edit{background:#f8fafc;border:1px solid #eaedf2;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px;display:flex}.edit__field{color:#64748b;flex-direction:column;gap:4px;font-size:12px;display:flex}.edit input{color:#0f172a;background:#fff;border:1px solid #d8dee7;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.edit input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51f}.edit__row{gap:6px;display:flex}.edit__row .edit__main{flex:auto;width:auto;min-width:0}.edit__row .edit__owner{flex:0 0 88px;width:88px}.edit__col{border-top:1px dashed #e2e6ee;flex-direction:column;gap:6px;padding-top:8px;display:flex}.edit__item{border-bottom:1px dashed #eaedf2;flex-direction:column;gap:5px;padding-bottom:8px;display:flex}.edit__ops{flex:none;justify-content:flex-end;gap:6px;display:flex}.edit__op{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e6ec;border-radius:8px;justify-content:center;align-items:center;width:30px;height:28px;font-family:inherit;font-size:13px;display:flex}.edit__op:disabled{opacity:.32;cursor:default}.edit__op:not(:disabled):hover{background:#f8fafc}.edit__op--del{color:#dc2626;border-color:#fecaca}.edit__op--del:hover{background:#fef2f2}.edit__add{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:999px;align-self:flex-start;margin-top:2px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:700}.edit__add:hover{background:#e0e7ff}.result{margin-top:22px}.result__card{background:#fff;border:1px solid #eaecf4;border-radius:20px;overflow:hidden;box-shadow:0 14px 44px -24px #4f46e547,0 2px 10px -6px #0f172a0f}.result__head{border-bottom:1px solid #f1f2f6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.result__label{color:#64748b;font-size:13px;font-weight:700}.ghost{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600}.ghost:hover{background:#f8fafc}.result__canvas{padding:24px 18px}.empty{text-align:center;background:#fcfcfe;border:1.5px dashed #d7dbe4;border-radius:18px;padding:40px 20px}.empty__glyph{flex-direction:column;align-items:center;gap:7px;margin-bottom:16px;display:inline-flex}.empty__glyph span{background:#e6e9f2;border-radius:6px;display:block}.empty__glyph span:first-child{width:74px;height:16px}.empty__glyph span:nth-child(2){width:54px;height:16px}.empty__glyph span:nth-child(3){width:64px;height:16px}.empty__text{color:#94a3b8;margin:0;font-size:14px;line-height:1.7}.note{color:#aab2c0;margin-top:22px;font-size:12px;line-height:1.6}.msg{margin:12px 2px 0;font-size:13px;line-height:1.6}.msg--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px}.chip--clear{color:#64748b;background:#f1f3f7}.chip--clear:hover{background:#e6e9ef}.result__loading{color:#64748b;background:#fcfcfe;border:1.5px dashed #d7dbe4;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:14px;font-weight:600;display:flex}.spinner--dark{border:2px solid #4f46e538;border-top-color:#4f46e5}.ghost--on{color:#fff;background:linear-gradient(120deg,#6366f1,#4f46e5);border-color:#0000}.ghost--on:hover{background:linear-gradient(120deg,#5b5ef0,#4338ca)}.boardbar{color:#4338ca;background:#eef2ff;border:1px solid #dfe3ff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.toast{z-index:40;color:#fff;background:#0f172a;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:600;animation:.22s pz-toast;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #0f172a80}@keyframes pz-toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hero__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:#eef2ff;border:none;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:15px;line-height:1;display:inline-flex}.icon-btn:hover{background:#e0e7ff}.hist-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.hist-btn:hover{background:#e0e7ff}.newbtn{color:#4f46e5;cursor:pointer;background:#fff;border:1.5px solid #dfe3ff;border-radius:14px;width:100%;margin:16px 0 0;padding:13px;font-family:inherit;font-size:14px;font-weight:700;display:block}.newbtn:hover{background:#f5f6ff;border-color:#c7ceff}.newbtn:active{transform:translateY(1px)}.sheet{z-index:50;background:#0f172a66;justify-content:center;align-items:flex-end;animation:.18s pz-fade;display:flex;position:fixed;inset:0}@keyframes pz-fade{0%{opacity:0}to{opacity:1}}.sheet__panel{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:78vh;padding:8px 14px 24px;animation:.24s pz-slideup;overflow-y:auto;box-shadow:0 -12px 40px -12px #0f172a59}@keyframes pz-slideup{0%{transform:translateY(16px)}to{transform:translateY(0)}}.sheet__head{background:#fff;border-bottom:1px solid #f1f2f6;justify-content:space-between;align-items:center;padding:10px 4px 12px;display:flex;position:sticky;top:0}.sheet__title-lg{color:#0f172a;font-size:15px;font-weight:700}.sheet__empty{color:#94a3b8;text-align:center;margin:0;padding:34px 0;font-size:14px}.sheet__list{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.sheet__row{align-items:stretch;gap:6px;display:flex}.sheet__item{text-align:left;cursor:pointer;background:#fff;border:1px solid #eef0f4;border-radius:12px;flex-direction:column;flex:auto;gap:3px;min-width:0;padding:12px 14px;font-family:inherit;display:flex}.sheet__item:hover{background:#f8fafc;border-color:#e2e6ec}.sheet__title{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sheet__meta{color:#94a3b8;font-size:12px}.sheet__del{cursor:pointer;background:#fff;border:1px solid #eef0f4;border-radius:12px;flex:none;width:44px;font-size:15px}.sheet__del:hover{background:#fef2f2;border-color:#fecaca}@media (prefers-reduced-motion:reduce){.spinner,.recbtn--on .recdot,.toast,.sheet,.sheet__panel,.result__card,.tabpage,.empty{animation:none}}@media (prefers-color-scheme:dark){body{background-color:#0e1016;background-image:radial-gradient(130% 55% at 50% 0,#191d30 0%,#0e101600 58%)}.app{color:#eef1f7}.topbar{background:#0f1118db;border-bottom-color:#242836}.topbar__name,.hero__title{color:#f1f3f8}.hero__sub{color:#97a0b4}.note{color:#6b7488}.card{background:#191c25;border-color:#262a37;box-shadow:0 16px 46px -26px #000000a6}.card__input{color:#eef1f7}.card__input::placeholder{color:#6b7488}.card__foot{border-top-color:#262a37}.card__count{color:#6b7488}.link{color:#98a1b4}.link:hover{color:#a9b6ff}.recbtn{color:#c3cffe;background:#20242f;border-color:#323848}.recbtn:hover{background:#262b38}.result__card{background:#f7f8fb;border-color:#2a2e3a;box-shadow:0 16px 46px -26px #000000a6}.empty{background:#161922;border-color:#2a2f3d}.empty__text{color:#8b93a6}.empty__hint{color:#5f6779}.empty__cta{color:#c3cffe;background:#20242f;border-color:#3a415a}.empty__cta:hover{background:#262b38}.tabbar{background:#0f1118f0;border-top-color:#242836}.tab{color:#798298}.tab--on{color:#a9b6ff}.tabpage__title{color:#f1f3f8}.tabpage__empty{color:#798298}.sheet__item{background:#191c25;border-color:#2a2e3a}.sheet__item:hover{background:#20242f}.sheet__title{color:#eef1f7}.sheet__del{background:#191c25;border-color:#2a2e3a}.settings__status{color:#c7ccd9;background:#20242f;border-color:#2a2e3a}.settings__row{color:#e6e9f1;border-bottom-color:#262a37}.settings__row:hover{background:#20242f}.settings__ver{color:#5f6779}.sheet__panel.paywall{background:#191c25}.paywall .mini{color:#aeb6c6;background:#20242f;border-color:#323848}.paywall__title{color:#f1f3f8}.paywall__lead{color:#98a1b4}.paywall__list li{color:#dfe3ee}.paywall__list li:before{background:#262b45}.plan--year{background:#1c2036;border-color:#4f46e5}.plan--month{background:#191c25;border-color:#323848}.plan__name,.plan--month .plan__price{color:#eef1f7}.paywall__links a,.paywall__links button{color:#98a1b4}}