/* User-approved refinement: restrained club/editorial atmosphere for Hobby only. */
body[data-area="hobby"]{--paper:#f1f2ed;--ink:#27352e;--muted:#6c776f;--green:#536d54;--line:#d8ddd5;--light:#e8ece4;--radius:8px;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Malgun Gothic",sans-serif}
body[data-area="hobby"] .sidebar{background:#f9faf6;border-color:#d8ded3}
body[data-area="hobby"] .brand strong{color:#2d4233}
body[data-area="hobby"] .monogram{color:#4f6550;background:none;border:1px solid #8a9c84;border-radius:7px}
body[data-area="hobby"] .nav-caption{color:#7b8876}
body[data-area="hobby"] .nav-item{color:#6b786a;border-radius:6px}
body[data-area="hobby"] .nav-item.active{background:#e1e7db;color:#3c563d;box-shadow:inset 3px 0 #74866b}
body[data-area="hobby"] .nav-item:hover{background:#e9eee4}
body[data-area="hobby"] .avatar{background:#e0e5d8;color:#526348;border-radius:7px}
body[data-area="hobby"] .topbar{background:#f9faf6;border-color:#dce0d7}
body[data-area="hobby"] .search input{background:#e8ece3;color:#4f624f;border-radius:5px}
body[data-area="hobby"] .icon-button{border-radius:5px;border-color:#d6decf;background:#fafbf7}
body[data-area="hobby"] .eyebrow{color:#7a846d;font-size:10px;letter-spacing:2.1px}
body[data-area="hobby"] .page-head h1{font-size:30px;font-weight:650;letter-spacing:-1.3px}
body[data-area="hobby"] .page-head p{color:#74806f}
body[data-area="hobby"] .date-pill{border-radius:5px;background:#fafbf7;border-color:#d5ddce;color:#707d65}
body[data-area="hobby"] .hobby-welcome{background:#2a3b30;border:1px solid #344a39;border-radius:9px;padding:34px 38px;grid-template-columns:minmax(0,1fr) 230px;gap:20px;margin-bottom:29px}
body[data-area="hobby"] .hobby-welcome .eyebrow{color:#b9c5ab!important;letter-spacing:2.7px}
body[data-area="hobby"] .hobby-welcome h2{font:700 43px/1.1 "Segoe UI",sans-serif;color:#f2f1e7;letter-spacing:-1.4px}
body[data-area="hobby"] .hobby-welcome p{color:#b0bea7;font-size:12px;line-height:1.9;margin-top:18px}
.club-caption{display:inline-block;border-top:1px solid #66765e;color:#c69a6e;letter-spacing:2.6px;font-size:9px;margin-top:21px;padding-top:14px}
body[data-area="hobby"] .hobby-art{position:static;opacity:1;width:100%;height:180px}
body[data-area="hobby"] .hobby-menu-label{color:#7c8871;font-size:9px;letter-spacing:2px;margin-top:24px}
body[data-area="hobby"] .hobby-nav{gap:5px;border-bottom:1px solid #d4ddce;padding:0 0 15px;margin-bottom:25px;scrollbar-color:#bbc7b2 transparent}
body[data-area="hobby"] .hobby-nav a{border:1px solid transparent;border-radius:5px;background:none;color:#65735e;padding:10px 12px;font-size:11px}
body[data-area="hobby"] .hobby-nav a:hover{background:#e7ecdf;transform:none}
body[data-area="hobby"] .hobby-nav a.active{background:#53674b;color:#f6f7ef;border-color:#53674b;box-shadow:none}
body[data-area="hobby"] .tab-symbol{display:flex}
body[data-area="hobby"] .tab-symbol svg{width:15px;height:15px;stroke-width:1.4}
body[data-area="hobby"] .hobby-grid{gap:17px}
body[data-area="hobby"] .hobby-card{background:#fbfcf8;border:1px solid #d5ddcf;border-radius:8px;box-shadow:none;min-height:242px;padding:24px;transition:border-color .15s,transform .15s;overflow:hidden}
body[data-area="hobby"] .hobby-card:hover{transform:translateY(-3px);border-color:#8c9d80;box-shadow:0 8px 20px #30422c0c}
body[data-area="hobby"] .hobby-card small{position:static;display:block;color:#8c967e;font-size:9px;letter-spacing:1.3px;margin-bottom:20px}
body[data-area="hobby"] .hobby-icon{background:#e9ede3!important;box-shadow:none;border-radius:7px;width:43px;height:43px;transform:none;margin-bottom:18px;color:#647751}
body[data-area="hobby"] .hobby-icon svg{width:27px;height:27px;stroke-width:1.4}
body[data-area="hobby"] .hobby-card h2{font:600 21px/1.25 "Segoe UI",sans-serif;color:#32432f;letter-spacing:-.5px}
body[data-area="hobby"] .hobby-card p{font-size:11px;color:#76836a;margin-top:9px;line-height:1.8;max-width:none}
.hobby-record-count{display:block;font-size:9px;letter-spacing:.5px;color:#8c957f;margin-top:18px}
body[data-area="hobby"] .hobby-card::after{color:#879379;border:0;border-radius:0;right:18px;bottom:16px;background:none}
body[data-area="hobby"] .hobby-baseball .hobby-icon,body[data-area="hobby"] .hobby-guitar .hobby-icon{background:#eee6d9!important;color:#a0784a}
body[data-area="hobby"] .hobby-composition .hobby-icon,body[data-area="hobby"] .hobby-library .hobby-icon{background:#e2e8e9!important;color:#657c83}
body[data-area="hobby"] .hobby-vocal .hobby-icon,body[data-area="hobby"] .hobby-japanese .hobby-icon{background:#e8e6de!important;color:#82765f}
body[data-area="hobby"] .panel{border:1px solid #d4ddcd;border-radius:8px;box-shadow:none}
body[data-area="hobby"] .panel-header{background:#f7f9f2;border-color:#dfe5d7}
body[data-area="hobby"] .panel-title h2{color:#4c6142;font-size:14px}
body[data-area="hobby"] .panel-title svg{color:#859471}
body[data-area="hobby"] .record-card{border-color:#dce3d3;border-radius:6px;background:#fdfef9}
body[data-area="hobby"] .button{background:#536c4a;border-color:#536c4a;border-radius:5px}
body[data-area="hobby"] .button.secondary{background:#fbfcf7;color:#596e4d;border-color:#d0dbc5}
body[data-area="hobby"] .link-button{color:#6a7e58}
body[data-area="hobby"] .connection-strip{background:#e9eee1;border-color:#d7dfcc;color:#738364;border-radius:5px}
body[data-area="hobby"] .back-link{color:#7b8b6c}
body[data-area="hobby"] .assistant-launch{background:#3e5539;border-radius:6px;box-shadow:0 6px 18px #35462f20}
body[data-area="hobby"] .chat-bubble{background:#edf1e6;border-radius:6px}
body[data-area="hobby"] .modal-hint,body[data-area="hobby"] .readonly-area{background:#f0f3e9;color:#718064;border-radius:5px}
.space-hobby{background:#e7ecdf;border-color:#cdd7c4;border-radius:8px;box-shadow:none}
.space-hobby h2{font:600 22px "Segoe UI",sans-serif;color:#4c6241}
.space-hobby .hobby-icon{background:#d8e1cd;color:#677d53;border-radius:7px;transform:none}
/* The private entry is deliberately quiet; actual data access is enforced server-side. */
.private-entry{font:inherit;color:inherit;min-width:28px;min-height:28px;padding:3px 5px;letter-spacing:1px;opacity:.7}
.private-entry:hover,.private-entry:focus-visible{opacity:1}
.vault-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.vault-totals strong{display:block;font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:7px}
@media(max-width:1150px){body[data-area="hobby"] .hobby-welcome{grid-template-columns:minmax(0,1fr) 180px;padding:29px}body[data-area="hobby"] .hobby-welcome h2{font-size:37px}}
@media(max-width:580px){body[data-area="hobby"] .page-head h1{font-size:25px}body[data-area="hobby"] .hobby-welcome{grid-template-columns:1fr;padding:27px 24px;border-radius:8px}body[data-area="hobby"] .hobby-welcome h2{font-size:33px}body[data-area="hobby"] .hobby-welcome p{font-size:11px;max-width:none}body[data-area="hobby"] .hobby-art{display:none}body[data-area="hobby"] .hobby-nav{padding-bottom:13px;margin-bottom:20px}body[data-area="hobby"] .hobby-nav a{padding:9px 11px;font-size:10px}body[data-area="hobby"] .hobby-card{padding:21px 17px;min-height:230px;border-radius:7px}body[data-area="hobby"] .hobby-card small{margin-bottom:17px;font-size:8px}body[data-area="hobby"] .hobby-card h2{font-size:18px}body[data-area="hobby"] .hobby-card p{font-size:10px}body[data-area="hobby"] .hobby-icon{width:40px;height:40px;border-radius:6px;margin-bottom:16px}body[data-area="hobby"] .hobby-icon svg{width:25px;height:25px}body[data-area="hobby"] .sidebar{border-top-color:#d4ddc9}body[data-area="financial"] .footer>.footer-signature{display:flex}body[data-area="financial"] .signature-copy{display:none}.vault-totals{grid-template-columns:1fr;gap:11px}.vault-totals>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.vault-totals strong{margin-top:0}}