@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.grid{display:grid}.hidden{display:none}}:root{color:#30362f;font-synthesis:none;background:#f7f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button{font:inherit;cursor:pointer;color:inherit;background:#fff;border:1px solid #dedfd7;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:13px;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#eeeee8}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8fa48c}.primary{color:#fff;background:#43573f;border-color:#43573f;box-shadow:0 2px 3px #24342212}.primary:hover{background:#344730}a{color:inherit;text-decoration:none}h1{letter-spacing:-1.5px;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;line-height:1.15}h2{font-family:Georgia,serif;font-size:28px;font-weight:400}h3{margin:24px 0 12px;font-size:16px}p{color:#7b8076;font-size:14px;line-height:1.6}small{color:#8a8f85;margin-top:5px;font-size:11px;display:block}.eyebrow{letter-spacing:1.8px;color:#8a8f80;font-size:10px;font-weight:600}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:9px;font-family:Georgia,serif;font-size:28px;display:flex}.brand svg{color:#536c4d;width:29px;height:29px}.brand span{color:#839179;letter-spacing:0;align-self:flex-end;margin:0 0 5px -6px;font-family:monospace;font-size:11px}.shell{height:100dvh;display:flex;overflow:hidden}aside{background:#f1f2eb;border-right:1px solid #e5e5dd;flex-direction:column;flex-shrink:0;width:235px;padding:35px 24px 22px;display:flex}aside>.eyebrow{letter-spacing:1px;margin:15px 0 38px;font-size:9px}nav{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow:auto}nav>a,nav>.album-nav{text-align:left;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}nav .active{color:#3c5437;background:#e1e6d9;font-weight:600}.nav-label{letter-spacing:1px;text-transform:uppercase;justify-content:space-between;align-items:center;margin:30px 10px 5px;font-size:10px;display:flex}.nav-label button{background:0 0;border:0;padding:3px}.album-dot{background:#a9b59b;border-radius:50%;width:6px;height:6px;margin:0 5px}.nav-bottom{gap:4px;margin-top:auto;padding-top:30px;display:grid}.nav-bottom a{align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.profile{border-top:1px solid #dedfd5;align-items:center;gap:12px;margin-top:20px;padding-top:22px;font-size:13px;display:flex}.avatar{color:#526047;background:#dfe4d5;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:18px;display:grid}.workspace{flex-direction:column;flex:1;min-width:0;padding:0 44px;display:flex}header{border-bottom:1px solid #e7e7de;flex-shrink:0;justify-content:space-between;align-items:center;height:100px;display:flex}.page-heading{align-items:center;gap:18px;padding:39px 0 25px;display:flex}.page-heading p{margin:0}.private-badge{color:#8b9282;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.collection-meta{color:#969b8e;letter-spacing:1px;justify-content:space-between;margin:0 0 17px;font-size:10px;display:flex}.collection-meta span+span{letter-spacing:0}.meta-right{align-items:center;gap:10px;display:flex}.select-toggle{letter-spacing:0;color:#5c6355;background:0 0;border:1px solid #c9cdc0;border-radius:12px;padding:3px 10px;font-size:10px}.media-scroll{scrollbar-width:thin;scrollbar-color:#d4d9ca transparent;flex:1;min-height:0;overflow:auto}.media-row{gap:12px;display:grid}.tile{background:#e7e9de;border:0;border-radius:5px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.tile:hover img{transform:scale(1.035)}.tile-caption{text-align:left;color:#fff;opacity:0;background:linear-gradient(#0000,#0007);padding:26px 12px 10px;font-size:11px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.tile:hover .tile-caption,.tile:focus-visible .tile-caption{opacity:1}.video-mark{color:#fff;background:#0005;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:flex;position:absolute;bottom:8px;right:8px}.tile-check{color:#fff;z-index:1;background:#ffffffb3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;left:8px}.tile-check.checked{background:#43573f;border-color:#43573f}.pending{color:#849078;background:linear-gradient(135deg,#e5e8db,#d6ddca);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:11px;display:flex}.pending svg{opacity:.6}.empty{text-align:center;color:#88927e;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:25px;display:flex}.empty h2{color:#53634c;margin-bottom:0}.sentinel{text-align:center;color:#9da391;padding:24px;font-size:11px}.loading{color:#78876a;justify-content:center;align-items:center;gap:12px;min-height:100dvh;display:flex}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#20271c88;position:fixed;inset:0}.panel{z-index:31;background:#f7f6f2;border-radius:12px;width:min(500px,100vw - 32px);max-height:90dvh;padding:32px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 100px #0003}.panel h2{margin:0;font-size:28px}.close{background:0 0;border:0;padding:6px;position:absolute;top:12px;right:12px}.close svg{width:18px}label{color:#727c69;flex-direction:column;gap:7px;margin:18px 0;font-size:12px;display:flex}input,textarea,select{font:inherit;color:#394632;background:#fff;border:1px solid #daddd1;border-radius:6px;min-width:0;padding:11px 12px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #9dae8e}textarea{resize:vertical;min-height:80px}.panel select{width:100%;margin:15px 0}.danger{color:#a45445}.list-row{border-bottom:1px solid #e4e6db;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;font-size:13px;display:flex}.error{color:#a13e30;overflow-wrap:anywhere;background:#fceee9;border-radius:6px;padding:10px;font-size:12px}.viewer-overlay{background:#0b100de8}.viewer{z-index:31;color:#eff1e9;outline:none;flex-direction:column;display:flex;position:fixed;inset:30px 65px}.viewer-image{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.viewer-image img,.viewer-image video{object-fit:contain;max-width:100%;max-height:100%}.viewer-close,.viewer-prev,.viewer-next{color:#fff;background:#ffffff16;border:none;border-radius:50%;width:40px;height:40px;padding:8px;position:absolute}.viewer-close{top:-15px;right:-45px}.viewer-prev{top:45%;left:-50px}.viewer-next{top:45%;right:-50px}.viewer-info{flex-wrap:wrap;align-items:center;gap:15px;padding:18px 0;font-size:13px;display:flex}.viewer-info p{color:#a5ae9f;margin:5px 0;font-size:11px}.viewer-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.viewer-actions button,.viewer-actions .button,.viewer-actions select{color:#d9e2d3;background:#273027;border-color:#465142;font-size:11px}.album-chips{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}.album-chips span{background:#293127;border-radius:15px;padding:3px 9px;font-size:11px}.album-chips button{color:inherit;background:0 0;border:none;padding:0 0 0 8px}.content-page{max-width:950px;padding:40px 0;overflow:auto}.content-page h1{margin-top:10px}.inline-form{align-items:end;gap:14px;margin:20px 0 30px;display:flex}.inline-form label{flex:1;max-width:350px;margin:0}.people-list{border-top:1px solid #e0e3d7}.person{border-bottom:1px solid #e0e3d7;align-items:center;gap:15px;padding:20px 0;font-size:13px;display:flex}.person-name{flex:1}.checkbox{flex-direction:row;align-items:center;margin:0;display:flex}.invite{background:#edf0e5;border-radius:10px;margin-bottom:24px;padding:24px}.invite h3{margin-top:0}.invite input{width:100%;margin:15px 0;display:block}.account-actions{gap:12px;margin-top:30px;display:flex}.auth{background:radial-gradient(at 80% 10%,#dfe7d1,#0000 60%),#f5f4ee;min-height:100dvh;padding:45px}.auth-card{max-width:430px;margin:12vh auto 0}.auth-card h1{margin-top:20px;font-size:55px}.auth-card form{margin:28px 0}.auth-card .primary{width:100%;padding:15px}.upload-tray{z-index:25;background:#fff;border:1px solid #e0e4d8;border-radius:10px;width:min(360px,100vw - 40px);max-height:40dvh;padding:20px;font-size:12px;position:fixed;bottom:20px;right:20px;overflow:auto;box-shadow:0 8px 40px #24302230}.bulk-bar{z-index:26;color:#d9e2d3;background:#273027;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #24302230}.bulk-bar select{color:#d9e2d3;background:#1f261f;border-color:#465142}.bulk-bar .danger{color:#e59183}.upload-tray>div{margin-top:14px}.upload-tray span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}progress{accent-color:#60784c;width:100%;height:5px}.drop-overlay{z-index:100;pointer-events:none;background:#f0f4e9f5;border:2px dashed #81956f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:15px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(max-width:1000px){aside{width:195px;padding:28px 17px}.workspace{padding:0 25px}.private-badge{display:none}.page-heading h1{font-size:35px}}@media(max-width:680px){.shell{flex-direction:column}aside{border-bottom:1px solid #e0e3d7;border-right:0;flex-shrink:0;width:100%;padding:14px 18px 0}.brand{font-size:24px}.brand svg{width:24px}aside>.eyebrow,.profile,.nav-label{display:none}nav{flex-direction:row;gap:4px;padding:10px 0 8px;overflow:auto}nav>a,nav>.album-nav,.nav-bottom a{white-space:nowrap;gap:6px;padding:8px;font-size:11px}nav svg{width:14px}.nav-bottom{margin:0;padding:0;display:flex}.workspace{min-height:0;padding:0 18px}header{height:70px}header>.eyebrow{letter-spacing:1px;font-size:8px}.primary{padding:9px 12px;font-size:12px}.page-heading{padding:23px 0}.page-heading h1{font-size:32px}.page-heading p{font-size:12px}.page-heading>button{white-space:nowrap;margin-left:auto;padding:8px;font-size:10px}.media-row{gap:8px}.viewer{inset:45px 14px 10px}.viewer-close{top:-35px;right:0}.viewer-prev{top:40%;left:0}.viewer-next{top:40%;right:0}.viewer-info{gap:10px;font-size:11px}.viewer-actions{margin-left:0}.viewer-actions button,.viewer-actions .button,.viewer-actions select{padding:7px;font-size:10px}.person{flex-wrap:wrap;gap:10px}.person-name{min-width:60%}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{max-width:none}.auth{padding:25px}.auth-card{margin-top:12vh}.auth-card h1{font-size:45px}.content-page{padding:25px 0}.account-actions{flex-wrap:wrap}.drop-overlay h1{text-align:center;font-size:30px}}.usage-total{color:#8a8f85;border-top:1px solid #e0e3d7;margin-top:18px;padding-top:18px;font-size:12px}
