/* InspireLoop — oak, wood mustard and cherry */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-wght-normal.woff2) format('woff2-variations'),url(/fonts/instrument-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2-variations'),url(/fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin-wght-normal.woff2) format('woff2-variations'),url(/fonts/caveat-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin-ext-wght-normal.woff2) format('woff2-variations'),url(/fonts/caveat-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/syne-latin-wght-normal.woff2) format('woff2-variations'),url(/fonts/syne-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/syne-latin-ext-wght-normal.woff2) format('woff2-variations'),url(/fonts/syne-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Italiana';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/italiana-latin-400-normal.woff2) format('woff2')}

:root{
  --bg:#140C09;--bg2:#1A110C;--ink:#F6EBDD;--ink2:#CDB9A3;--ink3:#A38F7B;--ink-soft:#E6CFB2;--cream:#FBF3E8;
  --oak:#C9A27E;--mustard:#E0AE4A;--mustard2:#F2CD7A;--mustard3:#F7DB9A;--mustard4:#C8902E;
  --cherry:#B8433F;--cherry2:#8E2C2E;--cherry3:#9A2F33;--espresso:#2A1810;--heart:#E86A5E;
  --gold:linear-gradient(135deg,#F7DB9A 0%,#E0AE4A 55%,#C8902E 100%);
  --gold2:linear-gradient(135deg,#F7DB9A,#E0AE4A);
  --ring:conic-gradient(from 200deg,#F7DB9A,#E0AE4A,#B8433F,#8E2C2E,#E0AE4A,#F7DB9A);
  --serif:'Instrument Serif','Times New Roman',serif;
  --sans:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
  --st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);
  --top:max(var(--st),14px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{position:fixed;inset:0;overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation}
a{color:var(--mustard2);text-decoration:none}
input,textarea{font:inherit;color:inherit}
img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mustard2);outline-offset:2px}
h1,h2,h3,p{margin:0}
[aria-hidden="true"]{pointer-events:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

#app{position:fixed;inset:0;margin:0 auto;max-width:480px;overflow:hidden;background:var(--bg);isolation:isolate}
@media (min-width:520px){
  body{background:radial-gradient(circle at 20% 10%,rgba(158,46,46,.25),transparent 50%),radial-gradient(circle at 80% 90%,rgba(214,158,58,.18),transparent 50%),#0E0806}
  #app{top:0;bottom:0;box-shadow:0 0 0 1px rgba(255,237,214,.08),0 30px 80px rgba(0,0,0,.6)}
}
.screen{position:absolute;inset:0;overflow:hidden;animation:il-screen .34s cubic-bezier(.2,.7,.2,1) both}
.screen.no-anim{animation:none}
.scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain;z-index:5}
.scroll::-webkit-scrollbar,.noscroll::-webkit-scrollbar{display:none}
.noscroll{scrollbar-width:none}
.hscroll{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.hscroll::-webkit-scrollbar{display:none}

/* surfaces */
.glass{background:linear-gradient(150deg,rgba(255,237,214,.13),rgba(255,237,214,.045));border:1px solid rgba(255,237,214,.14);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 18px 40px rgba(8,4,2,.4),inset 0 1px 0 rgba(255,255,255,.08)}
.glassd{background:rgba(30,19,13,.64);border:1px solid rgba(255,237,214,.14);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);box-shadow:0 18px 44px rgba(8,4,2,.5),inset 0 1px 0 rgba(255,255,255,.07)}
.glassl{background:rgba(255,237,214,.08);border:1px solid rgba(255,237,214,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.grain{background-image:url(/img/grain.png);background-size:240px 240px}
.grain-layer{position:absolute;inset:0;mix-blend-mode:overlay;pointer-events:none;z-index:60;opacity:.4}
.bgblob{position:absolute;border-radius:50%;pointer-events:none}

/* type */
.serif{font-family:var(--serif);font-weight:400}
.mono{font-family:var(--mono)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink3);text-transform:uppercase}
.h-display{font-family:var(--serif);font-weight:400;font-size:46px;line-height:.95;letter-spacing:-.02em}
.h-section{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:-.01em}
.muted{color:var(--ink2)}
.em{font-style:italic;color:var(--mustard2)}

/* controls */
.press{transition:transform .18s ease,background-color .2s ease,color .2s ease,opacity .2s ease}
.press:active{transform:scale(.94)}
.icon-btn{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--ink);flex:none}
.btn{height:44px;padding:0 18px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;white-space:nowrap}
.btn-lg{height:58px;border-radius:29px;font-size:17px;gap:10px;width:100%}
.btn-md{height:54px;border-radius:27px;font-size:16px;width:100%}
.btn-gold{background:var(--gold);color:var(--espresso);box-shadow:0 16px 34px rgba(224,174,74,.28),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-gold-sm{background:var(--gold2);color:var(--espresso);box-shadow:0 10px 24px rgba(224,174,74,.28)}
.btn-cream{background:var(--ink);color:var(--espresso)}
.btn-ghost{color:var(--ink)}
.btn[disabled],.btn:disabled{opacity:.45;pointer-events:none}
.btn-dashed{background:rgba(255,237,214,.07);border:1px dashed rgba(255,237,214,.22);color:var(--ink2)}
.chip{flex:none;height:44px;padding:0 16px;border-radius:22px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(255,237,214,.10);color:var(--ink3);background:rgba(255,237,214,0)}
.chip.on{background:rgba(255,237,214,.16);color:var(--ink);border-color:rgba(255,237,214,.26)}
.pill{flex:none;height:44px;padding:0 16px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:600;white-space:nowrap;background:rgba(255,237,214,.06);color:var(--ink-soft);border:1px solid rgba(255,237,214,.12)}
.pill.on{background:var(--gold2);color:var(--espresso);border-color:rgba(255,255,255,.25)}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:24px}
.seg>button{height:44px;border-radius:22px;text-align:center;font-size:14px;font-weight:600;color:var(--ink2);white-space:nowrap}
.seg>button.on{background:var(--gold2);color:var(--espresso)}
.feel-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 10px;border-radius:17px;font-size:13px;font-weight:600;white-space:nowrap}
.feel-chip .e{font-size:16px;line-height:1}
.field{width:100%;height:52px;border-radius:26px;padding:0 18px;font-size:16px;color:var(--ink);outline:none;background:rgba(255,237,214,.06);border:1px solid rgba(255,237,214,.14)}
.field::placeholder,textarea::placeholder{color:rgba(205,185,163,.55)}
.field:focus{border-color:rgba(242,205,122,.55)}
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:44px;width:100%;cursor:pointer;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--mustard3) 0%,var(--mustard) var(--p,50%),rgba(255,237,214,.18) var(--p,50%))}
input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,237,214,.18)}
input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--mustard)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--mustard3);box-shadow:0 0 0 4px rgba(224,174,74,.25),0 4px 10px rgba(0,0,0,.4);border:0}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--mustard3);box-shadow:0 0 0 4px rgba(224,174,74,.25),0 4px 10px rgba(0,0,0,.4);border:0}
input[type=range]:focus-visible{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--mustard2)}

