/*
Theme Name: Shayar Feed
Theme URI: https://shayarfeed.com/
Description: A feed of love notes. Hindi love shayari on note paper cards in Devanagari and Hinglish, a daily love note deck, mood ribbons, and a love note image maker with To and From names.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shayarfeed
*/

/* Fonts: Amita and Kalam (SIL Open Font License), Figtree and Fraunces (SIL Open Font License). All local. */
@font-face{font-family:"Amita";src:url(assets/fonts/amita-devanagari-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"Kalam";src:url(assets/fonts/kalam-devanagari-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"Kalam";src:url(assets/fonts/kalam-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";src:url(assets/fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(assets/fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(assets/fonts/figtree-latin-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(assets/fonts/fraunces-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(assets/fonts/fraunces-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}

/* ------------------------------------------------------------------ tokens */
:root{
	color-scheme:light;
	--paper:#fbf1ec;--paper-2:#f6e2db;--paper-3:#f0d3ca;
	--note:#fffaf7;--note-b:#fff4e8;--note-c:#fcf0f4;
	--ink:#3b0d26;--ink-2:#653049;--mute:#7d4d62;
	--rose:#b02c59;--rose-hi:#d9577f;--on-rose:#fff;--blush:#f6d3db;
	--gold:#86601a;--gold-soft:#e9c97f;--wa:#0b7340;
	--rule:rgba(176,44,89,.14);--margin:rgba(217,87,127,.42);--line:#ead0c8;--tape:rgba(233,201,127,.58);
	--foot:#3b0d26;--foot-ink:#f6dfe6;--foot-mute:#d9b3c2;
	--shadow:0 1px 1px rgba(59,13,38,.05),0 16px 32px -20px rgba(59,13,38,.5);
	--shadow-lg:0 2px 3px rgba(59,13,38,.06),0 30px 60px -30px rgba(59,13,38,.55);
	--f-hi:"Amita","Kalam","Noto Sans Devanagari",serif;
	--f-hand:"Kalam","Figtree","Segoe Print",cursive;
	--f-ui:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--f-show:"Fraunces",Georgia,"Times New Roman",serif;
	--gc:#c2335f;--mc:#b02c59;
	--hearts:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76'%3E%3Cpath d='M18 27c-4.2-2.8-8.4-5.9-8.4-10.2 0-2.5 2-4.5 4.4-4.5 1.7 0 3.1.9 4 2.2.9-1.3 2.3-2.2 4-2.2 2.4 0 4.4 2 4.4 4.5 0 4.3-4.2 7.4-8.4 10.2z' fill='%23c2335f' fill-opacity='.07'/%3E%3Ccircle cx='56' cy='54' r='2' fill='%23a87a1f' fill-opacity='.2'/%3E%3Ccircle cx='60' cy='18' r='1.2' fill='%23c2335f' fill-opacity='.18'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme:dark){
	:root{
		color-scheme:dark;
		--paper:#1b0e16;--paper-2:#24121d;--paper-3:#2f1726;
		--note:#2a1621;--note-b:#2d1a1c;--note-c:#2c1528;
		--ink:#fbe9ef;--ink-2:#e2bccb;--mute:#c49aac;
		--rose:#ff8fb0;--rose-hi:#ff7aa2;--on-rose:#2a0717;--blush:#4d2037;
		--gold:#e6bf66;--gold-soft:#8f6d2a;--wa:#5fd896;
		--rule:rgba(255,190,214,.09);--margin:rgba(255,128,168,.32);--line:#43263a;--tape:rgba(230,191,102,.28);
		--foot:#12080e;--foot-ink:#f6dfe6;--foot-mute:#c99fb1;
		--shadow:0 1px 1px rgba(0,0,0,.3),0 16px 32px -18px rgba(0,0,0,.8);
		--shadow-lg:0 2px 3px rgba(0,0,0,.3),0 30px 60px -28px rgba(0,0,0,.9);
	}
}

/* mood colours, used by ribbons and chips */
[data-mood="Romantic"]{--mc:#c2335f}
[data-mood="Pyaar bhara"]{--mc:#d4537e}
[data-mood="Masoom"]{--mc:#e0849c}
[data-mood="Shararti"]{--mc:#e0703a}
[data-mood="Intezaar"]{--mc:#7b5ba8}
[data-mood="Yaadein"]{--mc:#9a6c45}
[data-mood="Gehra"]{--mc:#7a2a5c}
[data-mood="Sukoon"]{--mc:#2f8a7f}
[data-mood="Khushi"]{--mc:#d29a19}
[data-mood="Umeed"]{--mc:#4a7cc0}

/* ------------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--f-ui);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
img{max-width:100%;height:auto}
a{color:var(--rose);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ink)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
[lang=hi]{font-family:var(--f-hand)}
h1,h2,h3{font-family:var(--f-show);font-weight:600;line-height:1.15;letter-spacing:-.012em;color:var(--ink)}
h3{font-family:var(--f-ui);font-weight:800;letter-spacing:0}
.lv-wrap{width:min(1140px,100% - 32px);margin-inline:auto}
.lv-skip{position:absolute;left:-9999px;top:10px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:12px;font-weight:600;text-decoration:none}
.lv-skip:focus{left:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lv-ico{display:block;flex:none}
[hidden]{display:none!important}

/* ----------------------------------------------------------------- header */
.lv-head{position:relative;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.lv-head-in{display:flex;align-items:center;gap:18px;min-height:72px}
.lv-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex:none}
.lv-brand:hover{color:var(--ink)}
.lv-brand img{display:block;width:38px;height:38px}
.lv-word{font:600 26px/1 var(--f-show);letter-spacing:-.02em;color:var(--ink)}
.lv-word em{font-style:italic;color:var(--rose);margin-left:1px}
.lv-menu{display:flex;gap:2px;margin-left:auto}
.lv-menu a{position:relative;color:var(--ink-2);text-decoration:none;font:600 15px/1 var(--f-ui);padding:11px 12px;border-radius:999px}
.lv-menu a::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--gc,var(--rose));transform:scaleX(0);transform-origin:left;transition:transform .2s}
.lv-menu a:hover{color:var(--ink)}
.lv-menu a:hover::after{transform:scaleX(1)}
.lv-drawer-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--line);background:var(--note);color:var(--ink);font:600 14.5px/1 var(--f-ui);flex:none}
.lv-drawer-btn:hover{border-color:var(--rose)}
.lv-drawer-btn[aria-expanded=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.lv-drawer{position:absolute;left:0;right:0;top:100%;padding:10px 0 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -30px rgba(59,13,38,.6)}
.lv-drawer-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 22px}
.lv-drawer-col{border-top:3px solid var(--gc);padding-top:10px}
.lv-drawer-h{margin:0 0 4px;font:600 18px/1.2 var(--f-show)}
.lv-drawer-h a{color:var(--ink);text-decoration:none}
.lv-drawer ul{list-style:none;margin:0;padding:0}
.lv-drawer li a{display:block;padding:6px 0;color:var(--ink-2);text-decoration:none;font-size:15.5px}
.lv-drawer li a:hover{color:var(--rose)}

/* ---------------------------------------------------------------- buttons */
.lv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--note);color:var(--ink);font:600 14.5px/1 var(--f-ui);text-decoration:none}
.lv-btn:hover{border-color:var(--rose);color:var(--ink)}
.lv-btn--ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lv-btn--ink:hover{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}
.lv-btn--rose{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}
.lv-btn--rose:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lv-btn--wa{color:var(--wa)}
.lv-btn--wa::before,.lv-act--wa::before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4.2 20l1.2-3.9A8.1 8.1 0 1 1 8.6 19z'/%3E%3Cpath d='M9 9.5c.3 2.4 2.6 4.8 5.5 5.5'/%3E%3C/svg%3E")}
.lv-btn--wa::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.lv-round{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--note);color:var(--ink)}
.lv-round:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ------------------------------------------------------------ mood ribbon */
.lv-tag{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 16px 6px 10px;font:600 12.5px/1 var(--f-ui);color:var(--ink);background:color-mix(in srgb,var(--mc) 17%,var(--note));clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);border-radius:3px 0 0 3px;white-space:nowrap}
.lv-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mc)}

/* ------------------------------------------------------------------- hero */
.lv-hero{position:relative;overflow-x:clip;padding:46px 0 64px;background:radial-gradient(60% 70% at 85% 30%,color-mix(in srgb,var(--rose-hi) 16%,transparent),transparent 70%),radial-gradient(50% 60% at 0% 100%,color-mix(in srgb,var(--gold-soft) 22%,transparent),transparent 70%),var(--hearts),var(--paper)}
.lv-hero-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;align-items:center}
.lv-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px 8px 11px;border-radius:999px;background:var(--note);box-shadow:0 0 0 1px var(--line);font:600 14px/1.2 var(--f-ui);color:var(--ink-2)}
.lv-kicker .lv-ico{width:16px;height:16px;color:var(--rose)}
.lv-hero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.04;margin:0 0 18px;letter-spacing:-.025em}
.lv-lede{font-size:18.5px;line-height:1.6;color:var(--ink-2);max-width:54ch;margin:0 0 28px}
.lv-hero-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}
.lv-hero-links a{display:flex;flex-direction:column;gap:2px;padding:12px 14px 12px 16px;border-radius:14px;background:var(--note);box-shadow:inset 4px 0 0 var(--gc),0 0 0 1px var(--line);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.lv-hero-links a:hover{transform:translateY(-2px);box-shadow:inset 4px 0 0 var(--gc),0 0 0 1px var(--gc),var(--shadow)}
.lv-hero-links b{font:600 16px/1.2 var(--f-ui)}
.lv-hero-links span{font-size:15px;line-height:1.3;color:var(--gc)}

/* the love note deck */
.lv-today{position:relative;padding:4px 10px 0}
.lv-today-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.lv-today-title{margin:0;font:italic 600 clamp(24px,2.6vw,30px)/1.1 var(--f-show);color:var(--ink)}
.lv-today-date{font:600 12.5px/1 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);padding:7px 10px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px}
.lv-today-date:empty{display:none}
.lv-deck{display:grid;touch-action:pan-y;user-select:none;-webkit-user-select:none;padding:6px 6px 18px}
.lv-deck-note{grid-area:1/1;position:relative;display:flex;flex-direction:column;padding:26px 24px 20px 30px;border-radius:6px 6px 14px 14px;background-color:var(--note);background-image:repeating-linear-gradient(180deg,transparent 0,transparent 37px,var(--rule) 37px,var(--rule) 38px);background-position:0 46px;background-repeat:no-repeat;box-shadow:var(--shadow-lg);transform-origin:50% 80%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease,visibility .35s}
.lv-deck-note:nth-child(3n+2){background-color:var(--note-b)}
.lv-deck-note:nth-child(3n){background-color:var(--note-c)}
.lv-deck-note::before{content:"";position:absolute;top:-10px;left:50%;width:96px;height:22px;margin-left:-48px;background:var(--tape);transform:rotate(-3deg)}
.lv-deck-note::after{content:"";position:absolute;right:18px;top:-14px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--rose-hi),var(--rose) 70%);box-shadow:0 3px 8px -2px rgba(59,13,38,.45);-webkit-mask:radial-gradient(circle,#000 62%,transparent 63%);mask:radial-gradient(circle,#000 62%,transparent 63%)}
.lv-deck-note[data-pos="0"]{z-index:4;transform:rotate(-1.4deg)}
.lv-deck-note[data-pos="1"]{z-index:3;transform:translate(16px,10px) rotate(3.4deg)}
.lv-deck-note[data-pos="2"]{z-index:2;transform:translate(-14px,18px) rotate(-5deg)}
.lv-deck-note[data-pos="3"]{z-index:1;transform:translate(0,24px) scale(.94);opacity:0;visibility:hidden}
.lv-deck-note[data-pos="1"] *,.lv-deck-note[data-pos="2"] *{visibility:hidden}
.lv-deck-note:not([data-pos="0"])::after{opacity:0}
.lv-deck-note.lv-out{transform:translate(-112%,-26px) rotate(-15deg)!important;opacity:0}
.lv-deck-note.lv-instant,.lv-deck-note.lv-drag{transition:none!important}
.lv-deck-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 46px 12px 0;min-height:24px}
.lv-deck-from{font:600 13px/1.2 var(--f-ui);color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58%}
.lv-deck-from:hover{color:var(--rose);border-color:var(--rose)}
.lv-deck-note .lv-hi{margin:0 0 4px;font:700 clamp(21px,2.2vw,25px)/38px var(--f-hi);color:var(--ink)}
.lv-deck-note .lv-en{margin:0;font:400 17.5px/38px var(--f-hand);color:var(--ink-2)}
.lv-deck-acts{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.lv-deck-acts .lv-btn{flex:1}
.lv-deck-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.lv-deck-count{margin:0;min-width:70px;text-align:center;font:600 14px/1 var(--f-ui);color:var(--mute)}
.lv-deck-count b{color:var(--ink);font-size:17px}

/* ------------------------------------------------------- home collections */
.lv-shelf{padding:58px 0 8px;scroll-margin-top:20px}
.lv-shelf-h{margin:0 0 22px;display:flex;flex-direction:column;gap:2px}
.lv-shelf-h p{margin:0;font-size:19px;line-height:1.3;color:var(--gc)}
.lv-shelf-h h2{margin:0;font-size:clamp(27px,3.2vw,38px)}
.lv-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:18px}
.lv-tile a{position:relative;display:flex;flex-direction:column;height:100%;min-height:170px;padding:20px 18px 16px;color:var(--ink);text-decoration:none;background:var(--note);transition:transform .18s ease}
.lv-tile a:hover{transform:translateY(-3px) rotate(-.4deg);color:var(--ink)}
.lv-tile-line{flex:1;font-size:18px;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}
.lv-tile-name{font:600 19px/1.2 var(--f-show);color:var(--ink)}
.lv-tile-count{margin-top:4px;font:600 12.5px/1 var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--gc)}
@media (prefers-color-scheme:dark){.lv-tile-count,.lv-shelf-h p,.lv-hero-links span{color:color-mix(in srgb,var(--gc) 55%,#fff)}}
/* envelope */
.lv-tile--main a{padding-top:64px;border-radius:8px;box-shadow:var(--shadow),0 0 0 1px var(--line);background:linear-gradient(to bottom left,color-mix(in srgb,var(--gc) 13%,var(--note)) 50%,transparent calc(50% + .6px)) 0 0/50.2% 50px no-repeat,linear-gradient(to bottom right,color-mix(in srgb,var(--gc) 13%,var(--note)) 50%,transparent calc(50% + .6px)) 100% 0/50.2% 50px no-repeat,var(--note)}
.lv-tile--main a::after{content:"";position:absolute;left:50%;top:34px;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--gc) 70%,#fff),var(--gc) 72%);box-shadow:0 2px 6px -2px rgba(59,13,38,.5)}
/* diary page */
.lv-tile--feelings a{padding-left:40px;border-radius:3px 10px 10px 3px;box-shadow:var(--shadow),0 0 0 1px var(--line);background:radial-gradient(circle at 15px 26px,var(--paper-2) 5px,transparent 5.5px) 0 0/30px 54px repeat-y,linear-gradient(90deg,transparent 30px,color-mix(in srgb,var(--gc) 40%,transparent) 30px 31.5px,transparent 31.5px),repeating-linear-gradient(180deg,transparent 0 27px,var(--rule) 27px 28px),var(--note)}
/* gift tag */
.lv-tile--people{filter:drop-shadow(0 10px 14px rgba(59,13,38,.16))}
.lv-tile--people a{padding-left:44px;clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px),0 22px);border-radius:0 12px 12px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--gc) 14%,var(--note)) 0 30px,var(--note) 30px)}
.lv-tile--people a::before{content:"";position:absolute;left:11px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gc) 55%,transparent)}
/* ticket */
.lv-tile--moments{filter:drop-shadow(0 10px 14px rgba(59,13,38,.16))}
.lv-tile--moments a{padding-bottom:58px;border-radius:12px;-webkit-mask:radial-gradient(circle 11px at 0 calc(100% - 44px),transparent 10.5px,#000 11px) 0 0/51% 100% no-repeat,radial-gradient(circle 11px at 100% calc(100% - 44px),transparent 10.5px,#000 11px) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 calc(100% - 44px),transparent 10.5px,#000 11px) 0 0/51% 100% no-repeat,radial-gradient(circle 11px at 100% calc(100% - 44px),transparent 10.5px,#000 11px) 100% 0/51% 100% no-repeat;background:linear-gradient(180deg,var(--note) 0,var(--note) calc(100% - 44px),color-mix(in srgb,var(--gc) 13%,var(--note)) calc(100% - 44px))}
.lv-tile--moments a::after{content:"";position:absolute;left:16px;right:16px;bottom:44px;border-top:2px dashed color-mix(in srgb,var(--gc) 38%,transparent)}
.lv-tile--moments .lv-tile-line{margin-bottom:12px}
.lv-tile--moments .lv-tile-name{margin-bottom:0}
.lv-tile--moments .lv-tile-count{position:absolute;left:18px;bottom:16px}

/* ---------------------------------------------------- page band and crumbs */
.lv-band{position:relative;padding:28px 0 44px;background:var(--hearts),var(--paper-2)}
.lv-band::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:14px;background:radial-gradient(circle at 12px 0,var(--paper-2) 12px,transparent 12.5px) 0 0/24px 14px repeat-x;pointer-events:none}
.lv-band h1{font-size:clamp(31px,4.4vw,52px);margin:0 0 16px;max-width:24ch}
.lv-trail{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 14px;font:600 14px/1.4 var(--f-ui);color:var(--mute)}
.lv-trail a{color:var(--ink-2);text-decoration:none}
.lv-trail a:hover{color:var(--rose);text-decoration:underline}
.lv-trail-sep{width:7px;height:7px;transform:rotate(45deg);border-top:1.6px solid var(--mute);border-right:1.6px solid var(--mute);margin-right:3px}
.lv-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.lv-facts li{font:600 14px/1 var(--f-ui);color:var(--ink-2);background:var(--note);padding:9px 13px;border-radius:999px;box-shadow:0 0 0 1px var(--line)}
.lv-facts b{color:var(--rose)}
.lv-facts span{font-size:15px}

/* ------------------------------------------------------------- page body */
.lv-main{padding-bottom:24px}
.lv-body{padding-top:40px}
.lv-home .lv-body{padding-top:56px}
.lv-prose{min-width:0}
.lv-feed{max-width:1060px;margin-inline:auto}
.lv-opening{position:relative;max-width:820px;font-size:18px;line-height:1.7;color:var(--ink-2);margin:0 0 22px;padding-left:22px;border-left:3px solid var(--gold-soft)}
.lv-opening p{margin:0 0 12px}
.lv-opening p:last-child{margin:0}

/* sticky toolbar */
.lv-bar{position:sticky;top:10px;z-index:30;display:flex;align-items:center;gap:10px 16px;min-height:58px;margin:0 0 14px;padding:8px 10px;border-radius:18px;background:color-mix(in srgb,var(--note) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.admin-bar .lv-bar{top:42px}
.lv-script{display:inline-flex;flex:none;padding:3px;border-radius:999px;background:var(--paper-2)}
.lv-script button{min-height:36px;padding:0 13px;border:0;border-radius:999px;background:transparent;font:600 14px/1 var(--f-ui);color:var(--ink-2)}
.lv-script button[lang=hi]{font:400 16px/1 var(--f-hand)}
.lv-script button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.lv-moods{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
.lv-moods::-webkit-scrollbar{display:none}
.lv-moods::after{content:"";flex:none;width:20px}
.lv-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 18px 0 11px;border:0;border-radius:4px 0 0 4px;background:color-mix(in srgb,var(--mc) 15%,var(--note));color:var(--ink);font:600 13.5px/1 var(--f-ui);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%)}
.lv-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mc);box-shadow:0 0 0 2px color-mix(in srgb,var(--note) 70%,transparent)}
.lv-chip--all{--mc:var(--gold)}
.lv-chip span{font-weight:400;color:var(--mute)}
.lv-chip:hover{background:color-mix(in srgb,var(--mc) 28%,var(--note))}
.lv-chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.lv-chip[aria-pressed=true] span{color:inherit;opacity:.75}
.lv-chip:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--gold)}

