body{margin:0;font-family:"Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f5f5f7;--bg-soft: #ffffff;--accent: #a3a5ff;--accent-soft: #e2e3ff;--accent-strong: #5f61ff;--text-main: #222222;--text-soft: #555555;--border-soft: rgba(0, 0, 0, .06);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);background:var(--bg);color:var(--text-main)}body.theme-female{--bg: #fff1f7;--bg-soft: #ffe4ef;--accent: #ffc7da;--accent-soft: #ffeaf3;--accent-strong: #ff9abd;--text-main: #4a1023;--text-soft: #7f2946;--border-soft: rgba(180, 83, 129, .2);--shadow-soft: 0 10px 30px rgba(180, 83, 129, .18);background-color:var(--bg);background-image:url(/axolotl.svg),url(/axolotl.svg),url(/axolotl.svg),url(/axolotl.svg),radial-gradient(circle at center,#fff4f9,#fff4f9e6 25%,#fff4f900 55%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:420px 420px,360px 360px,420px 420px,360px 360px,600px 600px;background-position:-160px 18vh,-40px 72vh,calc(100% - 240px) 22vh,calc(100% - 180px) 78vh,center 22vh}body.theme-male{--bg: #f4faff;--bg-soft: #e8f4ff;--accent: #c6e5ff;--accent-soft: #d8ecff;--accent-strong: #9bceff;--text-main: #102135;--text-soft: #586981;--border-soft: rgba(15, 23, 42, .12);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .16);background-color:var(--bg);background-image:url(/seal.svg),url(/seal.svg),url(/seal.svg),url(/seal.svg),radial-gradient(circle at center,#f4faff,#f4faffe6 25%,#f4faff00 55%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:420px 420px,360px 360px,420px 420px,360px 360px,600px 600px;background-position:-160px 18vh,-40px 72vh,calc(100% - 240px) 22vh,calc(100% - 180px) 78vh,center 22vh}body.theme-neutral{background-color:var(--bg);background-image:url(/axolotl.svg),url(/seal.svg),url(/seal.svg),url(/axolotl.svg),radial-gradient(circle at center,#f5f5f7,#f5f5f7e6 25%,#f5f5f700 55%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:420px 420px,360px 360px,420px 420px,360px 360px,600px 600px;background-position:-160px 18vh,-40px 72vh,calc(100% - 240px) 22vh,calc(100% - 180px) 78vh,center 22vh}.app-shell{min-height:100vh;background:transparent}.app-inner{max-width:960px;margin:0 auto;padding:24px 16px 32px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.nav-left,.nav-right{display:flex;align-items:center;gap:12px}.nav-title{font-weight:700;letter-spacing:.03em;font-size:18px;color:var(--text-main);display:flex;align-items:center;gap:6px}.nav-mascot{font-size:20px}.nav-link{text-decoration:none;color:var(--text-soft);font-size:14px;padding:4px 10px;border-radius:999px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--accent-soft);color:var(--accent-strong)}.page{padding-top:16px}.page-title{font-size:26px;font-weight:700;color:var(--text-main);margin-bottom:16px}.card{background:var(--bg-soft);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-title{font-size:18px;font-weight:600;color:var(--text-main)}.card-subtitle{font-size:13px;color:var(--text-soft)}.button-primary{border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;background:var(--accent-strong);color:#fff;box-shadow:0 2px 8px #0f172a26;transition:transform .08s ease,box-shadow .08s ease,background .1s ease}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33;background:var(--accent)}.button-primary:disabled{opacity:.6;cursor:default;transform:none;box-shadow:0 2px 6px #0f172a1a}.text-input,.textarea{width:100%;border-radius:12px;border:1px solid var(--border-soft);padding:8px 10px;font-size:14px;outline:none;background:#ffffffe6;color:var(--text-main)}.textarea{resize:vertical;min-height:90px}.text-input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.label{display:block;font-size:13px;margin-bottom:4px;color:var(--text-soft)}.badge-soft{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--text-soft);font-size:11px}.error-text{color:#b91c1c;font-size:13px;margin-bottom:8px}body.theme-female .today-bg,body.theme-male .today-bg,body.theme-neutral .today-bg{background:transparent;padding-bottom:40px}@media(max-width:600px){.app-inner{max-width:100%;padding:16px 12px 24px}.navbar{padding:10px 12px;gap:8px}.nav-left,.nav-right{gap:8px}.nav-title{font-size:16px}.nav-link{font-size:13px;padding:4px 8px}}@media(max-width:900px){body.theme-female,body.theme-male,body.theme-neutral{background-size:220px 220px,200px 200px,220px 220px,200px 200px,360px 360px;background-position:-90px 14vh,-70px 68vh,calc(100% - 130px) 16vh,calc(100% - 110px) 72vh,center 22vh}}@media(max-width:600px){body.theme-female,body.theme-male,body.theme-neutral{background-size:180px 180px,160px 160px,180px 180px,160px 160px,320px 320px;background-position:-70px 12vh,-60px 70vh,calc(100% + -0px) 25vh,calc(100% - 5px) 80vh,center 20vh}}