:root{--bg:#f3efe6;--surface:#fbf8f2;--ink:#1c1914;--muted:#6e675c;--line:#e2dacb;--accent:#2f5d45;--page:var(--bg);--content-max:1100px}
*{box-sizing:border-box}[hidden]{display:none !important}body{margin:0;background-color:var(--page);background-image:var(--scene,none);background-size:cover;background-position:center top;background-attachment:fixed;color:var(--ink);font-family:Georgia,"Iowan Old Style","Times New Roman",serif}
button,input,textarea{font:inherit;color:inherit;color-scheme:light}button{cursor:pointer;background:none;border:0}
.wrap{width:min(92vw, var(--content-max));margin:0 auto;padding:2rem 0 3rem}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.grow{flex:1;min-width:0}
.top-actions{display:flex;gap:.4rem;align-items:center;flex-shrink:0;position:relative}
.update-banner{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:40;max-width:calc(100% - 2rem);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-size:.875rem;box-shadow:0 8px 24px rgba(28,25,20,.12)}
.code-pop{position:absolute;top:calc(100% + .45rem);right:0;z-index:30;width:min(88vw,22rem);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:0 12px 32px rgba(28,25,20,.12);text-align:left}
.sync-panel{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--line)}
.sync-code{margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;letter-spacing:.06em;line-height:1.45}
.sync-status{margin:.55rem 0 0}
.sync-panel h3{margin:0 0 .35rem}
.backup-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:0 0 1.5rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);color:var(--ink)}
.backup-banner p{margin:0;flex:1;min-width:14rem}
.backup-banner .actions{margin-top:0}
.backup-summary{margin-top:.9rem}
.eyebrow{margin:0;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.day-title{margin-top:.25rem;width:100%;background:transparent;border:0;outline:0;font-size:2.25rem;line-height:1.15;overflow-wrap:break-word}.day-title::placeholder{opacity:.4;color:var(--ink)}
.muted{color:var(--muted)}.accent{color:var(--accent)}.sm{font-size:.875rem}.lg{font-size:1.125rem}.u{text-decoration:underline}p{margin:.5rem 0 0}.center p{margin:0}.center{text-align:center}
.pill{height:2.75rem;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.875rem}
.card{border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:1rem}.mt8{margin-top:2rem}.mt4{margin-top:1rem}
h2{font-size:1.125rem;font-weight:normal;margin:0}h3{font-size:1.25rem;font-weight:normal;margin:0}
.home-block+.home-block{margin-top:1.75rem}
.home-heading{font-size:1.7rem;margin:0 0 .85rem;line-height:1.15}
.cat-grid,.goal-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.cat-grid{grid-template-columns:1fr 1fr}}
@media(min-width:720px){.goal-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.goal-grid{grid-template-columns:1fr 1fr 1fr}}
.new-cat{min-height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px dashed var(--accent);border-radius:1rem;color:var(--accent);background:var(--surface);font-size:1rem}
.new-cat .plus{font-size:2rem;line-height:1}
.field{display:block;width:100%;border:1px solid var(--line);border-radius:.6rem;background:var(--bg);padding:.55rem .7rem;margin-top:.5rem;outline-color:var(--accent)}
textarea.field{min-height:4.5rem;resize:vertical}
.btn{background:var(--accent);color:var(--on-accent, var(--surface));border-radius:999px;padding:.5rem 1rem;margin-top:.6rem}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}
.row{display:flex;gap:.5rem;align-items:center;justify-content:space-between}
.entry{border-top:1px solid var(--line);padding:.6rem 0}.entry:first-of-type{border-top:0}.x{color:var(--muted);font-size:.8rem}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.circle{width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:999px;font-size:1.3rem}
.cal-nav{display:flex;justify-content:space-between;font-size:.875rem;color:var(--muted);margin-bottom:.5rem}.cal-nav button{height:2.75rem;color:var(--muted)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;text-align:center;font-size:.75rem;color:var(--muted)}
.cal-grid .dow{padding:.25rem 0}.cal-grid button{height:2.75rem;border-radius:.5rem;font-size:.875rem;color:var(--ink)}
.cal-grid button.sel{background:var(--accent);color:var(--on-accent, var(--surface))}.cal-grid button.has{outline:1px solid var(--accent);outline-offset:-1px}.cal-grid button.today:not(.sel){font-weight:bold;text-decoration:underline}
.days{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}
.day-block{text-align:left;border:1px solid var(--line);border-radius:.75rem;background:var(--bg)}
.day-block.sel{border-color:var(--accent)}
.day-item{padding:.75rem;cursor:pointer}
.day-item:focus-visible,.cat-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.day-body{padding:0 .75rem .9rem;display:flex;flex-direction:column;gap:.85rem}
.day-cat-name{font-size:1.05rem;margin:0}
.open-day{color:var(--accent);font-size:.875rem;min-height:2.75rem;padding:0 .25rem;margin-left:auto}
.month-btn{background:none;border:0;color:var(--accent);font-size:.875rem;text-decoration:underline;min-height:2.75rem;padding:.25rem .5rem}
.picker{margin:.25rem 0 .75rem}
.picker-year{display:flex;align-items:center;justify-content:center;gap:.75rem}
.year-input{width:6rem;text-align:center;border:1px solid var(--line);border-radius:.6rem;background:var(--bg);padding:.45rem .5rem}
.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.75rem}
.month-grid .month{height:2.75rem;border:1px solid var(--line);border-radius:.6rem;background:var(--bg)}
.month-grid .month.sel{background:var(--accent);color:var(--on-accent, var(--surface));border-color:var(--accent)}
.cat-screen{width:100%;max-width:none;margin:0}
.cat-card{min-height:12.5rem}
.cat-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.cat-tools{display:flex;align-items:center;gap:.75rem}
.back{color:var(--accent);min-height:2.75rem;padding:0 .15rem;font-size:1rem}
.cat-heading{font-size:2.25rem;font-weight:normal;margin:.35rem 0 1rem;line-height:1.1}
.block-heading{font-size:1.35rem;margin:1.15rem 0 .7rem}
.list-board .block-heading{margin-top:.15rem}
.list-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.list-grid{grid-template-columns:1fr 1fr}}
.list-add{margin-bottom:.75rem}
.list-head{align-items:center;gap:.4rem}
.list-head .list-name{margin:0}
.list-name{font:inherit;font-size:1.2rem;text-align:left;color:inherit;padding:0;min-height:2.25rem}
.list-name-input{flex:1;min-width:0;width:auto;max-width:none}
.list-row,.meal-line{display:flex;align-items:center;gap:.35rem;margin-top:.4rem}
.list-item-name{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left}
.list-row .list-amount{width:5.25rem;flex:0 0 5.25rem;margin-top:0;padding:.4rem .45rem}
.meal-line-text{flex:1;min-width:0;overflow-wrap:anywhere}
.meal-line-num{color:var(--muted);font-size:.9rem}
.meal-total,.day-total,.home-list,.home-meal,.home-day-total{margin:.45rem 0 0}
.day-total{font-size:1.02rem}
.meal-card{margin-top:.75rem}
.pick-panel{margin-top:.65rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--bg)}
.pick-group{margin-top:.45rem}
.pick-item{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;min-height:2.25rem;padding:.15rem 0;color:inherit}
.pick-item.on{color:var(--accent)}
.pick-box{width:1.35rem;height:1.35rem;flex:0 0 auto;border:1px solid var(--line);border-radius:.3rem;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}
.pick-item.on .pick-box{background:var(--accent);color:var(--on-accent, var(--surface));border-color:var(--accent)}
.day-meal{margin:.35rem 0 .7rem}
.day-meal-name{margin:0;font-size:1.02rem}
.day-meal-item{margin:.15rem 0 0}
.clear-checked{margin-top:.7rem}
.track-card .cal-head{margin-bottom:.45rem}
.track-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;text-align:center;font-size:.72rem;color:var(--muted)}
.track-grid .dow{padding:.2rem 0}
.track-grid .track-day{height:3.05rem;border-radius:.45rem;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;gap:.05rem;padding:0}
.track-grid .track-day.sel{background:var(--accent);color:var(--on-accent, var(--surface))}
.track-grid .track-day.today:not(.sel){font-weight:bold;text-decoration:underline}
.track-grid .track-day.predict{outline:1px dotted var(--accent);outline-offset:-3px}
.track-grid .track-day.predict.sel{outline-color:var(--on-accent, var(--surface))}
.track-num{font-size:.84rem}
.track-hrs{font-size:.62rem;color:inherit;opacity:.8}
.track-mark{width:.28rem;height:.28rem;border-radius:999px;background:currentColor;opacity:.55}
.track-day.sel .track-hrs,.track-day.sel .track-mark{opacity:.95}
.flow-icon{width:.42rem;height:.42rem;display:inline-block;background:var(--flow,#2f5d45);color:var(--flow,#2f5d45);flex:0 0 auto;vertical-align:-.05rem}
.flow-icon[data-shape="dot"]{border-radius:999px}
.flow-icon[data-shape="square"]{border-radius:.04rem}
.flow-icon[data-shape="diamond"]{border-radius:.04rem;transform:rotate(45deg) scale(.82)}
.flow-icon[data-shape="triangle"]{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}
.flow-icon[data-shape="ring"]{background:transparent;border:.08rem solid var(--flow,#2f5d45);border-radius:999px;box-sizing:border-box}
.flow-icon[data-shape="drop"]{border-radius:999px 999px 999px .06rem;transform:rotate(45deg) scale(.9)}
.flow-icon[data-shape="heart"],.flow-icon[data-shape="star"]{background:transparent}
.flow-icon svg{width:100%;height:100%;display:block}
.flow-icons{display:inline-flex;gap:.08rem;align-items:center;justify-content:center;margin-top:.08rem;max-width:100%}
.flow-more{font-size:.62rem;line-height:1}
.flow-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;align-items:stretch}
.flow-options .flow-option{flex-direction:column;align-items:stretch}
.flow-options .flow-opt,.flow-options .flow-opt-name{width:100%;box-sizing:border-box;justify-content:flex-start}
.flow-options.editing{grid-template-columns:1fr}
.flow-options.editing .flow-option{flex-direction:row;flex-wrap:wrap;align-items:center}
@media(max-width:640px){
  .flow-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow-options.editing{grid-template-columns:1fr}
}
.flow-option{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.flow-opt,.flow-opt-name{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .85rem;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.flow-count{color:var(--muted);font-size:.875rem}
.flow-palette,.flow-shapes{display:flex;flex-wrap:wrap;gap:.28rem;align-items:center}
.flow-swatch,.flow-shape{width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;padding:0}
.flow-swatch{background:var(--flow)}
.flow-swatch.on,.flow-shape.on{outline:2px solid var(--accent);outline-offset:1px}
.flow-custom{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--line);background:transparent;border-radius:999px}
.flow-log{display:flex;align-items:center;gap:.45rem;margin-top:.5rem}
.flow-log-name{flex:1;min-width:0}
.flow-time{width:8.5rem;flex:0 0 auto;margin:0}
.flow-line{display:flex;flex-wrap:wrap;gap:.15rem .35rem;align-items:center;margin:.35rem 0 0}
.flow-bit{display:inline-flex;align-items:center;gap:.3rem}
.cycle-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.9rem}
.cycle-toggle input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}
.period-toggle{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--muted);font-size:.8rem;line-height:1.2}
.period-toggle input{width:.95rem;height:.95rem;margin:0;accent-color:var(--accent)}
.flow-options.editing .period-toggle{flex:1 0 100%}
.period-overrides{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin-top:.35rem}
.cycle-skip{margin:.15rem 0 0}
.track-split{display:flex;flex-direction:column;gap:.65rem}
.track-weeks{display:flex;flex-direction:column;gap:.15rem}
.track-week,.month-total{margin:0;display:flex;justify-content:space-between;gap:.6rem;color:var(--muted);font-size:.8rem}
.track-week{min-height:1.7rem;align-items:center}
.month-total{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink)}
.track-week .hrs,.month-total .hrs{color:var(--accent)}
.cycle-info{margin-top:.75rem}
.cycle-day{margin:.15rem 0 0;color:var(--accent);font-size:.95rem}
.cycle-meta,.cycle-next{margin:.12rem 0 0}
.shift-list{display:flex;flex-direction:column;gap:.55rem}
.shift-row,.home-shift,.day-shift{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.shift-when{margin:0}
.shift-hours{margin:.1rem 0 0}
.shift-tools{display:flex;align-items:center;gap:.25rem;flex:0 0 auto}
.shift-form{margin-top:.7rem}
.home-shift,.day-shift{margin-top:.45rem}
.home-week{margin:.35rem 0 0}
.flow-line{margin:.35rem 0 0}
.rel-group{margin-top:1rem}
.rel-group .list-head{align-items:flex-start}
.group-title{flex:1;min-width:0}
.group-count{margin:.15rem 0 0}
.rel-group .people-grid,.rel-group .tag-row{margin-top:.85rem}
html[data-look="wood"] .rel-group .person-card,html[data-look="vine"] .rel-group .person-card,html[data-look="earth"] .rel-group .person-card,html[data-look="water"] .rel-group .person-card{border-image:none;border-style:solid;border-width:1px;border-color:var(--line);border-radius:.75rem;background-color:var(--bg);background-clip:padding-box;box-shadow:none;backdrop-filter:none}
html[data-look="retro"] .rel-group .person-card{border-width:2px;box-shadow:inset 2px 2px 0 #d7ff9e,inset -2px -2px 0 #2f7a18}
.walk-map{height:18rem;border-radius:.5rem;overflow:hidden;background:var(--bg);margin-top:.6rem}
.walk-thumb{height:8.5rem;border-radius:.5rem;overflow:hidden;background:var(--bg);margin-bottom:.55rem}
.walk-distance{margin:0;font-variant-numeric:tabular-nums}
.walk-readout{align-items:center;gap:.75rem;margin-top:.55rem}
.walk-tile-note{margin:.35rem 0 0}
.walk-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}
.day-walk,.meal-day-card{cursor:default}
.leaflet-container{font:inherit;z-index:0}
.leaflet-control-attribution{font-size:.65rem;max-width:100%}
.people-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
@media(min-width:640px){.people-grid{grid-template-columns:1fr 1fr}}
.person-card{text-align:left;cursor:pointer;padding:.9rem}
.person-card-top{display:flex;align-items:center;gap:.7rem}
.person-card .avatar{width:2.6rem;height:2.6rem}
.avatar{width:4.25rem;height:4.25rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;font-size:1.35rem}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.person-name{margin:0;font-size:1.05rem}
.person-tags{margin:.2rem 0 0}
.person-profile{margin-bottom:1rem}
.profile-head{display:flex;align-items:center;gap:.9rem}
.profile-name{margin:0;font-size:1.7rem;font-weight:normal;line-height:1.15}
.rel-section{margin-top:.9rem}
.rel-section-name{font:inherit;font-size:1rem;text-align:left;color:inherit;padding:0;min-height:2.25rem}
.bday-hint{margin:.35rem 0 0}
.rel-note-line{margin:.35rem 0 0}
.home-group{margin:.35rem 0 0}
.home-records,.record-title-line{margin:.35rem 0 0}
.record-list{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem}
.record-filter{margin-top:1rem;color:var(--muted);font-size:.875rem}
.record-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .7rem;width:100%;text-align:left;min-height:2.75rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--ink)}
.record-name{flex:1 1 8rem;min-width:0}
.record-when{margin-left:auto}
.record-open{cursor:pointer}
.saved-label{font-style:italic}
.goal-day-card{cursor:default}
.goal-day-title{font-size:1.05rem}
.goal-count{margin:.35rem 0 0}
.goal-note{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--line)}
.goal-note-title{margin:0}
.goal-note .note-text{margin:.4rem 0 0}
.goal-check{display:flex;align-items:center;gap:.45rem;margin:.3rem 0 0}
.goal-mark{width:.95rem;height:.95rem;border-radius:.2rem;background:var(--accent);color:var(--on-accent,#fbf8f2);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;line-height:1;flex:0 0 auto}
html[data-look="retro"] .record-row{background:#8ae04f;color:#14240f;border:3px solid #0e3012;border-radius:.25rem}
html[data-look="earth"] .record-row{background:rgba(5,14,32,.84);color:#e7f3ff;border-color:#245684}
.wx-offline{margin:.2rem 0 0}
@media(min-width:720px){
  .track-split{flex-direction:row;align-items:flex-end}
  .track-grid{flex:1}
  .track-weeks{flex:0 0 9.5rem;padding-bottom:.1rem}
}
.lbl{display:block;margin-top:.85rem}
.lbl:first-child{margin-top:0}
.lbl .field{margin-top:.35rem}
textarea.note,textarea.section-text{min-height:min(24rem,60vh);resize:vertical}
textarea.dream{min-height:6.5rem}
.note-sections{margin-top:.35rem}
.note-section{margin-top:.9rem}
.section-head{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.section-name{flex:1 1 8rem;min-width:0;margin-top:0}
.section-title{margin-top:.4rem}
.section-heading{margin:.2rem 0 0;font-size:1.05rem}
.section-tools{display:flex;gap:.35rem;flex:0 0 auto}
.section-move,.section-remove{min-height:2.75rem;padding:0 .7rem;border:1px solid var(--line);border-radius:.6rem;background:var(--bg)}
.section-move:disabled{opacity:.35;cursor:default}
.section-remove{color:var(--muted)}
.add-section{margin-top:.75rem}
.section-tagbox .watch{margin-top:.7rem}
.section-tags-line,.preview-section-tags{margin:.15rem 0 0}
.kicker{margin:.75rem 0 0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.labeled .note-text{margin-top:.15rem}
.watch{margin:1.1rem 0 0;color:var(--muted);font-size:.875rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.chip{display:inline-flex;align-items:center;border:1px solid var(--accent);color:var(--accent);border-radius:999px;background:transparent;max-width:100%}
.chip.on{background:var(--accent);color:var(--on-accent, var(--surface))}
.chip-text{padding:.4rem .75rem;min-height:2.25rem;text-align:left}
.chip.edit .chip-text{padding-right:.35rem}
.chip-x{width:2rem;height:2rem;border-radius:999px;color:inherit}
.chip-input{border:0;background:transparent;color:inherit;min-width:6rem;width:10rem;max-width:16rem;outline:none;padding:.35rem .7rem;font:inherit}
.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.7rem}
.tag-row .field{flex:1 1 12rem;margin-top:0}
.tag-row .btn,.actions .btn{margin-top:0}
.actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.9rem}
.entry-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}
.entry-card{border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:1rem;text-align:left;cursor:pointer}
.entry-card.editing{border-color:var(--accent)}
.entry-card .note-text{white-space:pre-wrap;margin:.65rem 0 0}
.tags-line{margin:.6rem 0 0}
.entry-actions{display:flex;justify-content:flex-end;gap:.35rem}
.entry-actions button{color:var(--muted);font-size:.8rem;min-height:2.75rem;padding:0 .45rem}
.top-row{align-items:baseline}
.cat-card{cursor:pointer;text-align:left}
.goal-card{text-align:left}
.goal-title{font:inherit;font-size:1.25rem;text-align:left;color:inherit;padding:0;min-height:2.75rem}
textarea.goal-note{min-height:6.5rem;resize:vertical}
.week-wrap{overflow-x:auto;margin-top:.15rem}
.week{width:max-content;max-width:100%;border-collapse:collapse;margin:0}
.week th{font-size:.72rem;font-weight:normal;color:var(--muted);padding:.2rem .12rem;line-height:1.15;text-align:center}
.week th.today{color:var(--on-accent, var(--surface));background:var(--accent);border-radius:.4rem}
.week th.col-sel{color:var(--accent);text-decoration:underline}
.week .item-name{text-align:left;font-size:.95rem;color:var(--ink);padding:.15rem .75rem .15rem 0;width:auto;max-width:22rem;white-space:normal}
.week td{padding:.1rem .05rem;text-align:center}
.week td.today{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:.35rem}
.check{width:1.85rem;height:1.85rem;margin:0 auto;border:1px solid var(--line);border-radius:.4rem;background:var(--bg);color:var(--on-accent, var(--surface));font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}
.check.on{background:var(--accent);border-color:var(--accent)}
.item-cell{display:inline-flex;align-items:center;gap:.15rem;max-width:22rem}
.item-text{padding:.1rem .15rem;min-height:2.25rem;text-align:left;color:inherit}
.item-move,.item-x{width:1.7rem;height:1.7rem;border-radius:999px;color:var(--muted);border:1px solid var(--line);line-height:1;padding:0}
.item-move:disabled{opacity:.35;cursor:default}
.item-input{width:8rem;max-width:14rem;border:0;border-bottom:1px solid var(--line);background:transparent;padding:.2rem 0;font:inherit;color:inherit}
.item-add{margin-top:.7rem}
.goal-name{padding:0;color:inherit;text-align:left;line-height:inherit}
.goal-name-input{width:min(100%,32rem);border:0;border-bottom:1px solid var(--line);background:transparent;padding:0;color:inherit;font:inherit;line-height:inherit}
.goal-delete{color:var(--muted);font-size:.8rem;text-decoration:underline;min-height:2.75rem;padding:0 .15rem}
.goal-delete-row{margin:.5rem 0 0}
.preview{margin-top:.35rem}
.preview-block{margin-top:.5rem}.preview-title{margin:0}.preview-dur,.preview-section,.preview-tags{margin:.12rem 0 0}
.open-hint{margin:.7rem 0 0}
.editing-flag{margin:0 0 .35rem}
.nothing{margin-top:.25rem}
.type-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.45rem}
.type-opt{min-height:2.75rem;padding:0 .95rem;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.type-opt.on{background:var(--accent);color:var(--on-accent, var(--surface));border-color:var(--accent)}
.wx-block{margin:0 0 1rem}
.place-name{margin:0;font-size:1.15rem}
.place-results{display:flex;flex-direction:column;gap:.35rem;margin-top:.55rem}
.place-hit{text-align:left;min-height:2.75rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--bg)}
.wx{margin-top:.35rem}
.wx-now,.wx-day,.wx-status,.wx-saved{margin:.2rem 0 0}
.wx-icon{font-style:normal}
.wx-conds{display:flex;flex-wrap:wrap;gap:.4rem}
.cond{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.cond.on{background:var(--accent);color:var(--on-accent, var(--surface));border-color:var(--accent)}
.wx-slot{margin-top:.35rem}
.sleep-times{display:grid;grid-template-columns:1fr;gap:.35rem}
@media(min-width:640px){.sleep-times{grid-template-columns:1fr 1fr;gap:.75rem}}
.duration{margin:.45rem 0 0;color:var(--accent);font-size:1.05rem}
.sleep-line{margin:.55rem 0 0}
.images-block{position:relative;margin-top:.85rem}
.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}
.thumb{position:relative;width:5.5rem;height:5.5rem}
.thumb-open{width:100%;height:100%;padding:0;border:1px solid var(--line);border-radius:.6rem;overflow:hidden;background:var(--bg)}
.thumb-open img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-x{position:absolute;top:.15rem;right:.15rem;width:1.7rem;height:1.7rem;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--line);line-height:1}
.warn{color:#8d3b32;font-size:.875rem;margin:.45rem 0 0}
.lightbox{position:fixed;inset:0;z-index:30;background:rgba(28,25,20,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;gap:.75rem}
.lightbox[hidden]{display:none !important}
.lightbox img{max-width:min(100%,64rem);max-height:calc(100vh - 6rem);border-radius:.6rem;background:var(--surface)}
.lightbox-close{align-self:flex-end;color:#fbf8f2;min-height:2.75rem;padding:0 .5rem;font-size:1rem}

.look-modal{position:fixed;inset:0;z-index:40;background:rgba(16,14,12,.55);display:flex;justify-content:center;align-items:flex-start;padding:1rem;overflow:auto}
.look-modal[hidden]{display:none !important}
.look-panel{width:min(92vw, var(--content-max));margin:5vh auto 2rem}
.look-panel.backup-panel{width:min(92vw, 34rem);margin:12vh auto 2rem}
.look-head{align-items:center;margin-bottom:.35rem}
.look-head h2{font-size:1.5rem}
.look-head .btn{margin-top:0}
.look-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}
.look-opt{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;text-align:left;padding:.5rem;border:1px solid var(--line);border-radius:.75rem;background:var(--bg);color:var(--ink)}
.look-opt.on{outline:2px solid var(--accent);outline-offset:2px}
.look-name{font-size:1.05rem}
.look-note{display:block}
.swatch{display:block;height:4.25rem;background-size:cover;background-position:center;border:8px solid transparent}
.swatch.paper{background:#f3efe6;border:1px solid #e2dacb;border-radius:.45rem}
.swatch.wood{background-image:url("assets/bg-wood.webp");border-image:url("assets/border-wood.webp") 20 21 20 20 / 8px stretch}
.swatch.vine{background-image:url("assets/bg-vine.webp");border-image:url("assets/border-vine.svg") 120 / 12px stretch}
.swatch.retro{background-image:url("assets/bg-retro.webp");background-color:#0c3a16;border:3px solid #123d16;border-radius:.2rem;box-shadow:inset 2px 2px 0 #d7ff9e, inset -2px -2px 0 #2f7a18}
.swatch.earth{background-image:url("assets/bg-earth.webp");border-image:url("assets/border-scifi.webp") 28 36 28 34 / 8px stretch}
.swatch.water{background-image:url("assets/bg-water.webp");border-image:url("assets/border-water.svg") 70 / 10px stretch}
@media(max-width:560px){.look-list{grid-template-columns:1fr}}

html[data-look="wood"]{--page:#5c3a22;--bg:#f4ead7;--surface:rgba(246,239,226,.95);--ink:#3a2718;--muted:#6e5644;--line:#e4d3b8;--accent:#8a4b24;--on-accent:#fbf6ee;--scene:url("assets/bg-wood.webp");--frame:34px}
html[data-look="wood"] body{font-family:"Libre Baskerville",Georgia,"Times New Roman",serif}
html[data-look="vine"]{--page:#245438;--bg:#f3f6ea;--surface:rgba(244,248,236,.93);--ink:#1a2e1c;--muted:#4d6450;--line:#d5e0c8;--accent:#1f6b3a;--on-accent:#f3fff4;--scene:url("assets/bg-vine.webp");--frame:48px}
html[data-look="vine"] body{font-family:Fraunces,Georgia,"Times New Roman",serif}
html[data-look="earth"]{--page:#050b16;--bg:#071422;--surface:rgba(5,14,32,.84);--ink:#e7f3ff;--muted:#9fb4c9;--line:#245684;--accent:#7dffa6;--on-accent:#042014;--scene:url("assets/bg-earth.webp");--frame:36px}
html[data-look="earth"] body{font-family:"Exo 2","Segoe UI",sans-serif}
html[data-look="earth"] .day-title,html[data-look="earth"] .cat-heading,html[data-look="earth"] h2,html[data-look="earth"] h3,html[data-look="earth"] .eyebrow{font-family:Orbitron,"Exo 2",sans-serif;letter-spacing:.03em}
html[data-look="earth"] .day-title{font-size:1.8rem}
html[data-look="earth"] .cat-heading{font-size:1.7rem}
html[data-look="earth"] button,html[data-look="earth"] input,html[data-look="earth"] textarea{color-scheme:dark}
html[data-look="earth"] .day-title,html[data-look="earth"] .eyebrow,html[data-look="earth"] #dateLabel,html[data-look="earth"] .cat-heading,html[data-look="earth"] #catDate{text-shadow:0 2px 10px rgba(0,0,0,.75)}
html[data-look="earth"] .warn{color:#ffb4a8}
html[data-look="water"]{--page:#c9e0da;--bg:rgba(255,252,247,.72);--surface:rgba(255,252,247,.7);--ink:#16343a;--muted:#3e646c;--line:#d7c48a;--accent:#8a6a2f;--on-accent:#fffaf0;--scene:url("assets/bg-water.webp");--frame:40px}
html[data-look="water"] body{font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem}
html[data-look="water"] .day-title,html[data-look="water"] .cat-heading,html[data-look="water"] h2,html[data-look="water"] h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}
html[data-look="water"] .day-title,html[data-look="water"] .cat-heading{font-size:2.6rem;line-height:1}
html[data-look="retro"]{--page:#0c3a16;--bg:#d6ff9a;--surface:#8ae04f;--ink:#e7ffc4;--muted:#c6e8a8;--line:#0e3012;--accent:#123d16;--on-accent:#e7ffc4;--scene:url("assets/bg-retro.webp");--frame:0px}
html[data-look="retro"] body{font-family:"Pixelify Sans","Courier New",monospace;background-color:#0b3a14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),url("assets/bg-retro.webp");background-size:8px 8px,8px 8px,cover;background-position:0 0,0 0,center top}
html[data-look="retro"] .day-title{font-size:1.85rem}
html[data-look="retro"] .cat-heading{font-size:1.7rem}
html[data-look="retro"] .day-title,html[data-look="retro"] .eyebrow,html[data-look="retro"] #dateLabel{text-shadow:0 2px 0 #06210c}
html[data-look="retro"] .cal-grid,html[data-look="retro"] .cal-grid button,html[data-look="retro"] .track-grid,html[data-look="retro"] .track-grid button{font-size:1rem}

html[data-look="wood"] .card,html[data-look="wood"] .entry-card,html[data-look="wood"] .day-block,html[data-look="wood"] .new-cat,
html[data-look="vine"] .card,html[data-look="vine"] .entry-card,html[data-look="vine"] .day-block,html[data-look="vine"] .new-cat,
html[data-look="earth"] .card,html[data-look="earth"] .entry-card,html[data-look="earth"] .day-block,html[data-look="earth"] .new-cat,
html[data-look="water"] .card,html[data-look="water"] .entry-card,html[data-look="water"] .day-block,html[data-look="water"] .new-cat{
  border-style:solid;border-color:transparent;border-width:var(--frame);border-radius:0;background-clip:border-box;color:var(--ink)
}
html[data-look="wood"] .card,html[data-look="wood"] .entry-card,html[data-look="wood"] .day-block,html[data-look="wood"] .new-cat{border-image:url("assets/border-wood.webp") 20 21 20 20 / var(--frame) stretch;background-color:rgba(246,239,226,.95)}
html[data-look="vine"] .card,html[data-look="vine"] .entry-card,html[data-look="vine"] .day-block,html[data-look="vine"] .new-cat{border-image:url("assets/border-vine.svg") 120 / var(--frame) stretch;background-color:rgba(244,248,236,.93)}
html[data-look="earth"] .card,html[data-look="earth"] .entry-card,html[data-look="earth"] .day-block,html[data-look="earth"] .new-cat{border-image:url("assets/border-scifi.webp") 28 36 28 34 / var(--frame) stretch;background-color:rgba(5,14,32,.84);backdrop-filter:blur(5px)}
html[data-look="water"] .card,html[data-look="water"] .entry-card,html[data-look="water"] .day-block,html[data-look="water"] .new-cat{border-image:url("assets/border-water.svg") 70 / var(--frame) stretch;background-color:rgba(255,252,247,.66);backdrop-filter:blur(7px)}
html[data-look="wood"] .day-block.sel,html[data-look="vine"] .day-block.sel,html[data-look="earth"] .day-block.sel,html[data-look="water"] .day-block.sel,
html[data-look="wood"] .entry-card.editing,html[data-look="vine"] .entry-card.editing,html[data-look="earth"] .entry-card.editing,html[data-look="water"] .entry-card.editing{outline:2px solid var(--accent);outline-offset:3px}
html[data-look="wood"] .new-cat,html[data-look="vine"] .new-cat{color:var(--accent)}
html[data-look="earth"] .new-cat{color:var(--accent)}
html[data-look="water"] .new-cat{color:var(--accent)}

html[data-look="wood"] .home-heading,html[data-look="vine"] .home-heading,html[data-look="wood"] .block-heading,html[data-look="vine"] .block-heading{display:table;background:rgba(246,239,226,.92);color:var(--ink);padding:.15rem .7rem;border-radius:.4rem}
html[data-look="vine"] .home-heading,html[data-look="vine"] .block-heading{background:rgba(244,248,236,.9)}
html[data-look="water"] .home-heading,html[data-look="water"] .block-heading{display:table;background:rgba(255,252,247,.82);padding:.1rem .7rem;border-radius:.4rem}
html[data-look="earth"] .home-heading,html[data-look="earth"] .block-heading{text-shadow:0 2px 10px rgba(0,0,0,.75)}
html[data-look="retro"] .home-heading,html[data-look="retro"] .block-heading{color:#e7ffc4;text-shadow:0 2px 0 #06210c}
html[data-look="retro"] .block-heading{background:#123d16;padding:.3rem .6rem}
html[data-look="wood"] .top .grow,html[data-look="wood"] .cat-top,html[data-look="wood"] .cat-heading{background:rgba(246,239,226,.9);border-radius:.4rem}
html[data-look="wood"] .top .grow{padding:.45rem .75rem .6rem}
html[data-look="wood"] .cat-heading{display:table;padding:.15rem .6rem;margin-top:.45rem}
html[data-look="vine"] .top .grow,html[data-look="vine"] .cat-top,html[data-look="vine"] .cat-heading{background:rgba(244,248,236,.88);border-radius:.4rem}
html[data-look="vine"] .top .grow{padding:.45rem .75rem .6rem}
html[data-look="vine"] .cat-heading{display:table;padding:.15rem .6rem;margin-top:.45rem}
html[data-look="wood"] .pill,html[data-look="wood"] .circle{background:#f6efe2;border-color:#c4a07a;color:#3a2718}
html[data-look="vine"] .pill,html[data-look="vine"] .circle{background:#f4f8ec;border-color:#7ea56a;color:#1a2e1c}
html[data-look="earth"] .pill,html[data-look="earth"] .circle,html[data-look="earth"] .btn,html[data-look="earth"] .chip,html[data-look="earth"] .field,html[data-look="earth"] .look-opt{border-radius:4px}
html[data-look="earth"] .pill,html[data-look="earth"] .circle{background:rgba(6,18,36,.8);color:#d7ecff;border:1px solid #3d7eb8;box-shadow:0 0 10px rgba(80,160,255,.28)}
html[data-look="earth"] .btn:not(.ghost){box-shadow:0 0 12px rgba(125,255,166,.28)}
html[data-look="water"] .pill,html[data-look="water"] .circle{background:rgba(255,252,247,.78);border:1px solid #c6a15a;color:#16343a}
html[data-look="water"] .field,html[data-look="water"] .year-input,html[data-look="water"] .month-grid .month,html[data-look="water"] .type-opt,html[data-look="water"] .cond,html[data-look="water"] .place-hit{background:rgba(255,252,247,.8)}
html[data-look="water"] .cond.on{background:var(--accent);color:var(--on-accent, var(--surface));border-color:var(--accent)}

html[data-look="retro"] .card,html[data-look="retro"] .entry-card,html[data-look="retro"] .day-block,html[data-look="retro"] .new-cat,html[data-look="retro"] .look-opt,html[data-look="retro"] .field,html[data-look="retro"] .pill,html[data-look="retro"] .btn,html[data-look="retro"] .circle,html[data-look="retro"] .chip,html[data-look="retro"] .thumb-open{border-radius:.25rem}
html[data-look="retro"] .card,html[data-look="retro"] .entry-card,html[data-look="retro"] .day-block,html[data-look="retro"] .new-cat{background:#8ae04f;color:#14240f;border:3px solid #0e3012;box-shadow:inset 3px 3px 0 #d7ff9e,inset -3px -3px 0 #2f7a18,4px 4px 0 #041a06}
html[data-look="retro"] .card .muted,html[data-look="retro"] .entry-card .muted,html[data-look="retro"] .day-block .muted,html[data-look="retro"] .look-panel .muted{color:#245018}
html[data-look="retro"] .card > h2,html[data-look="retro"] .look-head,html[data-look="retro"] .card > .cal-head,html[data-look="retro"] .cat-card > .row:first-child,html[data-look="retro"] .goal-card > .row:first-child,html[data-look="retro"] .entry-card > .top-row,html[data-look="retro"] #newCatForm > h3,html[data-look="retro"] #newGoalForm > h3{background:#123d16;color:#e4ff8a;margin:-1rem -1rem .75rem;padding:.55rem .85rem}
html[data-look="retro"] .day-item > .top-row{background:#123d16;color:#e4ff8a;margin:-.75rem -.75rem .55rem;padding:.5rem .75rem}
html[data-look="retro"] .cat-heading{background:#123d16;color:#e4ff8a;padding:.4rem .7rem}
html[data-look="retro"] .card > h2,html[data-look="retro"] .cat-card > .row:first-child h3,html[data-look="retro"] .goal-card > .row:first-child h3,html[data-look="retro"] .goal-title,html[data-look="retro"] .entry-card > .top-row,html[data-look="retro"] .day-item > .top-row,html[data-look="retro"] #newCatForm > h3,html[data-look="retro"] #newGoalForm > h3,html[data-look="retro"] .look-head h2{color:#e4ff8a}
html[data-look="retro"] .cat-card > .row:first-child .x,html[data-look="retro"] .goal-card > .row:first-child .x,html[data-look="retro"] .entry-card > .top-row .muted,html[data-look="retro"] .day-item > .top-row .muted{color:#d6ff8a}
html[data-look="retro"] .look-head .btn.ghost{background:#e4e0d8;color:#111;border-color:#111}
html[data-look="retro"] .look-opt{color:#14240f;background:#d6ff9a}
html[data-look="retro"] .cal-head .month-btn,html[data-look="retro"] .cal-head .lg{color:#e4ff8a}
html[data-look="retro"] .cal-grid button,html[data-look="retro"] .track-grid .track-day{color:#14240f}
html[data-look="retro"] .cal-grid button.sel,html[data-look="retro"] .track-grid .track-day.sel{background:#123d16;color:#e7ffc4}
html[data-look="retro"] .pill,html[data-look="retro"] .circle,html[data-look="retro"] .btn{background:#e4e0d8;color:#111;border:2px solid #111;box-shadow:inset 2px 2px 0 #fff,inset -2px -2px 0 #6a6a6a}
html[data-look="retro"] .btn.ghost{background:#c8e878;color:#14240f}
html[data-look="retro"] .day-block.sel{outline:3px solid #f2e85a;outline-offset:2px}
html[data-look="retro"] .field,html[data-look="retro"] .year-input,html[data-look="retro"] .type-opt,html[data-look="retro"] .cond,html[data-look="retro"] .place-hit,html[data-look="retro"] .month-grid .month{background:#f4ffe4;color:#14240f;border-color:#0e3012}
html[data-look="retro"] .cond.on{background:var(--accent);color:var(--on-accent, #14240f);border-color:var(--accent)}
html[data-look="retro"] .chip{color:#123d16;border-color:#123d16}
html[data-look="retro"] .chip.on{background:#123d16;color:#e7ffc4}
html[data-look="retro"] .new-cat{color:#123d16}

@media(max-width:640px){
  html[data-look="wood"]{--frame:20px}
  html[data-look="vine"]{--frame:30px}
  html[data-look="earth"]{--frame:22px}
  html[data-look="water"]{--frame:26px}
  html[data-look="wood"] .wrap,html[data-look="vine"] .wrap,html[data-look="earth"] .wrap,html[data-look="water"] .wrap,html[data-look="retro"] .wrap{padding:1.15rem .85rem}
  html[data-look="water"] .day-title,html[data-look="water"] .cat-heading{font-size:2.1rem}
  html[data-look="earth"] .day-title,html[data-look="retro"] .day-title{font-size:1.55rem}
  html[data-border="wood"] .card,html[data-border="wood"] .entry-card,html[data-border="wood"] .day-block,html[data-border="wood"] .new-cat,html[data-border="wood"] .look-panel{border-width:20px;border-image-width:20px}
  html[data-border="vine"] .card,html[data-border="vine"] .entry-card,html[data-border="vine"] .day-block,html[data-border="vine"] .new-cat,html[data-border="vine"] .look-panel{border-width:28px;border-image-width:28px}
  html[data-border="earth"] .card,html[data-border="earth"] .entry-card,html[data-border="earth"] .day-block,html[data-border="earth"] .new-cat,html[data-border="earth"] .look-panel{border-width:22px;border-image-width:22px}
  html[data-border="water"] .card,html[data-border="water"] .entry-card,html[data-border="water"] .day-block,html[data-border="water"] .new-cat,html[data-border="water"] .look-panel{border-width:24px;border-image-width:24px}
  html[data-font="caveat"] .day-title,html[data-font="caveat"] .cat-heading{font-size:2.15rem}
  html[data-font="pixel"] .day-title{font-size:1.4rem}
}

.watch-box{margin-top:.15rem}
.watch-time{margin:.15rem 0 0;font-size:2rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--accent)}
.watch-actions{display:flex;flex-wrap:wrap;gap:.45rem}
.watch-actions .btn{margin-top:0}
.manual-or,.dur-hint{margin:.85rem 0 0;color:var(--muted);font-size:.9rem}
.saved-list{grid-column:1 / -1;display:flex;flex-direction:column;gap:.65rem}
.saved-row{display:flex;gap:.4rem;align-items:center}
.saved-row .look-opt{flex:1}
.saved-row .btn{margin-top:0}
.theme-rename{margin-top:0}
.look-custom{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line)}
.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem;margin-top:.55rem}
.color-lab{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.color-lab input{width:3rem;height:2.25rem;padding:0;border:1px solid var(--line);background:transparent}
.volume{width:100%;margin-top:.35rem}
@media(max-width:560px){.color-grid{grid-template-columns:1fr}}

html[data-look="custom"] body{font-family:Georgia,"Iowan Old Style","Times New Roman",serif}
html[data-scheme="dark"] button,html[data-scheme="dark"] input,html[data-scheme="dark"] textarea{color-scheme:dark}
html[data-font="garamond"] body{font-family:"EB Garamond",Georgia,serif;font-size:1.16rem}
html[data-font="inter"] body{font-family:Inter,"Segoe UI",sans-serif}
html[data-font="caveat"] body{font-family:Caveat,cursive;font-size:1.35rem}
html[data-font="caveat"] .day-title,html[data-font="caveat"] .cat-heading{font-size:2.75rem;line-height:1}
html[data-font="elite"] body{font-family:"Special Elite","Courier New",monospace}
html[data-font="pixel"] body{font-family:"Pixelify Sans",monospace}
html[data-font="pixel"] .day-title{font-size:1.7rem}
html[data-font="pixel"] .eyebrow{font-family:"Press Start 2P",monospace;font-size:.62rem}

html[data-look="custom"] .card,html[data-look="custom"] .entry-card,html[data-look="custom"] .day-block,html[data-look="custom"] .new-cat,html[data-look="custom"] .look-panel{background:var(--surface);color:var(--ink);border-image:none;box-shadow:none}
html[data-border="rounded"] .card,html[data-border="rounded"] .entry-card,html[data-border="rounded"] .day-block,html[data-border="rounded"] .new-cat,html[data-border="rounded"] .look-panel{border:1px solid var(--line);border-radius:1rem;border-image:none;box-shadow:none}
html[data-border="square"] .card,html[data-border="square"] .entry-card,html[data-border="square"] .day-block,html[data-border="square"] .new-cat,html[data-border="square"] .look-panel{border:2px solid var(--line);border-radius:0;border-image:none;box-shadow:none}
html[data-border="double"] .card,html[data-border="double"] .entry-card,html[data-border="double"] .day-block,html[data-border="double"] .new-cat,html[data-border="double"] .look-panel{border:4px double var(--line);border-radius:.4rem;border-image:none;box-shadow:none}
html[data-border="dashed"] .card,html[data-border="dashed"] .entry-card,html[data-border="dashed"] .day-block,html[data-border="dashed"] .new-cat,html[data-border="dashed"] .look-panel{border:2px dashed var(--line);border-radius:.7rem;border-image:none;box-shadow:none}
html[data-border="thick"] .card,html[data-border="thick"] .entry-card,html[data-border="thick"] .day-block,html[data-border="thick"] .new-cat,html[data-border="thick"] .look-panel{border:3px solid var(--line);border-radius:0;border-image:none;box-shadow:6px 6px 0 var(--line)}
html[data-border="wood"] .card,html[data-border="wood"] .entry-card,html[data-border="wood"] .day-block,html[data-border="wood"] .new-cat,html[data-border="wood"] .look-panel{border:34px solid transparent;border-radius:0;border-image:url("assets/border-wood.webp") 20 21 20 20 / 34px stretch;box-shadow:none;background:var(--surface)}
html[data-border="vine"] .card,html[data-border="vine"] .entry-card,html[data-border="vine"] .day-block,html[data-border="vine"] .new-cat,html[data-border="vine"] .look-panel{border:46px solid transparent;border-radius:0;border-image:url("assets/border-vine.svg") 120 / 46px stretch;box-shadow:none;background:var(--surface)}
html[data-border="earth"] .card,html[data-border="earth"] .entry-card,html[data-border="earth"] .day-block,html[data-border="earth"] .new-cat,html[data-border="earth"] .look-panel{border:36px solid transparent;border-radius:0;border-image:url("assets/border-scifi.webp") 28 36 28 34 / 36px stretch;box-shadow:none;background:var(--surface)}
html[data-border="water"] .card,html[data-border="water"] .entry-card,html[data-border="water"] .day-block,html[data-border="water"] .new-cat,html[data-border="water"] .look-panel{border:40px solid transparent;border-radius:0;border-image:url("assets/border-water.svg") 70 / 40px stretch;box-shadow:none;background:var(--surface)}