.lv-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.lv-jumps a{font:600 14px/1.25 var(--f-ui);color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:10px;border:1px dashed var(--line);background:color-mix(in srgb,var(--note) 60%,transparent)}
.lv-jumps a:hover{border-style:solid;border-color:var(--rose);color:var(--rose)}

/* sections and note cards */
.lv-part{padding-top:34px}
.lv-part[hidden]{display:none}
.lv-part>h2,.lv-guide>h2,.lv-faq>h2,.lv-album>h2,.lv-more>h2,.lv-letters>h2{font-size:clamp(25px,2.8vw,33px);margin:0 0 8px}
.lv-part>p{max-width:72ch;margin:0 0 22px;color:var(--ink-2)}
.lv-notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:26px 22px;align-items:start;padding-top:10px}
.lv-note{position:relative;margin:0;display:flex;flex-direction:column;padding:28px 20px 14px 60px;border-radius:4px 4px 12px 12px;background-color:var(--note);background-image:linear-gradient(90deg,transparent 43px,var(--margin) 43px,var(--margin) 44.5px,transparent 44.5px),repeating-linear-gradient(180deg,transparent 0,transparent 33px,var(--rule) 33px,var(--rule) 34px);background-position:0 0,0 22px;background-repeat:no-repeat;box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);scroll-margin-top:110px;transition:box-shadow .2s,transform .2s}
.lv-note:nth-child(4n+2){background-color:var(--note-b)}
.lv-note:nth-child(4n+3){background-color:var(--note-c)}
.lv-note::after{content:"";position:absolute;top:-9px;left:50%;width:76px;height:19px;margin-left:-38px;background:var(--tape);transform:rotate(-2.5deg)}
.lv-note:nth-child(even)::after{left:auto;right:26px;margin-left:0;transform:rotate(3deg)}
.lv-note:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--line)}
.lv-note:target{box-shadow:0 0 0 3px var(--gold),var(--shadow-lg)}
.lv-note[hidden]{display:none}
.lv-note-no{position:absolute;left:0;top:28px;width:43px;text-align:center;font:italic 600 14px/34px var(--f-show);color:var(--rose)}
.lv-hi{margin:0;font:700 20.5px/34px var(--f-hi);color:var(--ink)}
.lv-en{margin:0;font:400 16.5px/34px var(--f-hand);color:var(--ink-2)}
html.lv-only-hi .lv-en,html.lv-only-en .lv-hi{display:none}
html.lv-only-en .lv-en{font-size:18.5px;color:var(--ink)}
.lv-note-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:14px -20px -14px -60px;padding:12px 16px 14px 20px;border-top:1px dashed var(--line);border-radius:0 0 12px 12px;background-color:inherit}
.lv-use{font:400 13px/1.2 var(--f-ui);color:var(--mute)}
.lv-note-acts{display:flex;gap:6px;margin-left:auto}
.lv-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--note);color:var(--ink);font:600 13px/1 var(--f-ui);white-space:nowrap}
.lv-act::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.lv-act:hover{border-color:var(--rose)}
.lv-act--copy::before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='11.5' height='11.5' rx='2.5'/%3E%3Cpath d='M15.5 8.5V6.5A2.5 2.5 0 0 0 13 4H6.5A2.5 2.5 0 0 0 4 6.5V13a2.5 2.5 0 0 0 2.5 2.5h2'/%3E%3C/svg%3E")}
.lv-act--wa{color:var(--wa)}
.lv-act--note{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}
.lv-act--note:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lv-act--note::before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 16.2c-2-1.3-3.6-2.5-3.6-4.1 0-1 .8-1.8 1.8-1.8.8 0 1.4.4 1.8 1 .4-.6 1-1 1.8-1 1 0 1.8.8 1.8 1.8 0 1.6-1.6 2.8-3.6 4.1z' fill='black'/%3E%3C/svg%3E")}
.lv-ad{margin:30px 0 4px;min-height:1px;text-align:center}

