:root{--purple: #8a56c8;--purple-dark: #6f3fae;--paper: #ececec;--ink: #2b2b2b;--muted: #777;--blue: #1e9be9;--green: #1fb57c;--green-dark: #148a5d;--red: #d4493d}*{box-sizing:border-box}body{margin:0;background:#e4d9f3;color:var(--ink);font-family:Ubuntu,Nunito,Open Sans,Segoe UI,system-ui,sans-serif}button{font:inherit;cursor:pointer}.app header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--purple);color:#fff;flex-wrap:wrap}.app header h1{margin:0;font-size:22px}.tabs{display:flex;gap:6px;flex:1}.tabs button{background:transparent;border:0;color:#e9dcff;padding:8px 14px;border-radius:10px;font-weight:700}.tabs button.on{background:#fff;color:var(--purple-dark)}.tabs.sub{margin-bottom:8px;flex:none}.tabs.sub button{color:var(--purple-dark);background:#f3ecfb}.tabs.sub button.on{background:var(--purple);color:#fff}.link{background:none;border:0;color:#e9dcff;text-decoration:underline}main{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}input,select{padding:10px 12px;border:2px solid #cdbbe6;border-radius:10px;font:inherit;background:#fff}.empty{text-align:center;color:var(--muted);margin:40px 0}.hint{color:var(--muted);font-size:14px;margin:4px 0 12px}.block{margin-top:28px}.block h2{margin:0 0 6px;color:var(--purple-dark)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.tf-mini{all:unset;display:block;cursor:pointer;background:var(--purple);padding:5px;border-radius:14px;box-shadow:0 4px 0 var(--purple-dark);transition:transform .12s}.tf-mini:hover{transform:translateY(-3px)}.tf-mini:focus-visible{outline:3px solid var(--blue)}.tf-mini-paper{background:var(--paper);border-radius:10px;padding:10px;height:100%}.tf-mini-art{height:120px;border-radius:6px}.tf-mini-title{margin:10px 0 2px;font-size:17px;text-align:center}.tf-mini-money{margin:0;text-align:center;color:var(--green-dark);font-weight:700}.today-meta{margin:6px 4px 0;font-size:13px;color:var(--muted);text-align:center}.illustration{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-mask-image:radial-gradient(ellipse at center,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 62%,transparent 100%)}.illustration-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:38%}.illustration-icon{position:relative;font-size:64px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.tf-mini-art .illustration-icon{font-size:52px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e0a3c8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.tf-frame{background:var(--purple);padding:8px;border-radius:16px;width:min(900px,100%);max-height:94vh;overflow:auto;box-shadow:0 10px 40px #0006}.tf-paper{position:relative;background:linear-gradient(#f2f2f2,#e6e6e6);border-radius:10px;padding:28px 28px 92px;display:grid;grid-template-columns:260px 1fr;gap:24px;min-height:360px}.tf-art{height:100%;min-height:280px;border-radius:6px}.tf-art .illustration-icon{font-size:96px}.tf-title{margin:0 0 18px;text-align:center;font-size:30px}.story{font-size:22px;line-height:1.45;margin:0 0 14px}.hl{color:var(--blue)}.tf-money{margin:0 0 14px;color:var(--muted);font-size:17px}.tf-money b{color:var(--green-dark)}.tf-need{background:#fff;border-left:5px solid var(--green);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.tf-need-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tf-need-text{font-size:19px;font-weight:700}.tf-error{color:var(--red);margin:10px 0 0}.tf-ok{position:absolute;right:16px;bottom:16px;width:76px;height:52px;border:0;border-radius:8px;background:var(--green);box-shadow:0 5px 0 var(--green-dark);display:flex;align-items:center;justify-content:center}.tf-ok:active{transform:translateY(3px);box-shadow:0 2px 0 var(--green-dark)}.tf-ok:disabled{opacity:.6}.tf-taken{position:absolute;right:16px;bottom:20px;color:var(--green-dark);font-weight:700;font-size:18px}.radar{list-style:none;padding:0;margin:0;display:grid;gap:10px}.radar button{all:unset;cursor:pointer;display:grid;grid-template-columns:1fr;gap:4px;width:100%;background:#fff;border:2px solid #cdbbe6;border-radius:10px;padding:10px 14px;box-sizing:border-box}.radar button:hover{border-color:var(--purple)}.radar-title{font-weight:700;font-size:17px}.radar-bar{display:block;height:10px;background:#efe6fa;border-radius:6px;overflow:hidden}.radar-bar i{display:block;height:100%;background:var(--purple);border-radius:6px}.radar-facts{color:var(--muted);font-size:14px}.unplaced{padding-left:18px}.unplaced button{all:unset;color:var(--blue);cursor:pointer;text-decoration:underline}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login{width:min(420px,100%)}.login-paper{display:flex;flex-direction:column;gap:12px;padding:28px;min-height:0}.login-paper .story{text-align:center;font-size:18px;margin:0}.btn-green{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px;font-weight:700;font-size:17px;box-shadow:0 4px 0 var(--green-dark)}.btn-green:disabled{opacity:.6}@media (max-width: 700px){.tf-paper{grid-template-columns:1fr;padding:18px 16px 90px}.tf-art{min-height:160px;height:160px}.tf-art .illustration-icon{font-size:64px}.tf-title{font-size:24px;margin-bottom:10px}.story{font-size:18px}}.tf-mini-wrap{position:relative}.tf-edit{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:0;background:#ffffffe6;color:var(--purple-dark);font-size:16px;box-shadow:0 1px 4px #0000004d}.tf-edit:hover{background:#fff}.add{padding:10px 16px;margin-left:auto}.editor{grid-template-columns:1fr 1fr;padding-bottom:28px;min-height:0}.editor .wide,.editor .fld:nth-of-type(3),.editor .fld:nth-of-type(4){grid-column:1 / -1}.fld{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:14px}.fld input,.fld select,.fld textarea{font-weight:400;font-size:16px;font-family:inherit;padding:9px 11px;border:2px solid #cdbbe6;border-radius:8px;background:#fff}.fld small{font-weight:400;color:var(--muted)}.editor-actions{display:flex;justify-content:flex-end;gap:10px}.btn-gray{background:#d8d8d8;border:0;border-radius:8px;padding:12px 18px;font-weight:700;box-shadow:0 4px #b5b5b5}.editor .btn-green{padding:12px 22px}@media (max-width: 700px){.editor{grid-template-columns:1fr}}