/* Member workspace: same illustrated world as the public homepage. */
.app-shell,.modal{--ink:#24231f;--ink-soft:#605c57;--muted:#77706b;--paper:#fff8e8;--white:#fffdf5;--line:#ccc5b7;--green:#3457ce;--green-dark:#2845aa;--sage:#dcecac;--gold:#ffce50;--gold-soft:#fff0af;--peach:#ffcbb7;--blue:#c3e5f6;--lilac:#d7c9f3;--radius:15px;color:var(--ink)}
.app-shell{background:var(--paper)}
.app-shell .sidebar{background:#fffdf5;border-right:2px solid var(--ink)}
.app-shell .brand-symbol{background:#ffce50;border:2px solid var(--ink)}
.app-shell .brand-name{font-size:26px;font-weight:900}
.app-shell .cohort-label{background:var(--lilac);color:var(--ink);font-weight:700;border:1.5px solid var(--ink)}
.app-shell .cohort-dot{background:#3457ce}
.app-shell .nav-item{color:var(--ink);font-weight:700;border:2px solid transparent;font-size:13px}
.app-shell .nav-item.active{background:#ffce50;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}
.app-shell .nav-item:hover:not(.active){background:var(--lilac);color:var(--ink)}
.app-shell .sidebar-tip{background:#c3e5f6;border:1.5px solid var(--ink);color:var(--ink)}
.app-shell .avatar{background:var(--lilac);border:1.5px solid var(--ink);color:var(--ink)}
.app-shell .app-topbar{border-bottom:2px solid var(--ink);background:#fffdf5}
.app-shell .mobile-brand{font-weight:900;color:var(--ink)}
.app-shell .content{padding-top:40px}
.app-shell .page-heading{margin-bottom:32px}
.app-shell .page-heading h1{font-size:32px;font-weight:900;margin-bottom:12px}
.app-shell .page-heading p{font-size:14px;line-height:1.8}
.app-shell .page-heading>.btn{flex-shrink:0;white-space:nowrap}
.journal-heading-art .member-illustration{width:120px}
@media(max-width:650px){.journal-heading-art .member-illustration{width:90px}.app-shell .page-heading:has(>.btn){flex-wrap:wrap}}
.app-shell .icon,.modal .icon{stroke-width:2.2}
.app-shell .surface,.app-shell .library-card,.app-shell .draw-result,.app-shell .note-card{border:2px solid var(--ink);border-radius:15px;box-shadow:4px 4px 0 var(--ink)}
.app-shell .btn,.modal .btn{border:2px solid var(--ink);border-radius:9px;font-weight:800;min-height:46px;box-shadow:3px 3px 0 var(--ink)}
.app-shell .btn-primary,.modal .btn-primary{background:#ffce50;color:var(--ink)}
.app-shell .btn-primary:hover,.modal .btn-primary:hover{background:#ffdd7c;transform:translateY(-2px)}
.app-shell .btn-outline,.modal .btn-outline{background:#fffdf5}
.app-shell .chip,.modal .chip,.app-shell .choice{border:1.5px solid #918a7f;color:var(--ink);background:#fffdf5;font-weight:600}
.app-shell .chip.selected,.modal .chip.selected,.app-shell .choice.selected{background:var(--lilac);border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.app-shell input:not([type=range]):not([type=checkbox]),.app-shell textarea,.app-shell select,.modal input:not([type=range]):not([type=checkbox]),.modal textarea,.modal select{background:#fffdf5;border:1.5px solid #918a7f;border-radius:8px;color:var(--ink)}
.app-shell input:focus-visible,.app-shell textarea:focus-visible,.modal input:focus-visible,.modal textarea:focus-visible{outline-color:#3457ce}
.app-shell .tag{color:var(--ink);font-weight:700;background:var(--lilac)}
.app-shell .tag.neutral{background:#f0eadc}
.app-shell .home-hero{background:var(--lilac);border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:36px 40px;min-height:300px;margin-bottom:34px;gap:20px;justify-content:space-between}
.app-shell .home-hero:after{display:none}
.app-shell .home-hero-copy{max-width:65%}
.app-shell .home-hero h2{font-size:34px;line-height:1.4;margin:0 0 22px;font-weight:900}
.app-shell .home-hero p{color:var(--ink);font-size:14px;margin-bottom:27px}
.member-illustration{display:block;flex-shrink:0;width:260px;aspect-ratio:1;background:url('assets/member-actions.png') no-repeat;background-size:300% 200%;background-position:var(--pose-x) var(--pose-y)}
.app-shell .home-hero>.member-illustration{width:270px;max-width:38%;position:relative;z-index:1}
.app-shell .section-top h2{font-size:21px;font-weight:900}
.app-shell .mood-panel{background:#fffdf5;margin-bottom:28px}
.app-shell .mood-panel .section-top p{margin-top:10px}
.app-shell .mood-range{outline:1.5px solid var(--ink);outline-offset:0}
.app-shell .privacy-note,.app-shell .admin-banner{border:1.5px solid var(--ink);background:#c3e5f6;border-radius:12px;color:var(--ink);line-height:1.8}
.app-shell .field{margin-bottom:30px}
.app-shell .field-label{font-size:16px;font-weight:800}
.app-shell .number{background:var(--lilac);color:var(--ink);border:1.5px solid var(--ink);font-weight:800}
.app-shell .intensity-comparison{background:#dcecac;border:1.5px solid var(--ink)}
.app-shell .board-prompt{position:relative;padding-right:145px;min-height:135px;justify-content:center;border:1.5px solid var(--ink);background:var(--lilac);color:var(--ink)}
.board-character{position:absolute;right:8px;top:0;width:135px}
.board-character .member-illustration{width:100%}
.app-shell .note-card{background:#fff0af}.app-shell .note-card.sage{background:#dcecac}.app-shell .note-card.peach{background:#ffcbb7}.app-shell .note-card.blue{background:#c3e5f6}.app-shell .note-card.lilac{background:#d7c9f3}
.app-shell .note-body{font-size:16px;line-height:1.9}
.app-shell .library-art{height:230px;background:#d7c9f3;border-bottom:2px solid var(--ink);overflow:hidden}
.app-shell .library-art:before{display:none}
.app-shell .library-art .favorite-btn .icon{stroke-width:2;color:var(--ink)}
.app-shell h2,.app-shell h3{word-break:keep-all}
.app-shell .search-box input{border:0!important;background:transparent!important}
.app-shell .library-art.peach{background:#ffcbb7}.app-shell .library-art.blue{background:#c3e5f6}.app-shell .library-art.lilac{background:#dcecac}
.app-shell .library-art>.member-illustration,.app-shell .library-art>.q-action-art{width:220px;max-width:100%;height:auto;margin:auto}
.app-shell .favorite-btn{background:#fffdf5;border:2px solid var(--ink);color:var(--ink)}
.app-shell .favorite-btn.active{background:#ffce50;color:var(--ink)}
.app-shell .library-card h3{font-size:21px;margin:18px 0 14px;font-weight:900}
.app-shell .draw-result{background:#d7c9f3;padding:25px;display:flex;flex-direction:column;align-items:center}
.app-shell .draw-result>.member-illustration{width:260px;max-width:100%;margin:0 auto 20px}
.app-shell .draw-result h2{font-size:27px;margin-bottom:18px}
.app-shell .draw-result .spark{display:none}
.app-shell .draw-panel h2{font-size:25px;margin-bottom:15px}
.app-shell .draw-field{margin-top:34px}
.app-shell .draw-field h3{margin-bottom:18px}
.app-shell .draw-result-body{width:100%}
.manual-welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#c3e5f6;border:2px solid var(--ink);border-radius:15px;padding:20px 30px;margin-bottom:32px}
.manual-welcome h2{font-size:25px;margin-bottom:15px}.manual-welcome>.q-action-art{width:190px;flex-shrink:0}
.app-shell .manual-card:nth-child(2){background:#fff0af}.app-shell .manual-card:nth-child(3){background:#dcecac}.app-shell .manual-card:nth-child(4){background:#ffcbb7}
.app-shell .feedback-item.selected{background:var(--lilac);color:var(--ink)}
.modal{background:#fff8e8;border:2px solid var(--ink);box-shadow:8px 8px 0 #24231f;border-radius:20px}
.modal h2{font-weight:900}.modal .modal-close{border:1.5px solid var(--ink);background:#fffdf5}
.login-modal>.member-illustration{width:215px;margin:-12px auto 18px}
.login-modal h2{font-size:27px;margin-bottom:17px}.login-modal .modal-intro{margin-bottom:30px}
.login-modal .login-footnote{margin-top:26px}
.practice-character{width:190px;margin:0 auto 15px}.practice-character>.member-illustration,.practice-character>.q-action-art{width:100%}
.modal .practice-steps li:before{background:#d7c9f3;color:var(--ink)}
@media(max-width:650px){.app-shell .library-card{display:block}.app-shell .library-card .library-art{width:100%;height:220px;min-height:0}.app-shell .library-card .library-card-body{padding:24px}.app-shell .board-prompt{justify-content:flex-start}.app-shell .board-prompt>b{font-size:14px}.app-shell .board-prompt>span{font-size:12px}}
@media(max-width:1100px){.app-shell .home-hero{padding:28px}.app-shell .home-hero h2{font-size:29px}.app-shell .content{padding-left:24px;padding-right:24px}}
@media(max-width:650px){.app-shell .content{padding:25px 18px 45px}.app-shell .page-heading h1{font-size:27px}.app-shell .page-heading p{font-size:13px}.app-shell .home-hero{min-height:0;display:grid;grid-template-columns:1fr;padding:27px 24px 12px;gap:0}.app-shell .home-hero-copy{max-width:100%}.app-shell .home-hero h2{font-size:29px}.app-shell .home-hero>.member-illustration{max-width:none;width:190px;justify-self:end;margin-top:6px}.app-shell .surface{padding:21px 18px}.app-shell .section-top h2{font-size:19px}.app-shell .board-prompt{padding:22px 20px 120px}.board-character{top:auto;bottom:0;right:8px;width:125px}.app-shell .library-art{height:230px}.manual-welcome{padding:24px;display:block}.manual-welcome h2{font-size:23px}.manual-welcome>.q-action-art{width:170px;margin-left:auto}.app-shell .draw-result{padding:24px 18px}.app-shell .draw-result h2{font-size:24px}.login-modal>.member-illustration{width:170px}.login-modal h2{font-size:24px}.modal{box-shadow:4px 4px 0 #24231f}.app-shell .btn{font-size:13px}}