/* Andre brand. Design pass follows unslop, CC BY 4.0 Damir Sokolovsky. */
:root{color-scheme:light;--paper:#f3f5f2;--ink:#1a3038;--deep:#0f1e24;--sea:#7cc4ae;--link:#2d6a58;--muted:#52615f;--line:#d5ddda}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,"Helvetica Neue",Arial,sans-serif}.shell{max-width:680px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}h1{font-size:18px;font-weight:600;margin:0}h2{font-size:16px;font-weight:600;margin:0}p{margin:12px 0}p:empty{display:none}.small{font-size:13px;color:var(--muted)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{font:600 16px/1.3 Inter,"Helvetica Neue",Arial,sans-serif;cursor:pointer;border:0;border-radius:8px;background:var(--deep);color:var(--paper);min-height:48px;padding:12px 16px}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.file-picker:focus-within{outline:3px solid var(--sea);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.story-action{display:flex;align-items:center;gap:20px;width:100%;padding:36px 28px;min-height:168px;text-align:left;border:2px solid var(--ink);border-radius:12px;background:var(--ink);font-size:32px;font-weight:500}.story-action>svg:first-child{width:48px;height:48px;color:var(--sea)}.story-action>span{flex:1}.story-action .action-arrow{width:28px;height:28px}.story-action[aria-pressed=true]{background:var(--sea);border-color:var(--sea);color:var(--deep)}.story-action[aria-pressed=true]>svg:first-child{color:var(--deep)}.composer{position:relative;margin-top:20px}textarea{display:block;width:100%;min-height:136px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:20px 20px 64px;background:var(--paper);font:16px/1.5 Inter,"Helvetica Neue",Arial,sans-serif;color:var(--ink)}textarea::placeholder{color:var(--muted);opacity:1}.send{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;min-height:44px;width:44px;padding:10px;border-radius:50%;background:var(--sea);color:var(--deep)}.quiet{background:transparent;color:var(--link);padding:8px;min-height:40px;font-size:14px}#install-help{flex-basis:100%;margin:0}a{color:var(--link)}.summary{margin-top:20px;color:var(--muted);font-size:14px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.file-picker{display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;cursor:pointer;color:var(--ink)}#filename{overflow-wrap:anywhere}#message,#status-detail,#result{overflow-wrap:anywhere}#work-screen{margin-top:16px;padding-top:20px;border-top:1px solid var(--line)}.work-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink)}video{display:block;width:100%;max-height:54vh;background:var(--deep);margin:16px 0;border-radius:8px}#approve{width:100%}#results{list-style:none;padding:0;margin:16px 0}#results li{display:flex;justify-content:space-between;gap:16px;padding:8px 0}#results strong{font-weight:500;text-align:right}#pending-list button,#recent button{display:block;width:100%;text-align:left;overflow-wrap:anywhere;background:transparent;color:var(--ink);font-size:14px;font-weight:400;border-radius:0;border-bottom:1px solid var(--line);padding:12px 0}#recent-section{margin-top:16px}summary{cursor:pointer;min-height:40px;padding:8px 0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:450px){.shell{padding:20px}header{margin-bottom:20px}.story-action{min-height:156px;padding:28px 20px;gap:16px;font-size:28px}.story-action>svg:first-child{width:40px;height:40px}}@media(display-mode:standalone){#install,#install-help{display:none!important}}

.actions{display:grid;gap:12px}.inbox-action{min-height:128px;background:transparent;color:var(--ink);border-color:var(--line);font-size:28px;padding:24px 28px}.inbox-action>svg:first-child{color:var(--link)}.inbox-action small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:4px}.inbox-action[aria-pressed=true] small{color:var(--deep)}@media(max-width:450px){.inbox-action{min-height:128px;padding:24px 20px;font-size:24px;gap:12px}}