:root{--lilac-50:#faf5ff;--lilac-100:#f3e8ff;--lilac-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--pink-400:#f472b6;--pink-500:#ec4899;--ink:#4a2f5e;--ink-soft:#7a5c8c;--ink-faint:#a98bc0;--surface-rgb:255,255,255;--accent-rgb:168,85,247;--accent2-rgb:244,114,182;--bg-lin-1:#faf5ff;--bg-lin-2:#fdf2f8;--bg-lin-3:#f3e8ff;--card-bg:rgba(var(--surface-rgb),.82);--card-border:rgba(var(--accent-rgb),.15);--danger:#f43f5e;--shadow:0 10px 30px rgba(var(--accent-rgb),.14);--shadow-sm:0 4px 14px rgba(var(--accent-rgb),.1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Quicksand,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(var(--accent2-rgb),.16),transparent 45%),radial-gradient(circle at 90% 10%,rgba(var(--accent-rgb),.16),transparent 45%),linear-gradient(160deg,var(--bg-lin-1) 0%,var(--bg-lin-2) 45%,var(--bg-lin-3) 100%);background-attachment:fixed;min-height:100%;padding-bottom:40px}#app{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:18px 16px 20px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:10px}.topbar h1{font-size:1.35rem;margin:0;color:var(--purple-700);font-weight:700}.sub{font-size:.78rem;color:var(--ink-soft)}.topbar .sub{margin-top:2px}.row-flex{display:flex;align-items:center;justify-content:space-between;gap:6px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--card-border);border-radius:22px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card h3{margin:0 0 10px;font-size:.95rem;color:var(--ink);font-weight:700}.card p.hint{margin:0 0 12px;font-size:.78rem;color:var(--ink-soft)}p.hint{font-size:.78rem;color:var(--ink-soft)}.subtab-row{display:flex;gap:8px;margin-bottom:14px;background:rgba(var(--surface-rgb),.55);border:1px solid var(--card-border);border-radius:16px;padding:5px}.subtab-btn{flex:1;min-width:0;background:none;border:none;border-radius:12px;padding:9px 8px;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--ink-soft);cursor:pointer}.subtab-btn.active{background:linear-gradient(135deg,var(--purple-500),var(--pink-400));color:#fff}.empty{color:var(--ink-faint);font-size:.84rem;text-align:center;padding:14px 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--purple-500),var(--pink-400));color:#fff;border:none;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(var(--accent-rgb),.35);transition:transform .12s ease,opacity .12s ease;-webkit-appearance:none}.btn:active{transform:scale(.96)}.btn.secondary{background:rgba(var(--surface-rgb),.8);color:var(--purple-700);box-shadow:none;border:1.5px solid var(--lilac-300)}.btn.block{width:100%}.btn.small{padding:7px 14px;font-size:.78rem}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 6px 16px #f43f5e59}.btn:disabled{opacity:.5;cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c1c8c;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay.hidden{display:none}.modal-box{background:rgb(var(--surface-rgb));border-radius:20px;padding:22px;max-width:340px;width:100%;box-shadow:0 20px 50px #00000059}.modal-box.wide{max-width:460px;max-height:86vh;display:flex;flex-direction:column}.modal-scroll-body{overflow-y:auto;min-height:0}.modal-thumb-row{display:flex;gap:12px;align-items:flex-start}.modal-box h3{margin:0 0 10px;font-size:1.05rem;color:var(--ink)}.modal-box p{margin:0 0 18px;font-size:.86rem;color:var(--ink-soft);line-height:1.45}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.modal-box .modal-header h3{margin:0}.modal-close-btn{width:30px;height:30px;border-radius:50%;border:none;flex:none;background:rgba(var(--accent-rgb),.12);color:var(--ink-soft);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.modal-close-btn:active{transform:scale(.9);background:rgba(var(--accent-rgb),.2)}label.field-label{display:block;font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:8px}input[type=text],input[type=number],textarea,select{width:100%;border:1.5px solid var(--card-border);border-radius:14px;padding:11px 13px;font-family:inherit;font-size:.92rem;background:rgba(var(--surface-rgb),.9);color:var(--ink);outline:none;transition:border-color .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--purple-400)}.check-opt{display:flex;align-items:center;gap:10px;background:rgba(var(--surface-rgb),.6);border:1.5px solid var(--card-border);border-radius:14px;padding:10px 12px;cursor:pointer;font-size:.88rem}.check-opt input{accent-color:var(--purple-500);width:18px;height:18px;flex:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-block{margin-bottom:16px}.field-block:last-child{margin-bottom:0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(10px);background:#14101ceb;color:#fff;padding:10px 18px;border-radius:999px;font-size:.82rem;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 8px 20px #00000040}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.file-drop{display:block;width:100%;border:2px dashed var(--card-border);border-radius:16px;padding:14px;text-align:center;font-size:.82rem;color:var(--ink-soft);cursor:pointer;background:rgba(var(--surface-rgb),.5)}input[type=file]{display:none}.icon-btn{background:none;border:none;color:var(--ink-faint);font-size:1.1rem;cursor:pointer;padding:6px;flex:none}.icon-btn:active{color:var(--danger)}.search-box{position:relative;margin-bottom:10px}.search-box input{padding-right:34px}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ink-faint);font-size:.85rem;cursor:pointer;padding:6px}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:4px}.entry-tile{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;width:100%}.entry-tile-name{font-size:.68rem;font-weight:700;color:var(--ink);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-tile-sub{font-size:.6rem;color:var(--ink-faint);text-align:center;margin-top:-3px}.thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--lilac-100);border:1.5px solid var(--card-border);flex:none}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.thumb-lg{width:72px;height:72px}.thumb-badge{position:absolute;top:4px;right:4px;background:#14101ca6;color:#fff;font-size:.62rem;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.thumb-add{display:flex;align-items:center;justify-content:center;border-style:dashed;background:rgba(var(--surface-rgb),.4)}.thumb-add-icon{font-size:1.6rem;color:var(--purple-500);font-weight:700;line-height:1}.species-row{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap}.species-chip{background:rgba(var(--surface-rgb),.7);border:1.5px solid var(--card-border);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:700;color:var(--ink-soft);cursor:pointer;font-family:inherit}.species-chip.active{background:linear-gradient(135deg,var(--purple-500),var(--pink-400));color:#fff;border-color:transparent}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;position:relative;z-index:2}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--card-border);border-radius:24px;padding:32px 26px;max-width:340px;width:100%;text-align:center;box-shadow:var(--shadow)}.login-emoji{font-size:2.6rem;margin-bottom:8px}.login-card h1{font-size:1.3rem;color:var(--purple-700);margin:0 0 10px}.login-card p{font-size:.88rem;color:var(--ink-soft);margin:0 0 20px}