/* tab bar */
.tabbar{position:absolute;left:18px;right:18px;bottom:calc(var(--sb) + 14px);height:70px;border-radius:35px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:40}
.tabbar a,.tabbar button{width:52px;height:52px;border-radius:26px;display:flex;align-items:center;justify-content:center;color:#B7A38F}
.tabbar .on{color:var(--mustard2);background:rgba(224,174,74,.14)}
.tabbar .create{width:62px;height:62px;margin-top:-30px;border-radius:31px;flex:none;background:var(--ring);box-shadow:0 12px 28px rgba(224,174,74,.34),0 0 0 6px #1A110C}
.tabbar .create span{width:50px;height:50px;border-radius:25px;background:#1D130E;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.pad-tabbar{height:calc(var(--sb) + 116px)}

/* sheet + toast */
.scrim{position:absolute;inset:0;background:rgba(8,4,2,.5);z-index:80;animation:il-fade .25s ease both}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:81;border-radius:30px 30px 0 0;padding:10px 20px calc(var(--sb) + 22px);background:rgba(26,17,12,.92);border-top:1px solid rgba(255,237,214,.16);-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);box-shadow:0 -20px 50px rgba(0,0,0,.45);animation:il-sheet .34s cubic-bezier(.2,.8,.2,1) both;max-height:88%;overflow-y:auto;scrollbar-width:none}
.sheet .grip{width:40px;height:5px;border-radius:3px;background:rgba(255,237,214,.28);margin:0 auto 12px}
.sheet-row{width:100%;min-height:54px;display:flex;align-items:center;gap:14px;padding:0 6px;border-radius:16px;font-size:15px;font-weight:500;color:var(--ink);text-align:left}
.sheet-row:active{background:rgba(255,237,214,.06)}
.sheet-row .ico{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(255,237,214,.07);color:var(--mustard2);flex:none}
.sheet-row.danger{color:#F0907F}
.sheet-row.danger .ico{color:#F0907F;background:rgba(232,106,94,.12)}
.toast-wrap{position:absolute;left:16px;right:16px;top:calc(var(--top) + 8px);z-index:90;display:flex;justify-content:center;pointer-events:none}
.toast{pointer-events:auto;min-height:52px;max-width:100%;border-radius:26px;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 16px;animation:il-toast-in .35s cubic-bezier(.2,.8,.2,1) both;font-size:14px;font-weight:600}
.toast.out{animation:il-toast-out .3s ease forwards}
.toast .t-ico{color:var(--mustard2);display:flex}
.toast .t-act{height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--espresso);background:var(--mustard2);flex:none}
.toast .t-txt{flex:1;padding-right:8px;line-height:1.3}

/* feed */
.post-card{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:30px;overflow:hidden;color:var(--cream);box-shadow:0 24px 50px rgba(6,3,2,.55),inset 0 0 0 1px rgba(255,237,214,.08);background:#241812}
.post-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post-card .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,9,.28) 0%,rgba(20,12,9,0) 26%,rgba(20,12,9,0) 46%,rgba(20,12,9,.82) 100%)}
.post-card .quote{position:absolute;left:22px;right:22px;bottom:22px;text-wrap:pretty;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.own-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;border-radius:30px;padding:22px 0;background:radial-gradient(circle at 50% 40%,rgba(224,174,74,.16),rgba(255,237,214,.03) 70%);border:1px solid rgba(255,237,214,.08)}
.own-card img{display:block;max-width:82%;max-height:520px;box-shadow:0 26px 50px rgba(0,0,0,.55)}
.spark{position:relative;flex:none;width:246px;height:158px;border-radius:26px;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.act{position:relative;height:44px;min-width:44px;padding:0 10px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);font-size:14px;font-weight:600}

