.notes-indicator,.note-profile-action{color:#354e3c;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;min-height:44px;font-size:12px;display:inline-flex}.notes-indicator{padding:0 8px}.notes-indicator small{background:#e5eadf;border-radius:50%;place-items:center;min-width:22px;height:22px;display:grid}.note-profile-action{border:1px solid #d2d8cd;border-radius:8px;padding:0 14px}.hanashi-notes-dialog{color:#263f32;background:#faf8f1;border:1px solid #e5dfd4;border-radius:18px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);padding:0}.notes-dialog-scroll{max-height:calc(100dvh - 44px);padding:32px;overflow-y:auto}.notes-heading{grid-template-columns:48px 1fr;column-gap:16px;display:grid}.notes-heading h2{letter-spacing:-.03em;font-family:Georgia,serif;font-size:29px;font-weight:400}.notes-heading p{color:#696c60;grid-column:2;margin-top:8px;font-size:12px;line-height:1.6}.notes-stamp{color:#806048;border:1px dashed #aaa38d;place-items:center;width:48px;height:60px;display:grid}.notes-rules,.notes-retention{color:#687162;margin:20px 0;font-size:11px;line-height:1.7}.notes-retention{border-top:1px solid #dedfd2;margin-bottom:0;padding-top:18px}.notes-retention a{text-decoration:underline}.hanashi-notes-dialog :is(button,select,input,summary,a):focus-visible{outline-offset:3px;outline:2px solid #8b533e}.hanashi-notes-dialog button{color:#304b37;cursor:pointer;background:0 0;border:1px solid #ced5c7;border-radius:7px;min-height:44px;padding:8px 14px;font-size:12px}.hanashi-notes-dialog button:disabled{opacity:.5;cursor:not-allowed}.notes-preferences{border-bottom:1px solid #dedfd2;margin-bottom:22px;padding-bottom:16px;font-size:12px}.notes-preferences summary{cursor:pointer;min-height:44px;line-height:44px}.notes-preferences label{align-items:center;gap:12px;min-height:44px;display:flex}.notes-preferences input{accent-color:#314a36;width:18px;height:18px}.notes-preferences button{margin-top:12px}.notes-compose label,.notes-postcard form label{margin:12px 0 8px;font-size:11px;font-weight:600;display:block}.hanashi-notes-dialog :is(textarea,select){color:#263f32;box-sizing:border-box;background:#fffdf7;border:1px solid #d5d6c9;border-radius:8px;width:100%;padding:12px;font-size:14px}.hanashi-notes-dialog textarea{resize:vertical;min-height:92px;line-height:1.6}.notes-compose-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.notes-compose-footer p{color:#64705f;font-size:10px}.notes-compose-footer button{color:#fff;background:#2c4433;border:0;flex-shrink:0;align-items:center;gap:8px;display:flex}.notes-hint,.notes-report p{color:#6e6754;margin:12px 0;font-size:11px;line-height:1.6}.notes-empty{color:#727463;padding:18px 0;font-family:Georgia,serif;font-size:18px;line-height:1.6}.notes-exchanges{margin-top:26px}.notes-postcard{border-top:1px solid #dcded0;padding:22px 0;position:relative}.notes-postcard header{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.notes-postcard h3{font-size:15px;font-weight:550}.notes-postcard time{color:#6d7363;font-size:10px}.notes-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.notes-reply{border-left:2px solid #c3cfb8;margin:18px 0;padding-left:16px}.notes-book{color:#80543d;text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-size:11px;text-decoration:underline;display:inline-flex}.notes-care{margin-top:14px;font-size:11px}.notes-care summary{cursor:pointer;min-height:44px;line-height:44px}.notes-care>div{flex-wrap:wrap;gap:8px;display:flex}.notes-care button{font-size:10px}.notes-error{color:#8e3d2d;background:#f4e9e2;padding:14px;font-size:12px;line-height:1.6}.notes-blocks p{justify-content:space-between;align-items:center;gap:12px;display:flex}.notes-confirm{background:#edeadf;margin-top:16px;padding:14px;font-size:12px}.notes-confirm button{margin:12px 8px 0 0}.notes-completed-history{border-top:1px solid #dedfd5;margin-top:28px;font-size:12px}.notes-completed-history summary{cursor:pointer;min-height:48px;line-height:48px}.notes-completed-history li{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.notes-completed-history button{color:#80543d;min-height:44px;text-decoration:underline}@media (max-width:640px){.notes-dialog-scroll{padding:26px 20px}.notes-heading h2{font-size:25px}.notes-compose-footer{align-items:flex-start}.notes-indicator{float:none;padding:0}.notes-indicator small{font-size:10px}.hanashi-notes-dialog{max-height:calc(100dvh - 24px)}.notes-dialog-scroll{max-height:calc(100dvh - 28px)}}@media (prefers-reduced-motion:reduce){.hanashi-notes-dialog *{transition:none!important;animation:none!important}}.pilot-header-action{flex:none;align-items:center;display:flex}.pilot-header-action:empty{display:none}.premium-learner .notes-completed-history{order:9}@media (max-width:639px){.app-header .pilot-header-action{grid-area:2/2/auto/-1;justify-self:end}.app-header.has-home-action [data-testid=entitlement-count]{white-space:normal;grid-column:1;line-height:1.4}}.notes-compose-toggle{color:#80543d;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;margin-top:12px;font-size:12px;display:inline-flex}.notes-desktop-sidebar{display:none}.pilot-home-main{min-width:0}.notes-preference-actions{flex-wrap:wrap;gap:12px;display:flex}.notes-preference-actions button{border:1px solid #d2d8cd;border-radius:10px;min-height:44px;padding:8px 14px}@media (min-width:1024px){.notes-mobile-entry{display:none}.pilot-home-notes-layout:has(>.notes-desktop-sidebar){grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;max-width:1480px;margin:0 auto;padding:24px;display:grid}.notes-desktop-sidebar{background:#faf8f1;border:1px solid #e5dfd4;border-radius:18px;gap:16px;padding:16px;display:grid;position:sticky;top:24px}.notes-desktop-sidebar .notes-completed-history{margin:0;padding:0}.pilot-home-notes-layout:has(>.notes-desktop-sidebar) .pilot-home-main .notes-completed-history{display:none}.notes-desktop-sidebar .notes-completed-history li{gap:8px;display:grid}.notes-desktop-sidebar .notes-completed-history a{overflow-wrap:anywhere}}
