:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f5ec;background:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#111;--surface:#292a28;--fg:#f7f5ec;--muted:#b9b9b2;--lime:#d2fa91;--line:#3a3b36;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button svg{flex:none}svg{width:24px;height:24px}h1,h2,p{margin:0}h1,h2{letter-spacing:-.035em}h1{font-size:28px;line-height:1.2;font-weight:720}h2{font-size:22px;line-height:1.3}p{line-height:1.5}input:not([type=range]):not([type=file]){display:block;width:100%;min-width:0;border:1px solid #44453f;border-radius:10px;background:#252623;color:var(--fg);padding:14px 15px;min-height:50px}input::placeholder{color:#b6b6ae;opacity:1}input[type=range]{width:100%;accent-color:var(--lime)}.screen{width:100%;max-width:430px;min-height:100svh;margin:0 auto;padding:24px 22px max(24px,env(safe-area-inset-bottom));background:var(--bg)}.viewer,.picker{display:flex;flex-direction:column}.brand-row,.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-row h1{font-size:28px;white-space:nowrap}.header-actions{display:flex;gap:4px}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:9px;flex:none}.icon-button:hover{background:#2c2e28}.person-heading{display:flex;align-items:center;gap:14px;margin-top:22px;min-width:0}.person-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:70%;border:0;border-radius:30px;background:var(--lime);color:#171b12;font-weight:650;font-size:20px;line-height:1.2;min-height:43px;padding:8px 17px 9px}.person-selector span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-label{border-left:1px solid var(--line);padding-left:14px;color:var(--fg);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.screenshot{border:0;padding:0;display:block;width:100%;aspect-ratio:1;background:#fff;border-radius:4px;margin-top:24px;overflow:hidden;touch-action:pan-y;flex:none;box-shadow:0 0 0 1px #dfdfdf}.screenshot img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zoom-link,.text-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;background:transparent;color:var(--fg);padding:8px 0}.zoom-link{align-self:center;margin-top:8px;font-size:16px}.viewer-footer{margin-top:auto;padding-top:36px}.switch-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary,.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:13px;padding:10px 14px;font-weight:650;font-size:17px;line-height:1.35}.secondary{border:1.5px solid var(--fg);background:transparent}.secondary:hover:not(:disabled){background:#23251f}.primary{border:0;background:var(--lime);color:#13180d;min-height:52px}.primary:hover:not(:disabled){background:#c3ee7b}.swipe-help,.sync-status{text-align:center;color:var(--muted);font-size:14px}.swipe-help{margin-top:15px}.sync-status{margin-top:3px}.picker .page-header h1{font-size:27px}.search-field{margin-top:24px;display:flex;align-items:center;gap:10px;background:#2c2d2b;padding:0 14px;border-radius:12px}.search-field input:not([type=file]){border:0;background:transparent;padding:13px 0;font-size:17px}.search-field>svg{color:var(--muted);flex:none}.people-list{margin-top:18px;flex:1}.person-row{width:100%;display:flex;align-items:center;gap:15px;min-height:74px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:20px;font-weight:600}.person-row.selected{background:#2b3323;border-bottom-color:transparent;border-radius:13px}.person-name{flex:1;min-width:0;overflow-wrap:anywhere}.avatar{width:42px;height:42px;background:#373934;border:1px solid #55574f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;flex:none}.selected .avatar{background:var(--lime);border-color:var(--lime);color:#18200f}.person-check{color:var(--lime);width:28px;height:28px}.picker-add{margin-top:25px}.no-results{padding:24px 10px}.page-header{margin-bottom:22px}.page-header h2{font-size:23px}.back-button{color:var(--muted);justify-content:flex-start}.muted{color:var(--muted);font-size:15px}.form-screen>p{margin-top:12px}.field-label{display:block;font-size:14px;font-weight:600;margin-top:24px;margin-bottom:8px;line-height:1.6}.field-label>input{margin-top:7px}.field-help{color:var(--muted);font-size:13px;margin-top:12px}.upload-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border:1px dashed #72776a;border-radius:12px;margin:22px 0 14px;padding:14px;cursor:pointer;text-align:center;font-size:15px}.upload-button:focus-within{outline:3px solid var(--lime);outline-offset:4px}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.upload-empty{padding:36px 20px;text-align:center;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.upload-empty small{display:block;margin-top:10px;font-size:12px}.editor-preview{background:#fff;border-radius:5px;max-height:330px;overflow:hidden;display:flex;justify-content:center}.editor-preview img{display:block;object-fit:contain;max-width:100%;max-height:330px}.form-screen form>.primary{margin-top:24px}.crop-controls{border:1px solid var(--line);border-radius:10px;margin-top:14px;padding:15px}.crop-controls label{display:block;margin:12px 0;font-size:14px}.crop-controls label span{float:right;color:var(--muted)}.crop-controls p{font-size:13px}.error{background:#372621;color:#ffd0bf;border:1px solid #684b40;padding:12px;border-radius:9px;font-size:14px;margin-top:18px;overflow-wrap:anywhere}.gate-intro{padding-top:52px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--lime)}.gate-intro h2{font-size:37px;line-height:1.12;white-space:pre-line;margin-top:16px}.gate-intro p{margin-top:20px;max-width:330px}.gate form>.primary{margin-top:24px}.centered{display:flex;margin:12px auto}.settings-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.settings-section h2{font-size:20px}.settings-section p{margin-top:10px;margin-bottom:18px}.settings-section .text-button{font-size:14px}.settings h1{margin-bottom:8px}.settings-section>button+.secondary{margin-top:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:fixed;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 24px);max-width:406px;max-height:90svh;overflow-y:auto;background:#1e201c;border:1px solid #43473b;border-radius:18px;padding:20px;box-shadow:0 20px 80px #0008}.modal-content .page-header{margin-bottom:14px}.modal-content .page-header h2{font-size:23px;overflow-wrap:anywhere}.modal-content>.primary{margin-top:24px}.menu-action{display:flex;gap:14px;align-items:center;min-height:55px;padding:12px 4px;border:0;border-bottom:1px solid #383c31;background:transparent;width:100%;text-align:left;font-size:15px}.menu-action:last-child{border-bottom:0}.danger{color:#ffb29a}.danger-button{background:#ffb29a;color:#24100a}.zoom-modal{width:100vw;max-width:860px;height:100svh;max-height:100svh;border-radius:0;border:0;padding:20px;background:#111;display:flex;flex-direction:column}.zoom-scroll{flex:1;overflow:auto;background:#20221d;min-height:0;touch-action:pan-x pan-y}.zoom-scroll img{max-width:none;height:auto;display:block;background:#fff}.zoom-toolbar{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:18px}.empty-state{padding:60px 0;flex:1}.empty-state h2{font-size:32px}.empty-state p{color:var(--muted);margin:18px 0 28px}.toast{position:fixed;z-index:30;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:402px;background:#31382a;color:#f7f5ec;border:1px solid #69745a;border-radius:12px;padding:14px 44px 14px 16px;box-shadow:0 8px 40px #0008;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.toast button{position:absolute;top:8px;right:5px;border:0;background:transparent;display:flex;padding:8px}.toast button svg{width:18px;height:18px}.loading{display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:600px){body{background:#080a07}.screen{border-left:1px solid #21241e;border-right:1px solid #21241e}}@media(max-width:355px){.screen{padding-left:16px;padding-right:16px}.brand-row h1{font-size:25px}.person-selector{font-size:18px}.group-label{font-size:14px}.picker .page-header h1{font-size:24px}.secondary{font-size:15px;padding:10px}.viewer-footer{padding-top:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.settings h3{font-size:17px;margin:28px 0 12px}.settings-section select{width:100%;min-height:48px;border:1px solid #55594c;border-radius:9px;background:#252623;color:var(--fg);padding:10px;font:inherit}.settings-section form>.secondary{margin-top:18px}.member-list{padding:0;list-style:none;margin-top:18px}.member-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px;overflow-wrap:anywhere}.member-list small{display:block;color:var(--muted);font-size:12px}.conflict-choice{border:1px solid var(--line);border-radius:10px;padding:12px;margin:20px 0}.conflict-choice>label{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-size:14px}.conflict-choice input{accent-color:var(--lime);margin-top:4px}.conflict-choice small{display:block;color:var(--muted);margin:5px 0}.conflict-choice img{max-width:110px;max-height:110px;object-fit:contain;background:#fff}.viewer{padding-top:20px}.viewer .person-heading{margin-top:8px}.viewer .person-selector{min-height:38px;padding-top:6px;padding-bottom:6px}.viewer .screenshot{margin-top:16px}.viewer .zoom-link{min-height:36px;margin-top:4px}.viewer .viewer-footer{padding-top:8px}.viewer .swipe-help{margin-top:10px}.upload-button{background:transparent}.screen{padding-top:max(24px,env(safe-area-inset-top))}.viewer{padding-top:max(14px,env(safe-area-inset-top))}.viewer .screenshot{margin-top:14px}.viewer .viewer-footer{padding-top:0}.viewer .swipe-help{margin-top:8px;font-size:13px;line-height:19px}.viewer .sync-status{font-size:13px;line-height:19px}.picker .page-header{margin-bottom:0}.picker .search-field{margin-top:16px}.picker .people-list{margin-top:12px}@media(max-height:700px){.screen.picker{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.picker .person-row{min-height:54px;padding-top:7px;padding-bottom:7px}.picker .avatar{width:36px;height:36px;font-size:19px}.picker .picker-add{margin-top:16px}.viewer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
