:root{--bg:#fff;--ink:#1d1d1b;--muted:#8a8a85;--card:#f4f3ef;--line:#e4e3de;--accent:#e54c2a;--gap:12px;--page:1432px;--font:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--anthracite:#2e2e30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:500 14px/1.45 var(--font);font-feature-settings:"tnum";-webkit-text-size-adjust:100%;margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.top{max-width:var(--page);justify-content:space-between;align-items:flex-end;gap:16px;margin:0 auto;padding:16px;display:flex}.logo{flex-shrink:0;display:block}.logo img{width:auto;height:88px;display:block}@media (width<=480px){.logo img{height:64px}}.nav{gap:8px;margin-left:auto;display:flex}.nav a{min-height:44px;font:400 13px/1 var(--font);color:var(--anthracite);align-items:flex-end;text-decoration:none;display:inline-flex}.nav a:hover{text-underline-offset:2px;text-decoration:underline}.nav a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.stack button[type=submit]{border:1px solid var(--line);background:var(--bg);padding:6px 10px;font-size:12px;text-decoration:none}.grid{gap:20px var(--gap);max-width:var(--page);grid-template-columns:repeat(2,1fr);margin:0 auto;padding:0 16px 48px;display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(4,1fr);gap:32px 16px}}.tile{flex-direction:column;gap:6px;margin:0;display:flex}.frame{position:relative}.frame img{aspect-ratio:1;object-fit:cover;background:var(--card);width:100%;display:block}.tile-actions{gap:16px;margin:0;display:flex}.edit{color:var(--anthracite);text-underline-offset:2px;font-size:13px}.edit:hover{text-decoration:none}.remove{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.remove:hover{text-decoration:none}.tile-head{font:400 13px/1.45 var(--font);color:var(--anthracite);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.place{font:400 13px/1.45 var(--font);color:var(--anthracite);margin:0}.empty{color:var(--muted);grid-column:1/-1}.about-page{padding:clamp(32px,6vw,64px) 20px 96px}.about-home{width:fit-content;margin:0 auto clamp(48px,8vw,96px);transition:transform .15s;display:block}.about-home:hover{transform:rotate(-2deg)}.about-home:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.about-logo{width:min(440px,82vw);height:auto;display:block}.about-text{max-width:29em;margin:0 auto;font-size:clamp(17px,.95rem + .4vw,20px);font-weight:400;line-height:1.55}.about-text p{margin:0 0 1.4em}.about-text .about-action{margin:0 0 2.4em}.about-text .about-action .lettering{display:block}.about-text .about-action .lettering img{width:100%;height:auto}.lettering{line-height:0;transition:transform .15s;display:inline-block}.lettering img{width:auto;display:block}.lettering:hover{transform:rotate(-3deg)}.about-page .lettering img{height:30px}.empty .lettering img{height:26px}a.lettering.lettering-link{align-items:flex-end;min-height:44px;display:inline-flex}a.lettering.lettering-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.form-page{max-width:var(--page);margin:0 auto;padding:0 16px 48px}.stack{flex-direction:column;gap:14px;max-width:408px;display:flex}.stack>label,.rating legend{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.stack input:not([type=radio]):not([type=file]),.stack select,.stack textarea{border:1px solid var(--line);background:var(--bg);text-transform:none;letter-spacing:0;border-radius:0;width:100%;padding:10px;font-size:16px}.stack select{appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231d1d1b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:34px}.stack input[type=date]{appearance:none;text-align:left;min-width:0;height:calc(1.45em + 22px);display:block}.stack input[type=date]::-webkit-date-and-time-value{text-align:left}.stack ::placeholder{color:#c4c3bd}.stack input:focus,.stack select:focus,.stack textarea:focus{border-color:var(--ink);outline:none}.stack button[type=submit]{background:var(--ink);color:var(--bg);border-color:var(--ink);padding:14px;font-size:13px}.stack button[type=submit]:disabled{opacity:.5;cursor:wait}.photo-field{flex-direction:column;gap:8px;display:flex}.photo-picker{aspect-ratio:1;background:var(--card);cursor:pointer;color:var(--muted);place-items:center;font-size:13px;display:grid;position:relative}.photo-picker.has-photo{background:var(--card) center / cover no-repeat}.photo-picker.has-photo span{color:var(--ink);background:#ffffffe6;padding:6px 10px}.photo-picker input{opacity:0;height:1px;position:absolute;inset:auto 0 0}.cropper{aspect-ratio:1;background:var(--card);position:relative;overflow:hidden}.cropper canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.cropper canvas:active{cursor:grabbing}.cropper canvas:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.guide{pointer-events:none;border:1.5px dashed #ffffffe6;position:absolute;inset:8%;box-shadow:0 0 0 1px #00000026}.crop-tools{align-items:center;gap:12px;display:flex}.crop-tools .hint{flex:1}.crop-tools button{border:1px solid var(--line);background:var(--bg);flex-shrink:0;padding:6px 10px;font-size:12px}.hint{color:var(--muted);margin:0;font-size:12px}.rating{border:0;gap:6px;margin:0;padding:0;display:flex}.rating legend{margin-bottom:4px}.rating label{flex:1;position:relative}.rating input{opacity:0;position:absolute;inset:0}.rating span{border:1px solid var(--line);text-align:center;padding:10px 0;font-size:16px;display:block}.rating input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.rating input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.error{color:var(--accent);min-height:1em;margin:0}