/* guides, tables, FAQ */
.lv-guide{position:relative;margin-top:44px;padding:30px 34px;border-radius:16px;background:var(--note);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.lv-guide::before{content:"";position:absolute;left:34px;right:34px;top:0;height:4px;border-radius:0 0 4px 4px;background:repeating-linear-gradient(90deg,var(--rose) 0 18px,transparent 18px 26px,var(--gold) 26px 44px,transparent 44px 52px)}
.lv-guide p,.lv-guide li{color:var(--ink-2)}
.lv-guide ul,.lv-guide ol{padding-left:22px}
.lv-guide li{margin:0 0 6px}
.lv-guide li::marker{color:var(--rose)}
.lv-guide strong{color:var(--ink)}
.lv-table{overflow-x:auto;margin:18px 0;border-radius:14px;box-shadow:0 0 0 1px var(--line);-webkit-overflow-scrolling:touch}
.lv-table table{width:100%;min-width:480px;border-collapse:collapse;font-size:15.5px;background:var(--note)}
.lv-table th{background:color-mix(in srgb,var(--rose) 14%,var(--note));color:var(--ink);text-align:left;font:800 13px/1.3 var(--f-ui);letter-spacing:.04em;text-transform:uppercase;padding:12px 14px}
.lv-table td{padding:12px 14px;border-top:1px dashed var(--line);vertical-align:top;color:var(--ink-2)}
.lv-table tr:nth-child(even) td{background:color-mix(in srgb,var(--paper-2) 45%,transparent)}
.lv-table td:first-child{font-weight:600;color:var(--ink)}
.lv-faq{margin-top:46px}
.lv-faq details{margin:0 0 10px;border-radius:14px;background:var(--note);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.lv-faq details[open]{box-shadow:0 0 0 1px var(--rose),var(--shadow)}
.lv-faq summary{position:relative;list-style:none;padding:17px 58px 17px 20px;font:600 17.5px/1.4 var(--f-ui);color:var(--ink);border-radius:14px}
.lv-faq summary::-webkit-details-marker{display:none}
.lv-faq summary::before,.lv-faq summary::after{content:"";position:absolute;right:24px;top:50%;width:14px;height:2px;margin-top:-1px;border-radius:2px;background:var(--rose);transition:transform .2s}
.lv-faq summary::after{transform:rotate(90deg)}
.lv-faq details[open] summary::after{transform:rotate(0)}
.lv-faq-a{padding:0 20px 16px;color:var(--ink-2)}
.lv-faq-a p{margin:0 0 8px}

/* photo album */
.lv-album{margin-top:52px}
.lv-album-sub{margin:0 0 20px;color:var(--mute)}
.lv-album-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:22px 18px}
.lv-snap{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;background:#fff;border-radius:4px;box-shadow:var(--shadow),0 0 0 1px rgba(59,13,38,.06);transform:rotate(-1.2deg);transition:transform .2s}
.lv-snap:nth-child(even){transform:rotate(1.4deg)}
.lv-snap:nth-child(3n){transform:rotate(-.4deg)}
.lv-snap:hover{transform:rotate(0) translateY(-3px)}
.lv-snap img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px;background:#f4e6e9}
.lv-snap-cap{font:400 14px/1.35 var(--f-hand);color:#5a2a40;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-snap-save{align-self:flex-start;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#3b0d26;color:#fff;font:600 12.5px/1 var(--f-ui);text-decoration:none}
.lv-snap-save:hover{background:#b02c59;color:#fff}

/* related */
.lv-more{padding:56px 0 34px}

/* -------------------------------------------- info pages, blog, letters */
.lv-page{max-width:840px;padding:34px 0 50px}
.lv-page--wide{max-width:980px}
.lv-letter{position:relative;padding:40px 44px 34px;border-radius:6px 6px 16px 16px;background:var(--note);box-shadow:var(--shadow-lg),0 0 0 1px var(--line);overflow:hidden}
.lv-letter::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:repeating-linear-gradient(135deg,var(--rose) 0 12px,var(--note) 12px 20px,var(--gold) 20px 32px,var(--note) 32px 40px)}
.lv-letter h1{font-size:clamp(31px,4.2vw,46px);margin:6px 0 20px}
.lv-letter h2{font-size:25px;margin:30px 0 8px}
.lv-letter p,.lv-letter li{color:var(--ink-2)}
.lv-letter li::marker{color:var(--rose)}
.lv-letter img{border-radius:10px}
.lv-letter-date{display:block;font:600 12.5px/1.2 var(--f-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}
.lv-post-cover{display:block;width:100%;margin:0 0 20px}
.lv-list-head{margin:10px 0 24px}
.lv-list-kicker{margin:0;font:italic 600 18px/1.2 var(--f-show);color:var(--rose)}
.lv-list-head h1{font-size:clamp(32px,4.4vw,48px);margin:6px 0 0}
.lv-stack{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}
.lv-stack-row{display:flex;gap:18px;align-items:center;padding:14px;border-radius:14px;background:var(--note);color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line);transition:transform .15s,box-shadow .15s}
.lv-stack-row:hover{transform:translateX(3px);box-shadow:0 0 0 1px var(--rose),var(--shadow);color:var(--ink)}
.lv-stack-row img{flex:none;width:150px;height:104px;object-fit:cover;border-radius:10px}
.lv-stack-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.lv-stack-text strong{font:600 20px/1.25 var(--f-show)}
.lv-stack-ex{font-size:15px;color:var(--ink-2)}
.lv-pages .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.lv-pages .page-numbers{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:999px;background:var(--note);color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line);font-weight:600}
.lv-pages .current{background:var(--ink);color:var(--paper)}
.lv-letters{padding:40px 0 30px}
.lv-letters ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.lv-letters li a{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px 20px;border-radius:12px;background:var(--note);color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line);border-top:4px solid var(--rose)}
.lv-letters li a:hover{box-shadow:0 0 0 1px var(--rose),var(--shadow)}
.lv-letters b{font:600 18px/1.3 var(--f-show)}
.lv-letters-all{display:inline-block;margin-top:18px;font-weight:600}
.lv-lost-hi{margin:0 0 4px;font-size:22px;color:var(--rose)}
.lv-lost-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.lv-lost-links a{display:inline-flex;min-height:42px;align-items:center;padding:0 16px;border-radius:999px;background:var(--paper-2);box-shadow:inset 3px 0 0 var(--gc);color:var(--ink);text-decoration:none;font-weight:600}

/* ----------------------------------------------------------------- footer */
.lv-foot{position:relative;margin-top:60px;padding:56px 0 28px;background:var(--foot);color:var(--foot-mute);font-size:15px}
.lv-foot::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px;background:radial-gradient(circle at 12px 14px,var(--foot) 12px,transparent 12.5px) 0 0/24px 14px repeat-x}
.lv-foot-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:30px}
.lv-word--foot{margin:0 0 12px;color:var(--foot-ink)}
.lv-word--foot em{color:#ff9fbc}
.lv-foot-hi{margin:0 0 10px;font-size:20px;color:#f1c76a}
.lv-foot-intro p{margin:0 0 10px;max-width:40ch}
.lv-foot-h{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font:600 17px/1.2 var(--f-show);color:var(--foot-ink)}
.lv-foot-h::before{content:"";width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--gc) 70%,#fff)}
.lv-foot-col ul{list-style:none;margin:0;padding:0}
.lv-foot-col a,.lv-foot-info a{display:inline-block;padding:4px 0;color:var(--foot-mute);text-decoration:none}
.lv-foot-col a:hover,.lv-foot-info a:hover{color:#fff;text-decoration:underline}
.lv-foot-base{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:40px;padding-top:20px;border-top:1px dashed rgba(246,223,230,.22)}
.lv-foot-info{display:flex;flex-wrap:wrap;gap:2px 18px}
.lv-foot-copy{margin:0 0 0 auto;color:var(--foot-mute)}
.lv-foot :focus-visible{outline-color:#f1c76a}

/* -------------------------------------------------- toast and note maker */
.lv-toast{position:fixed;left:50%;bottom:22px;z-index:300;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 14.5px/1.3 var(--f-ui);box-shadow:var(--shadow-lg)}
.lv-maker{width:min(960px,100% - 20px);max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}
.lv-maker:not([open]){display:none}
.lv-maker::backdrop{background:rgba(35,6,22,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.lv-maker.lv-fallback{position:fixed;inset:0;z-index:250;display:grid;place-items:center;width:100%;max-height:none;background:rgba(35,6,22,.66)}
.lv-maker-box{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;max-height:calc(100dvh - 20px);overflow:auto;padding:22px;border-radius:22px;background:var(--note);box-shadow:var(--shadow-lg)}
.lv-maker-view{align-self:start;position:sticky;top:0}
.lv-maker-view canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:14px;box-shadow:var(--shadow);background:var(--paper-2)}
.lv-maker-side{display:flex;flex-direction:column;gap:16px;min-width:0;padding-top:6px}
.lv-maker h2{margin:0;padding-right:48px;font-size:27px}
.lv-maker-sub{margin:-8px 0 0;color:var(--mute);font-size:14.5px}
.lv-maker-names{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lv-field{display:flex;flex-direction:column;gap:5px;font:600 13.5px/1.2 var(--f-ui);color:var(--ink-2)}
.lv-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:400 16px/1.2 var(--f-ui)}
.lv-field input:focus{outline:0;border-color:var(--rose);box-shadow:0 0 0 3px color-mix(in srgb,var(--rose) 22%,transparent)}
.lv-maker-label{margin:0 0 6px;font:600 13.5px/1.2 var(--f-ui);color:var(--ink-2)}
.lv-papers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lv-paper{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0;border:0;background:transparent;font:600 12px/1.2 var(--f-ui);color:var(--ink-2);text-align:center}
.lv-paper i{display:block;aspect-ratio:1.25;border-radius:10px;box-shadow:0 0 0 1px var(--line);position:relative}
.lv-paper i::after{content:"";position:absolute;left:24%;right:24%;top:42%;height:3px;border-radius:2px;background:var(--sw-ink);box-shadow:0 7px 0 var(--sw-ink)}
.lv-paper[aria-pressed=true] i{box-shadow:0 0 0 3px var(--rose)}
.lv-paper[aria-pressed=true]{color:var(--ink)}
.lv-mk-script{display:inline-flex;padding:3px;border-radius:999px;background:var(--paper-2)}
.lv-mk-script button{min-height:38px;padding:0 15px;border:0;border-radius:999px;background:transparent;font:600 14px/1 var(--f-ui);color:var(--ink-2)}
.lv-mk-script button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.lv-maker-acts{display:flex;flex-wrap:wrap;gap:8px}
.lv-maker-acts .lv-btn{flex:1 1 140px;min-height:46px}
.lv-maker-note{margin:0;font-size:13.5px;color:var(--mute)}
.lv-maker-close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--note);color:var(--ink);font:400 26px/1 var(--f-ui)}
.lv-maker-close:hover{background:var(--ink);color:var(--paper)}

/* ------------------------------------------------------------- responsive */
@media (max-width:1060px){
	.lv-foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
	.lv-foot-intro{grid-column:1/-1}
}
@media (max-width:920px){
	.lv-menu{display:none}
	.lv-drawer-btn{margin-left:auto}
	.lv-hero{padding:30px 0 50px}
	.lv-hero-in{display:flex;flex-direction:column;gap:0}
	.lv-hero-copy{display:contents}
	.lv-kicker{order:1;align-self:flex-start}
	.lv-hero h1{order:2}
	.lv-lede{order:3;margin-bottom:22px}
	.lv-today{order:4}
	.lv-hero-links{order:5;margin-top:30px;width:100%;max-width:560px;align-self:center}
	.lv-today{max-width:560px;width:100%;margin-inline:auto;padding:0}
	.lv-maker-box{grid-template-columns:1fr}
	.lv-maker-view{position:static;max-width:400px;width:100%;margin-inline:auto}
}
@media (max-width:640px){
	body{font-size:16.5px}
	.lv-head-in{min-height:64px;gap:10px}
	.lv-word{font-size:23px}
	.lv-brand img{width:34px;height:34px}
	.lv-drawer-btn{padding:0 14px 0 11px}
	.lv-hero h1{font-size:clamp(32px,9vw,40px)}
	.lv-lede{font-size:17px}
	.lv-hero-links{gap:8px}
	.lv-hero-links a{padding:10px 10px 10px 14px}
	.lv-hero-links b{font-size:15px}
	.lv-deck-note{padding:24px 18px 18px 20px}
	.lv-deck-note[data-pos="1"]{transform:translate(8px,9px) rotate(2.6deg)}
	.lv-deck-note[data-pos="2"]{transform:translate(-8px,15px) rotate(-3.6deg)}
	.lv-deck-note .lv-hi{font-size:20px;line-height:36px}
	.lv-deck-note .lv-en{font-size:16.5px;line-height:36px}
	.lv-shelf{padding-top:44px}
	.lv-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.lv-tile a{min-height:150px;padding:16px 13px 13px}
	.lv-tile-line{font-size:16px}
	.lv-tile-name{font-size:17px}
	.lv-tile--main a{padding-top:56px;background-size:50.2% 42px,50.2% 42px,auto}
	.lv-tile--main a::after{top:28px;width:24px;height:24px;margin-left:-12px}
	.lv-tile--feelings a{padding-left:36px}
	.lv-tile--people a{padding-left:38px}
	.lv-band{padding:20px 0 36px}
	.lv-body{padding-top:30px}
	.lv-opening{font-size:16.5px;padding-left:16px}
	.lv-bar{flex-wrap:wrap;top:6px;gap:8px;padding:8px;border-radius:16px}
	.lv-script{width:100%}
	.lv-script button{flex:1}
	.lv-moods{flex-basis:100%}
	.lv-jumps{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:0 16px 4px}
	.lv-jumps::-webkit-scrollbar{display:none}
	.lv-jumps a{flex:none;white-space:nowrap}
	.lv-notes{gap:24px}
	.lv-note{padding:24px 14px 12px 46px;background-image:linear-gradient(90deg,transparent 33px,var(--margin) 33px,var(--margin) 34.5px,transparent 34.5px),repeating-linear-gradient(180deg,transparent 0,transparent 33px,var(--rule) 33px,var(--rule) 34px);background-position:0 0,0 18px}
	.lv-note-no{top:24px;width:33px;font-size:12.5px}
	.lv-hi{font-size:19px}
	.lv-en{font-size:16px}
	.lv-note-foot{margin:12px -14px -12px -46px;padding:12px 12px 12px 14px}
	.lv-note-acts{margin-left:0;width:100%}
	.lv-act{flex:1;padding:0 8px}
	.lv-guide{padding:24px 18px;margin-top:36px}
	.lv-guide::before{left:18px;right:18px}
	.lv-faq summary{font-size:16.5px;padding:15px 50px 15px 16px}
	.lv-faq-a{padding:0 16px 14px}
	.lv-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
	.lv-letter{padding:30px 20px 24px}
	.lv-stack-row{gap:12px;padding:10px}
	.lv-stack-row img{width:92px;height:74px}
	.lv-stack-text strong{font-size:17px}
	.lv-stack-ex{display:none}
	.lv-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
	.lv-foot-copy{margin:0}
	.lv-maker{width:100%;max-height:100dvh}
	.lv-maker-box{padding:14px;gap:14px;border-radius:18px;max-height:100dvh}
	.lv-maker-view{max-width:300px}
	.lv-maker h2{font-size:23px}
	.lv-maker-names{gap:8px}
	.lv-papers{gap:6px}
}
@media (max-width:380px){
	.lv-drawer-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.lv-drawer-btn{width:44px;padding:0;justify-content:center}
	.lv-hero-links{grid-template-columns:1fr}
	.lv-act{font-size:12.5px;gap:4px}
	.lv-act::before{width:14px;height:14px}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}