/* camera */
.cam-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0B0706;transition:filter .45s ease}
.shutter{position:relative;width:84px;height:84px;border-radius:42px;padding:5px;display:flex;background:var(--ring);box-shadow:0 10px 30px rgba(224,174,74,.35)}
.shutter>span{flex:1;border-radius:50%;background:#0B0706;padding:4px;display:flex}
.shutter>span>span{flex:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF8EA,#F2E2C4 60%,#D9BF94);transition:transform .2s ease,background .3s ease}
.shutter.rec>span>span{transform:scale(.5);border-radius:10px;background:#E86A5E}

/* create bands */
.band{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;transition:filter .2s ease}
.band:active{filter:brightness(.92)}
.band .ring{width:58px;height:58px;border-radius:29px;display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor}
.band .t{font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.band .s{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.1;opacity:.86}
.band .arr{position:absolute;right:24px;top:50%;margin-top:-11px;opacity:.7;transition:transform .25s ease}
.band:active .arr{transform:translateX(4px)}

/* misc */
.divider{height:1px;background:linear-gradient(90deg,rgba(255,237,214,.22),rgba(255,237,214,0))}
.empty{padding:40px 22px;text-align:center;border-radius:28px}
.spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid rgba(247,219,154,.25);border-top-color:var(--mustard3);animation:il-spin .9s linear infinite}
.busy{position:absolute;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(14,8,6,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--serif);font-size:22px;font-style:italic;color:var(--mustard3);animation:il-fade .2s ease both}
.kbd-safe{padding-bottom:calc(var(--sb) + 18px)}

@keyframes il-spin{to{transform:rotate(360deg)}}
@keyframes il-spin-rev{to{transform:rotate(-360deg)}}
@keyframes il-breathe{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.07);opacity:1}}
@keyframes il-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes il-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.28);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes il-burst{0%{transform:scale(.4);opacity:.95}100%{transform:scale(2.4);opacity:0}}
@keyframes il-rise{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes il-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes il-drift{0%{transform:translate(0,0)}50%{transform:translate(14px,-10px)}100%{transform:translate(0,0)}}
@keyframes il-fade{from{opacity:0}to{opacity:1}}
@keyframes il-screen{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes il-sheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes il-toast-in{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
@keyframes il-toast-out{to{transform:translateY(-10px);opacity:0}}
@keyframes il-flash{0%{opacity:.9}100%{opacity:0}}
@keyframes il-shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}
@keyframes il-inhale{0%{transform:scale(.72)}100%{transform:scale(1.18)}}
@keyframes il-exhale{0%{transform:scale(1.18)}100%{transform:scale(.72)}}
@keyframes il-level{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes il-record{to{stroke-dashoffset:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}