.goals-list{display:flex;flex-direction:column;gap:10px}.goal-checkbox-label{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 12px;cursor:pointer;background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:12px}.goal-checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.goal-text{color:var(--text);font-family:var(--font);font-size:15px;font-weight:300}.goal-text.completed{color:var(--text3);text-decoration:line-through}.goal-item{display:flex;align-items:stretch;gap:8px}.goal-input{flex:1;min-width:0}.goal-remove{flex:0 0 44px;padding:0;color:var(--text3);background:transparent;border-color:#0000000f}.goal-remove:active{color:var(--danger)}.goal-add{width:100%;color:var(--text3);background:#ffffff80;border:1px solid rgba(0,0,0,.05)}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mood-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:18px 10px;color:var(--text3);background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:none}.mood-card.selected{color:var(--accent);background:#ffffffe6;border-color:var(--border-accent);box-shadow:0 2px 8px #0000000a}.mood-card.mood-good.selected .mood-label{color:var(--green)}.mood-card.mood-normal.selected .mood-label{color:var(--accent)}.mood-card.mood-hanging_in_there.selected .mood-label{color:#8a734f}.mood-card.mood-bad.selected .mood-label{color:var(--danger)}.mood-label{margin-bottom:4px;font-family:var(--font-display);font-size:18px;font-weight:300}.mood-desc{max-width:150px;color:var(--text3);font-size:12px;font-weight:300;text-align:center}.tab-bar{position:fixed;right:18px;bottom:12px;left:18px;z-index:100;display:flex;gap:3px;max-width:484px;margin:0 auto;padding:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0));background:#00000008;border:0;border-radius:14px;box-shadow:none;backdrop-filter:blur(8px)}.tab-item{flex:1;min-height:42px;padding:10px 0;color:var(--text3);background:transparent;border:0;border-radius:10px;font-size:12px;font-weight:300}.tab-item.active{color:var(--accent);background:#fffc;box-shadow:0 1px 3px #0000000a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9f7f4;--bg2: #f2efe8;--surface: rgba(255, 255, 255, .65);--surface-strong: rgba(255, 255, 255, .9);--border: rgba(0, 0, 0, .06);--border-soft: rgba(0, 0, 0, .05);--border-accent: #a09070;--text: #3d3629;--text2: #6b5f4e;--text3: #a09888;--accent: #5c5344;--accent-soft: #a09070;--danger: #a85c50;--green: #61765a;--shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 4px 24px rgba(0, 0, 0, .03);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Raleway", "Inter", sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px}html{font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;color:var(--text);background:linear-gradient(170deg,#f9f7f4,#f2efe8 40%,#f5f1eb)}#app{max-width:420px;margin:0 auto}.app-container{min-height:100vh;padding:34px 20px 112px}h1{font-family:var(--font-display);font-size:26px;font-weight:200;letter-spacing:0;color:var(--accent);margin-bottom:4px}h2{font-family:var(--font-display);font-size:20px;font-weight:300;letter-spacing:0;margin-bottom:8px}h3{font-family:var(--font-display);font-size:12px;font-weight:400;color:#8a7e6b;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}p{margin-bottom:8px}.subtitle{color:var(--text3);font-size:14px;font-weight:300;margin-bottom:26px}.hint{color:var(--text3);font-size:14px;font-weight:300;margin-bottom:12px}.section{margin-bottom:24px}.section label{display:block;font-family:var(--font-display);font-size:12px;font-weight:400;color:#8a7e6b;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}input[type=text],textarea{width:100%;padding:14px 16px;font-family:var(--font);font-size:16px;font-weight:300;line-height:1.35;color:var(--accent);background:#ffffff9e;border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:background .18s,border-color .18s,box-shadow .18s}input[type=text]:focus-visible,textarea:focus-visible{background:#ffffffeb;border-color:var(--border-accent);box-shadow:0 0 0 4px #a0907014}input[type=text]::placeholder,textarea::placeholder{color:#bfb6a4}textarea{min-height:96px;resize:vertical}button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:11px 18px;font-family:var(--font);font-size:14px;font-weight:400;line-height:1.2;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid rgba(160,144,112,.45);outline-offset:2px}button:disabled{opacity:.56;cursor:not-allowed;transform:none}button.primary{width:100%;min-height:50px;margin-top:8px;color:#f9f7f4;background:var(--accent);border-color:var(--accent);box-shadow:0 8px 20px #3d36291f}button.secondary{margin:8px 6px 0;color:#8a7e6b;background:transparent;border-color:#00000014}button.danger{color:var(--danger);background:transparent;border-color:transparent}.goal-item{display:flex;align-items:center;gap:8px}.goal-item input{flex:1}.reference-box,details,.skip-message{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.reference-box{padding:18px;margin-bottom:24px}.reference-box h3{font-family:var(--font-display);font-size:12px;font-weight:400;color:#8a7e6b;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.reference-box ul,details ul{list-style:none;padding:0}.reference-box li,details li{color:var(--text2);font-size:14px;font-weight:300;padding:7px 0;border-bottom:1px solid var(--border-soft)}.reference-box li:last-child,details li:last-child{border-bottom:none}details{margin-bottom:10px;overflow:hidden}details summary{padding:12px 16px;font-family:var(--font-display);font-size:12px;font-weight:400;color:#8a7e6b;letter-spacing:2px;text-transform:uppercase;cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details ul{padding:0 16px 12px}.reference-panels{margin-bottom:20px}.reference-panels.compact{margin-bottom:12px}.step-indicator{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.step-indicator .step{padding:7px 11px;color:var(--text3);background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:12px;font-size:11px;font-weight:300}.step-indicator .step.done{color:var(--green);border-color:#61765a38}.step-indicator .step.active{color:var(--accent);background:#ffffffe6;border-color:var(--border-accent);box-shadow:0 2px 8px #0000000a}.auth-screen{text-align:center;padding-top:70px}.auth-screen h1{font-size:32px;font-weight:200;letter-spacing:10px;text-transform:uppercase;margin-bottom:16px}.auth-screen p{color:var(--text2);font-weight:300}.loading{padding:44px 0;text-align:center;color:var(--text3);font-size:14px;font-weight:300}.skip-message{padding:22px;color:var(--text2);font-weight:300;text-align:center}.done-message{margin-bottom:16px;color:var(--green);font-size:18px;font-weight:400;text-align:center}.review-intention{margin-bottom:16px;color:var(--text2);font-size:15px;font-weight:300;text-align:center}.review-goals{margin-bottom:20px;text-align:left}.error-message,.success-message{padding:12px 16px;margin-bottom:16px;border-radius:var(--radius);font-size:14px;font-weight:400}.error-message{color:var(--danger);background:#a85c5014;border:1px solid rgba(168,92,80,.2)}.success-message{color:var(--green);background:#61765a14;border:1px solid rgba(97,118,90,.18)}.review-screen{text-align:center}
