#workspace{max-width:900px;margin:auto;height:100dvh;display:flex;flex-direction:column;background:#f4f6f2}.phone-head{display:flex;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e7df;gap:12px}.phone-head div{flex:1;min-width:0}.phone-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-head small{display:block;font-size:11px;color:#789080;margin-top:5px}.phone-head button{width:auto;margin:0;padding:9px 12px;background:#edf2eb;color:#45654e}#notice{padding:8px 16px;margin:0;font-size:12px;background:#eaf1e5;min-height:32px}#directory{overflow:auto;flex:1;padding:8px 16px}#directory button{display:flex;text-align:left;align-items:center;gap:15px;border-radius:12px;background:#fff;color:#294d35;margin:8px 0;padding:18px;border:1px solid #e5ece1}#directory button span{flex:1;min-width:0;overflow-wrap:anywhere}#directory small{display:block;font-weight:normal;font-size:11px;color:#7e9183;margin-top:6px}#more-tasks{width:calc(100% - 32px);margin:8px 16px}#conversation{flex:1;min-height:0;display:flex;flex-direction:column}.history-area{position:relative;flex:1;min-height:0}#messages{height:100%;overflow:auto;padding:40px 14px 14px;overscroll-behavior:contain}.turn{border:0;box-shadow:none;background:none;padding:0;margin-bottom:24px}.turn-label{text-align:center;color:#859487;font-size:10px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;background:#fff;padding:11px 14px;border-radius:13px;margin:8px 32px 8px 0;border:1px solid #e4ebe0}.bubble.user{margin:8px 0 8px 32px;background:#dceecd;border-color:#cce4b9}details{margin:7px 0;color:#768775;font-size:12px}details .bubble{font-size:12px}#earlier{position:absolute;z-index:1;top:3px;left:50%;transform:translateX(-50%);width:auto;margin:0;padding:7px 12px;font-size:11px;background:#fff;color:#496b4e;box-shadow:0 3px 15px #23462a12}#latest{position:absolute;bottom:12px;right:14px;width:auto;padding:8px 12px;margin:0;font-size:11px}#composer{padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e7df}.settings{display:flex;gap:10px;align-items:center}.settings label{font-size:10px;color:#738a77;flex:1;min-width:0}.settings select{display:block;width:100%;padding:7px 4px;border:1px solid #dfe8dc;background:#fff;border-radius:6px;color:#335c41}.settings button{width:auto;margin:10px 0 0;padding:8px;font-size:12px}textarea{width:100%;resize:none;border:0;background:#f4f6f2;border-radius:8px;padding:12px;margin-top:8px;font:inherit;font-size:14px;max-height:100px;color:#294d35}.actions{display:flex;gap:10px;align-items:center}.actions span{flex:1;font-size:10px;color:#879882}.actions button{width:auto;margin:5px 0;padding:9px 18px;font-size:13px}.account{display:flex;align-items:center;gap:8px}.account button{margin:0;background:transparent;color:#607e66;font-size:11px;padding:4px;width:auto}.account small{margin-left:auto;font-size:10px;color:#899b86}#skill-selection{font-size:10px;line-height:1.4;margin:3px 0;color:#718c71}dialog{border:1px solid #dfe8dd;border-radius:16px;width:min(90vw,480px);max-height:80dvh;padding:22px;color:#294d35}dialog::backdrop{background:#23352477}#skills-list{max-height:42dvh;overflow:auto}#skills-list label{display:block;font-size:13px;padding:10px;border-bottom:1px solid #e4ebe0}#skills-list small{display:block;color:#7d917c;line-height:1.5;font-size:11px}#quota-body p{border-bottom:1px solid #e4ebe0;padding-bottom:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}