.friend-tool{--friend-accent:#24554a;max-width:44rem;margin:0 auto 2rem}
.friend-tool [hidden]{display:none!important}
.friend-intro{font-size:1.08rem;line-height:1.65;max-width:37rem}
.friend-picker{margin:2rem 0 1.2rem}.friend-picker h2{font-size:1.35rem;margin:0 0 1rem}
.friend-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.friend-choice{display:flex;align-items:center;min-height:56px;border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;background:var(--paper);font-weight:600;text-decoration:none;line-height:1.4}
.friend-choice[aria-current=true]{background:var(--friend-accent);border-color:var(--friend-accent);color:white}
.friend-choice:hover{border-color:var(--friend-accent)}
.friend-picker-help{font-size:.9rem;margin:.8rem 0}.friend-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.friend-toolbar button,.friend-save button,.friend-editor button,.friend-modes button{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:.6rem .85rem;color:var(--ink);background:var(--paper);font:inherit;font-size:.9rem;cursor:pointer}
.friend-toolbar button{background:transparent}.friend-toolbar [role=status]{font-size:.85rem}
.friend-answer{margin:1.2rem 0 2rem;padding:1.6rem;border:1px solid var(--line);border-radius:16px;background:var(--paper);scroll-margin-top:7rem}
.friend-answer h2{font-size:1.6rem;line-height:1.25;margin:.3rem 0 1rem}.friend-answer h3{font-size:1.05rem;margin:0 0 .75rem}
.friend-answer p{line-height:1.7}.friend-situation{color:var(--friend-accent);font-size:.85rem;font-weight:700;margin:0}.friend-action{font-size:1.08rem}
.friend-words{padding:1.15rem;margin:1.5rem 0;background:#f1f5f1;border-radius:10px}.friend-original{font-size:1.1rem;margin:.5rem 0}
.friend-modes{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.friend-modes button[aria-pressed=true]{background:var(--friend-accent);color:white;border-color:var(--friend-accent)}
.friend-editor label{display:block;font-size:.85rem;margin-bottom:.5rem}.friend-editor textarea{box-sizing:border-box;width:100%;min-height:100px;resize:vertical;border:1px solid #78968c;border-radius:6px;background:white;padding:.8rem;color:var(--ink);font:inherit;font-size:1rem;line-height:1.5;margin-bottom:.5rem}
.friend-more{border-top:1px solid var(--line);padding-top:.4rem}.friend-more>summary{font-weight:600;cursor:pointer;padding:.9rem 0;min-height:44px;box-sizing:border-box}.friend-more>div{padding:.3rem 0 .8rem}.friend-more ol{padding-left:1.3rem}.friend-more li{margin-bottom:.8rem}
.friend-context{font-size:.94rem;border-left:3px solid var(--orange);padding-left:1rem}.friend-save{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.friend-save a{font-size:.9rem}.friend-save-note{font-size:.8rem;color:var(--ink-soft)}
.friend-tool :is(a,button,textarea,summary):focus-visible{outline:3px solid #b55919;outline-offset:3px}
@media(max-width:480px){.friend-answer{padding:1.1rem}.friend-options{gap:.5rem}.friend-choice{padding:.7rem;font-size:.9rem}.friend-answer h2{font-size:1.4rem}}
@media print{.friend-picker,.friend-toolbar,.friend-modes,.friend-editor,.friend-save,.friend-save-note{display:none!important}.friend-tool .friend-original{display:block!important}.friend-answer{border:0;padding:0;break-before:auto}.friend-answer:first-child{break-before:auto}.friend-more>div,.friend-more .source-inner{display:block!important}.friend-more{border:0}.friend-more summary{list-style:none}.friend-tool .friend-answer[hidden]{display:none!important}}