/*
Theme Name: Shayar Pro
Theme URI: https://shayarpro.com/
Description: Rain on a window at night. Sad shayari in Devanagari and Hinglish on misted glass panes, a "Dil ka haal" mood picker, mood filters, and an Image maker with rain coloured backgrounds.
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: shayarpro
*/

/* Fonts, all bundled (SIL Open Font License): Noto Serif Devanagari, Sora, Cormorant Garamond. */
@font-face{font-family:"Noto Serif Devanagari";src:url(assets/fonts/noto-serif-devanagari-devanagari-500-normal.woff2) format("woff2");font-weight:500;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:"Noto Serif Devanagari";src:url(assets/fonts/noto-serif-devanagari-devanagari-600-normal.woff2) format("woff2");font-weight:600;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:"Sora";src:url(assets/fonts/sora-latin-300-normal.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url(assets/fonts/sora-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url(assets/fonts/sora-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(assets/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(assets/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(assets/fonts/cormorant-garamond-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}

/* ------------------------------------------------------------------ tokens */
:root{
	color-scheme:dark;
	--night:#0b111c;--night-2:#0f1726;--deep:#070b13;
	--pane:#131c2b;--pane-hi:#18233a;--glass:rgba(19,28,43,.74);
	--edge:rgba(186,204,232,.13);--edge-2:rgba(186,204,232,.26);
	--head:#eef2f8;--text:#d6deea;--text-2:#aebbd0;--mute:#94a2b8;
	--moon:#dfe7f5;--on-moon:#0b111c;--dusk:#b3a6e6;--focus:#cbbfff;
	--tint:#9fb4d4;
	--f-dev:"Noto Serif Devanagari","Sora",serif;
	--f-ui:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--f-head:"Cormorant Garamond",Georgia,"Times New Roman",serif;
	--r:18px;--r-sm:12px;
	--lift:0 1px 0 rgba(255,255,255,.04) inset,0 24px 48px -32px rgba(0,0,0,.9);
	--rain-far:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='300'%3E%3Cpath d='M41.5 163.3l-4.6 38.6' stroke='%23d6e2f5' stroke-opacity='0.17' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M98.4 181.7l-6.8 56.9' stroke='%23d6e2f5' stroke-opacity='0.15' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M40.9 298.7l-5.0 42.0' stroke='%23d6e2f5' stroke-opacity='0.20' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M40.9 -1.3l-5.0 42.0' stroke='%23d6e2f5' stroke-opacity='0.20' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M67.9 258.3l-4.1 33.9' stroke='%23d6e2f5' stroke-opacity='0.11' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M66.7 4.5l-6.3 52.4' stroke='%23d6e2f5' stroke-opacity='0.11' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M9.1 234.0l-6.5 54.0' stroke='%23d6e2f5' stroke-opacity='0.12' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M121.3 263.6l-6.0 50.3' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M121.3 -36.4l-6.0 50.3' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M122.9 173.1l-7.1 58.8' stroke='%23d6e2f5' stroke-opacity='0.11' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M18.2 40.8l-4.0 33.4' stroke='%23d6e2f5' stroke-opacity='0.22' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M131.3 256.6l-4.8 40.3' stroke='%23d6e2f5' stroke-opacity='0.20' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M60.3 175.5l-5.5 45.9' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M154.0 8.6l-4.3 35.5' stroke='%23d6e2f5' stroke-opacity='0.17' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M29.1 258.2l-7.1 58.8' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M29.1 -41.8l-7.1 58.8' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M19.3 196.7l-5.7 47.5' stroke='%23d6e2f5' stroke-opacity='0.22' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M49.3 19.0l-6.6 55.0' stroke='%23d6e2f5' stroke-opacity='0.22' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M59.1 20.0l-6.8 56.5' stroke='%23d6e2f5' stroke-opacity='0.09' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M129.6 261.8l-3.3 27.5' stroke='%23d6e2f5' stroke-opacity='0.17' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M64.7 175.9l-5.4 44.7' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M85.9 299.6l-4.4 36.5' stroke='%23d6e2f5' stroke-opacity='0.10' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M85.9 -0.4l-4.4 36.5' stroke='%23d6e2f5' stroke-opacity='0.10' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M90.9 284.7l-7.1 59.0' stroke='%23d6e2f5' stroke-opacity='0.13' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M90.9 -15.3l-7.1 59.0' stroke='%23d6e2f5' stroke-opacity='0.13' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M27.9 12.7l-6.7 55.5' stroke='%23d6e2f5' stroke-opacity='0.13' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M150.8 113.3l-5.0 41.7' stroke='%23d6e2f5' stroke-opacity='0.16' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
	--rain-near:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='420'%3E%3Cpath d='M120.5 156.8l-8.2 68.3' stroke='%23d6e2f5' stroke-opacity='0.31' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M88.6 194.8l-11.6 96.3' stroke='%23d6e2f5' stroke-opacity='0.20' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M181.2 305.8l-8.4 70.2' stroke='%23d6e2f5' stroke-opacity='0.33' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M110.2 70.7l-7.6 63.1' stroke='%23d6e2f5' stroke-opacity='0.16' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M18.2 289.1l-12.9 107.4' stroke='%23d6e2f5' stroke-opacity='0.32' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M54.5 94.2l-12.9 107.6' stroke='%23d6e2f5' stroke-opacity='0.32' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M235.3 166.5l-9.7 80.5' stroke='%23d6e2f5' stroke-opacity='0.14' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M228.9 369.3l-7.6 63.3' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M228.9 -50.7l-7.6 63.3' stroke='%23d6e2f5' stroke-opacity='0.21' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M37.6 99.4l-12.5 104.2' stroke='%23d6e2f5' stroke-opacity='0.31' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M3.0 321.0l-8.6 71.9' stroke='%23d6e2f5' stroke-opacity='0.31' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M4.1 35.1l-11.1 92.4' stroke='%23d6e2f5' stroke-opacity='0.14' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M148.7 225.8l-8.6 71.9' stroke='%23d6e2f5' stroke-opacity='0.15' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
	--drops:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cellipse cx='197.9' cy='234.5' rx='4.5' ry='5.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='196.3' cy='232.2' r='1.0' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='233.9' cy='290.1' rx='0.9' ry='1.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='296.6' cy='205.9' rx='5.0' ry='5.2' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='294.8' cy='203.8' r='1.1' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='150.5' cy='81.9' rx='3.4' ry='3.8' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='149.3' cy='80.4' r='0.7' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='10.0' cy='72.8' rx='2.1' ry='2.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='9.3' cy='71.7' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='241.8' cy='55.2' rx='4.5' ry='4.7' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='240.3' cy='53.3' r='1.0' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='196.2' cy='45.0' rx='0.8' ry='1.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='70.5' cy='72.4' rx='5.4' ry='6.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='68.6' cy='69.7' r='1.2' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='95.1' cy='302.1' rx='3.3' ry='3.9' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='93.9' cy='300.6' r='0.7' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='69.1' cy='295.8' rx='4.0' ry='5.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='67.7' cy='293.8' r='0.9' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='281.3' cy='98.0' rx='2.5' ry='2.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='280.4' cy='97.0' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='50.9' cy='26.1' rx='2.2' ry='2.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='50.1' cy='25.0' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='7.0' cy='214.8' rx='2.4' ry='2.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='6.2' cy='213.8' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='258.1' cy='154.1' rx='2.3' ry='2.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='257.3' cy='153.0' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='223.0' cy='23.6' rx='5.4' ry='5.4' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='221.2' cy='21.4' r='1.2' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='236.9' cy='266.2' rx='0.9' ry='1.1' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='118.8' cy='184.2' rx='0.8' ry='0.9' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='61.7' cy='300.2' rx='1.7' ry='2.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='292.3' cy='296.1' rx='2.4' ry='2.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='291.5' cy='295.1' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='167.6' cy='244.9' rx='1.3' ry='1.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='251.5' cy='270.8' rx='1.0' ry='1.2' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='34.1' cy='110.9' rx='3.7' ry='4.5' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='32.8' cy='109.1' r='0.8' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='110.7' cy='290.7' rx='3.4' ry='3.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='109.5' cy='289.2' r='0.7' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='103.6' cy='60.7' rx='1.2' ry='1.2' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='218.3' cy='313.0' rx='1.6' ry='1.6' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='309.9' cy='170.3' rx='2.7' ry='2.9' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='309.0' cy='169.2' r='0.6' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='188.9' cy='260.5' rx='2.9' ry='3.3' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='187.9' cy='259.2' r='0.6' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='23.2' cy='288.1' rx='1.0' ry='1.1' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='264.2' cy='46.2' rx='4.2' ry='5.2' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='262.8' cy='44.1' r='0.9' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='200.2' cy='248.7' rx='1.3' ry='1.4' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='52.0' cy='266.2' rx='2.2' ry='2.4' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='51.2' cy='265.2' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='313.8' cy='268.5' rx='5.4' ry='6.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='311.9' cy='266.1' r='1.2' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='156.4' cy='230.7' rx='3.1' ry='3.3' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='155.3' cy='229.4' r='0.7' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='130.4' cy='51.1' rx='2.6' ry='3.2' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='129.5' cy='49.8' r='0.6' fill='%23fff' fill-opacity='.35'/%3E%3C/svg%3E");
	--specks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cellipse cx='91.0' cy='111.2' rx='2.5' ry='2.8' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='90.2' cy='110.1' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='101.5' cy='116.4' rx='1.1' ry='1.3' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='124.4' cy='155.1' rx='1.0' ry='1.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='23.0' cy='158.2' rx='2.0' ry='2.1' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='22.3' cy='157.4' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='190.7' cy='187.4' rx='2.0' ry='2.3' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='35.6' cy='8.8' rx='1.8' ry='1.8' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='41.8' cy='51.5' rx='0.9' ry='1.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='88.8' cy='164.4' rx='1.7' ry='2.0' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='100.0' cy='130.5' rx='1.6' ry='1.7' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='193.6' cy='193.2' rx='2.3' ry='2.7' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='192.8' cy='192.1' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='65.3' cy='49.2' rx='1.3' ry='1.3' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='150.1' cy='81.3' rx='2.3' ry='2.5' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='149.2' cy='80.3' r='0.5' fill='%23fff' fill-opacity='.35'/%3E%3Cellipse cx='186.1' cy='165.3' rx='0.8' ry='0.8' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Cellipse cx='177.1' cy='94.4' rx='2.6' ry='2.8' fill='%23e4ecf8' fill-opacity='.07' stroke='%23e4ecf8' stroke-opacity='.16' stroke-width='.6'/%3E%3Ccircle cx='176.2' cy='93.2' r='0.6' fill='%23fff' fill-opacity='.35'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;min-height:100vh;background:var(--night);background-image:radial-gradient(1100px 520px at 85% -8%,rgba(140,128,210,.10),transparent 62%),radial-gradient(900px 600px at -10% 30%,rgba(90,130,190,.07),transparent 60%);color:var(--text);font:400 1rem/1.75 var(--f-ui);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--moon);text-decoration-color:rgba(223,231,245,.38);text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--moon)}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-head);color:var(--head);font-weight:600;line-height:1.12;margin:0 0 .5em;overflow-wrap:break-word}
h1{font-size:clamp(2.3rem,7.2vw,3.9rem);letter-spacing:-.005em}
h2{font-size:clamp(1.75rem,4.6vw,2.35rem);font-style:italic;font-weight:500}
h3{font-size:1.4rem}
p{margin:0 0 1em}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
::selection{background:rgba(179,166,230,.4);color:#fff}
.ud-wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 18px}
.ud-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--moon);color:var(--on-moon);padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none}
.ud-skip:focus{top:12px}
.ud-glyph{width:18px;height:18px;flex:none;vertical-align:-3px}
[lang=hi]{font-family:var(--f-dev)}

/* ----------------------------------------------------------------- header */
.ud-top{position:relative;z-index:40;border-bottom:1px solid var(--edge);background:rgba(9,14,23,.82)}
.ud-top-row{display:flex;align-items:center;gap:16px;min-height:64px}
.ud-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--head);margin-right:auto}
.ud-brand img{width:34px;height:34px;border-radius:9px}
.ud-brand-name{font-family:var(--f-head);font-style:italic;font-weight:600;font-size:1.6rem;letter-spacing:.01em;color:var(--head);line-height:1}
.ud-nav{display:none;gap:4px}
.ud-nav a{position:relative;padding:8px 12px;border-radius:999px;color:var(--text-2);text-decoration:none;font-size:.86rem;letter-spacing:.01em}
.ud-nav a:hover{color:var(--head);background:rgba(255,255,255,.04)}
.ud-nav a::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--tint,var(--moon));margin-right:8px;vertical-align:2px;opacity:.85}
.ud-menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--edge-2);border-radius:999px;background:transparent;color:var(--text);cursor:pointer;font-size:.86rem}
.ud-menu-btn:hover{background:rgba(255,255,255,.05)}
.ud-menu-btn[aria-expanded=true]{background:var(--moon);color:var(--on-moon);border-color:var(--moon)}
.ud-sheet{position:absolute;left:0;right:0;top:100%;background:rgba(10,15,25,.97);border-bottom:1px solid var(--edge);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);max-height:calc(100vh - 64px);overflow-y:auto}
.ud-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 28px;padding-top:22px;padding-bottom:26px}
.ud-sheet-h{margin:0 0 6px;font:600 .74rem var(--f-ui);letter-spacing:.14em;text-transform:uppercase}
.ud-sheet-h a{color:var(--tint);text-decoration:none}
.ud-sheet ul{list-style:none;margin:0 0 10px;padding:0}
.ud-sheet li a{display:block;padding:7px 0;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(186,204,232,.07);font-size:.94rem}
.ud-sheet li a:hover{color:var(--head)}

/* ---------------------------------------------------- rain (hero layers) */
.ud-rain{position:absolute;inset:-40% -10% 0;pointer-events:none;background-repeat:repeat;transform:rotate(7deg);will-change:background-position}
.ud-rain--far{background-image:var(--rain-far);opacity:.75;animation:ud-fall 1.9s linear infinite}
.ud-rain--near{background-image:var(--rain-near);opacity:.6;animation:ud-fall-near 1.1s linear infinite}
@keyframes ud-fall{from{background-position:0 0}to{background-position:-36px 300px}}
@keyframes ud-fall-near{from{background-position:0 0}to{background-position:-50px 420px}}
.ud-fog{position:absolute;inset:0;pointer-events:none;background-image:var(--drops),linear-gradient(180deg,rgba(11,17,28,0) 40%,rgba(11,17,28,.9) 100%);background-size:320px 320px,100% 100%}

/* ------------------------------------------------------------------ home */
.ud-night{position:relative;overflow:hidden;isolation:isolate;padding:52px 0 64px;border-bottom:1px solid var(--edge);
	background:
		radial-gradient(160px 160px at 14% 72%,rgba(230,176,96,.16),transparent 70%),
		radial-gradient(120px 120px at 30% 88%,rgba(120,190,200,.12),transparent 70%),
		radial-gradient(220px 220px at 74% 80%,rgba(160,140,230,.14),transparent 70%),
		radial-gradient(90px 90px at 88% 60%,rgba(240,200,140,.12),transparent 70%),
		radial-gradient(420px 260px at 82% 6%,rgba(223,231,245,.10),transparent 70%),
		linear-gradient(180deg,#0c1424 0%,#0e1830 55%,#0b111c 100%)}
.ud-night-grid{position:relative;z-index:2;display:grid;gap:34px;align-items:center}
.ud-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:600 .72rem/1.4 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.ud-eyebrow::before{content:"";width:28px;height:1px;background:var(--moon);opacity:.6;flex:none}
.ud-night h1{max-width:13ch;margin-bottom:.35em;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.ud-lede{max-width:52ch;color:var(--text);font-size:1.02rem;font-weight:300}
.ud-paths{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ud-paths a{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 14px;border:1px solid var(--edge);border-left:2px solid var(--tint);border-radius:4px 12px 12px 4px;background:rgba(11,17,28,.5);text-decoration:none;color:var(--head);transition:background .3s,border-color .3s}
.ud-paths a:hover{background:rgba(255,255,255,.06);border-color:var(--edge-2)}
.ud-paths span{font-size:.95rem;color:var(--text-2)}
.ud-paths b{font-weight:600;font-size:.84rem;letter-spacing:.02em}

/* Dil ka haal: the home mood picker */
.ud-haal{position:relative;padding:22px 20px 18px;border-radius:24px;border:1px solid var(--edge-2);background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 40px 80px -40px rgba(0,0,0,.9)}
.ud-haal::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--specks);opacity:.8;pointer-events:none}
.ud-haal-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:14px}
.ud-haal-title{margin:0;font-size:1.9rem;font-style:italic}
.ud-haal-ask{margin:0;color:var(--text-2);font-size:.92rem}
.ud-haal-moods{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.ud-haal-mood{min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--edge-2);background:rgba(7,11,19,.4);color:var(--text);font-size:.8rem;cursor:pointer;transition:background .25s,color .25s}
.ud-haal-mood:hover{background:rgba(255,255,255,.07)}
.ud-haal-mood[aria-pressed=true]{background:var(--moon);color:var(--on-moon);border-color:var(--moon);font-weight:600}
.ud-haal-line{position:relative;margin:0;padding:20px 18px 14px;border-radius:16px;background:rgba(7,11,19,.55);border:1px solid var(--edge)}
.ud-haal-line blockquote{margin:0;min-height:8.6em;display:flex;flex-direction:column;justify-content:center}
.ud-haal-line .ud-hi{font-size:1.2rem}
.ud-haal-line figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:.78rem;color:var(--mute)}
.ud-haal-line figcaption a{color:var(--text-2)}
.ud-haal-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ud-do--next{margin-left:auto}
.ud-haal-line.ud-swap blockquote{animation:ud-mist .6s ease}
@keyframes ud-mist{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}

/* shelves */
.ud-shelf{padding:62px 0 8px}
.ud-shelf-head{display:flex;flex-direction:column;gap:2px;margin-bottom:24px}
.ud-shelf-head p{margin:0;color:var(--tint);font-size:1.02rem}
.ud-shelf-head h2{margin:0}
.ud-windows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}
.ud-window a{position:relative;display:flex;flex-direction:column;height:100%;min-height:190px;padding:22px 20px 18px;border:1px solid var(--edge);border-radius:var(--r);background:linear-gradient(170deg,var(--pane-hi),var(--pane) 70%);color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .35s,transform .35s,box-shadow .35s;box-shadow:var(--lift)}
.ud-window a::after{content:"";position:absolute;inset:0;background:var(--specks);opacity:.6;pointer-events:none}
.ud-window a:hover{border-color:var(--edge-2);transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 30px 50px -30px rgba(0,0,0,.95)}
.ud-window-peek{position:relative;z-index:1;flex:1;font-size:1.06rem;line-height:1.85;color:var(--head);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.ud-window-name{position:relative;z-index:1;font-weight:600;font-size:.92rem;color:var(--head)}
.ud-window-count{position:relative;z-index:1;font-size:.76rem;color:var(--mute);letter-spacing:.04em}
/* main: arched window */
.ud-window--main a{border-radius:120px 120px var(--r) var(--r);padding-top:46px;text-align:center;align-items:center}
.ud-window--main a::before{content:"";position:absolute;left:50%;top:0;height:30px;width:1px;background:linear-gradient(var(--tint),transparent);opacity:.5}
/* betrayal: cracked glass */
.ud-window--betrayal a::before{content:"";position:absolute;right:-6px;top:-4px;width:96px;height:96px;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M118 2 82 30l6 18-24 14 4 20-26 12 2 22M82 30 60 22M88 48l22 8M64 62 44 50M68 82l20 14' fill='none' stroke='%23d9cdf5' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-size:96px 96px}
.ud-window--betrayal a{border-top:2px solid var(--tint)}
/* heart: misted pane with a drip */
.ud-window--heart a{border-radius:6px 26px 6px 26px}
.ud-window--heart a::before{content:"";position:absolute;left:22px;top:0;width:2px;height:58%;border-radius:2px;background:linear-gradient(var(--tint),transparent);opacity:.55}
.ud-window--heart .ud-window-peek{padding-left:14px}
/* life: lamp lit from above */
.ud-window--life a{background:radial-gradient(240px 140px at 50% -20%,rgba(199,180,143,.22),transparent 70%),linear-gradient(170deg,var(--pane-hi),var(--pane) 70%)}
.ud-window--life a::before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--tint),transparent);opacity:.7}

.ud-wrap.ud-home-body{margin-top:72px;padding-top:56px;border-top:1px solid var(--edge)}

/* ------------------------------------------------------- shayari pages */
.ud-dusk{position:relative;overflow:hidden;padding:30px 0 38px;border-bottom:1px solid var(--edge);background:radial-gradient(520px 220px at 88% 0,rgba(223,231,245,.08),transparent 70%),linear-gradient(180deg,#0d1628,#0b111c)}
.ud-dusk::after{content:"";position:absolute;inset:0;background:var(--drops);background-size:320px 320px;opacity:.35;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.ud-dusk-in{position:relative;z-index:1}
.ud-dusk h1{max-width:20ch;margin:10px 0 18px}
.ud-trail{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.8rem;color:var(--mute)}
.ud-trail a{color:var(--text-2);text-decoration:none}
.ud-trail a:hover{color:var(--head);text-decoration:underline}
.ud-trail-sep{opacity:.5}
.ud-trail [aria-current]{color:var(--text)}
.ud-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ud-facts li{padding:6px 12px;border:1px solid var(--edge);border-radius:999px;font-size:.78rem;color:var(--text-2);background:rgba(7,11,19,.4)}
.ud-facts b{color:var(--head)}
.ud-wrap.ud-page-body{padding-top:30px}
.ud-feed{position:relative}

/* page text */
.ud-prose{font-size:1rem}
.ud-prose a{color:var(--moon)}
.ud-prose strong{color:var(--head);font-weight:600}
.ud-prose ul,.ud-prose ol{padding-left:1.25em;margin:0 0 1.1em}
.ud-prose li{margin-bottom:.4em}
.ud-prose li::marker{color:var(--dusk)}
.ud-opening,.ud-part>p,.ud-part>h2,.ud-guide,.ud-faq{max-width:780px}
.ud-opening{font-size:1.04rem;color:var(--text)}
.ud-opening p:first-child::first-line{color:var(--head)}

/* sticky toolbar */
.ud-bar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px -18px 18px;padding:10px 18px;background:rgba(9,14,23,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.ud-script{display:inline-flex;padding:3px;border:1px solid var(--edge-2);border-radius:999px;flex:none}
.ud-script button{min-height:34px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font-size:.8rem;cursor:pointer}
.ud-script button[lang=hi]{font-size:.86rem}
.ud-script button[aria-pressed=true]{background:var(--moon);color:var(--on-moon);font-weight:600}
.ud-moods{display:flex;gap:6px;flex:1 1 220px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.ud-moods::-webkit-scrollbar{display:none}
.ud-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--edge);border-radius:999px;background:transparent;color:var(--text);font-size:.79rem;white-space:nowrap;cursor:pointer}
.ud-chip:hover{border-color:var(--edge-2);background:rgba(255,255,255,.04)}
.ud-chip span{font-size:.7rem;color:var(--mute)}
.ud-chip[aria-pressed=true]{background:rgba(179,166,230,.18);border-color:var(--dusk);color:var(--head)}
.ud-chip[aria-pressed=true] span{color:var(--text)}
.ud-chip:last-child{margin-right:24px}

.ud-jumps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 8px;padding:0 0 14px;border-bottom:1px solid var(--edge);font-size:.84rem}
.ud-jumps a{color:var(--text-2);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.ud-jumps a:hover{color:var(--head);border-bottom-color:var(--edge-2)}

.ud-part{padding-top:44px}
.ud-part>h2{margin-bottom:.35em}
.ud-part>p{color:var(--text-2)}
.ud-panes{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}

/* the shayari pane: misted glass under rain light */
.ud-pane{position:relative;display:flex;flex-direction:column;padding:26px 22px 14px;border:1px solid var(--edge);border-radius:var(--r);background:linear-gradient(176deg,rgba(255,255,255,.045),rgba(255,255,255,0) 38%),linear-gradient(180deg,var(--pane-hi),var(--pane));box-shadow:var(--lift);scroll-margin-top:90px}
.ud-pane::before{content:"";position:absolute;right:0;top:0;width:180px;height:140px;border-top-right-radius:inherit;background:var(--specks);opacity:.9;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%)}
.ud-pane::after{content:"";position:absolute;left:-1px;top:22px;width:2px;height:46px;border-radius:2px;background:linear-gradient(var(--tint),transparent);opacity:.8}
.ud-pane:target{border-color:var(--dusk);box-shadow:0 0 0 3px rgba(179,166,230,.18),var(--lift)}
.ud-pane-no{position:absolute;top:12px;right:16px;font:italic 500 1rem/1 var(--f-head);color:var(--mute);letter-spacing:.04em}
.ud-hi{margin:0 0 10px;font:500 1.17rem/1.95 var(--f-dev);color:var(--head);padding-right:22px}
.ud-en{margin:0;font:300 .95rem/1.75 var(--f-ui);color:var(--text-2);letter-spacing:.005em}
html.ud-show-hi .ud-feed .ud-en,html.ud-show-hi .ud-haal .ud-en{display:none}
html.ud-show-en .ud-feed .ud-hi,html.ud-show-en .ud-haal .ud-hi{display:none}
html.ud-show-en .ud-feed .ud-en,html.ud-show-en .ud-haal .ud-en{font-size:1.08rem;font-weight:400;color:var(--head);line-height:1.85}
html.ud-show-hi .ud-feed .ud-hi{margin-bottom:0}
.ud-pane-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:14px}
.ud-pane-foot::before{content:"";flex:1 0 100%;height:1px;margin-top:14px;margin-bottom:4px;background:linear-gradient(90deg,var(--edge-2),transparent)}
.ud-mood{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.ud-mood::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mc,#9fb4d4);box-shadow:0 0 10px var(--mc,#9fb4d4)}
.ud-use{font-size:.76rem;color:var(--mute)}
.ud-use::before{content:"for ";opacity:.85}
.ud-pane-acts{display:flex;gap:6px;margin-left:auto}
[data-mood=Udaas]{--mc:#8fa8cf}[data-mood=Dard]{--mc:#cf9aa8}[data-mood=Yaadein]{--mc:#cdb68e}[data-mood=Tanha]{--mc:#9aa4ba}[data-mood=Gehra]{--mc:#9b97de}
[data-mood="Toota dil"]{--mc:#d79c9c}[data-mood=Shikayat]{--mc:#cda57f}[data-mood=Sabr]{--mc:#9fc4b2}[data-mood=Umeed]{--mc:#dcd296}[data-mood=Khamosh]{--mc:#aab3c4}

/* quiet buttons */
.ud-do{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;min-width:44px;padding:0 13px;border:1px solid var(--edge-2);border-radius:999px;background:rgba(7,11,19,.35);color:var(--text);font-size:.78rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.ud-do:hover{background:rgba(255,255,255,.08);border-color:rgba(223,231,245,.45);color:var(--head)}
.ud-do--img{border-color:rgba(179,166,230,.55);color:var(--head)}
.ud-do--img:hover{background:rgba(179,166,230,.18)}
.ud-do .ud-glyph{width:16px;height:16px}
.ud-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--edge-2);background:transparent;color:var(--head);font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none}
.ud-btn:hover{background:rgba(255,255,255,.07)}
.ud-btn--moon{background:var(--moon);color:var(--on-moon);border-color:var(--moon)}
.ud-btn--moon:hover{background:#fff}

/* guide, tables, faq, ad */
.ud-guide{padding-top:48px}
.ud-guide h3{margin-top:1.2em}
.ud-table{margin:0 0 1.2em;overflow-x:auto;border:1px solid var(--edge);border-radius:var(--r-sm);background:rgba(7,11,19,.35)}
.ud-table table{width:100%;min-width:440px;border-collapse:collapse;font-size:.88rem}
.ud-table th,.ud-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--edge)}
.ud-table th{font-weight:600;color:var(--head);background:rgba(223,231,245,.06);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.ud-table tr:last-child td{border-bottom:0}
.ud-faq{padding-top:48px}
.ud-faq details{border-bottom:1px solid var(--edge)}
.ud-faq details:first-of-type{border-top:1px solid var(--edge)}
.ud-faq summary{position:relative;list-style:none;cursor:pointer;padding:18px 44px 18px 0;font-weight:600;color:var(--head);font-size:.98rem}
.ud-faq summary::-webkit-details-marker{display:none}
.ud-faq summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:rotate(45deg);transition:transform .3s}
.ud-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.ud-faq-a{padding:0 0 14px;color:var(--text)}
.ud-ad{margin:36px 0 0;text-align:center}
.ud-ad::before{content:"Advertisement";display:block;margin-bottom:6px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* photo cards */
.ud-prints{padding-top:56px}
.ud-prints-head{max-width:780px}
.ud-prints-head p{color:var(--text-2)}
.ud-prints-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ud-print{display:flex;flex-direction:column;gap:8px;padding:8px 8px 12px;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--pane)}
.ud-print img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--pane-hi)}
.ud-print-cap{font-size:.76rem;line-height:1.5;color:var(--text-2);padding:0 4px}
.ud-print-get{align-self:flex-start;margin:auto 4px 0;font-size:.78rem;font-weight:600;color:var(--moon);text-decoration:none;border-bottom:1px solid rgba(223,231,245,.35);padding:4px 0}
.ud-print-get:hover{border-bottom-color:var(--moon)}
.ud-prints--row .ud-prints-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--edge-2) transparent}
.ud-prints--row .ud-print{flex:0 0 min(64vw,240px);scroll-snap-align:start}

.ud-wrap.ud-next{padding-top:64px}

/* ----------------------------------------------------- notes, blog, info */
.ud-notes,.ud-wrap.ud-notes{padding-top:60px}
.ud-notes ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ud-notes li a{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--pane);text-decoration:none;color:var(--head)}
.ud-notes li a:hover{border-color:var(--edge-2)}
.ud-notes b{font-weight:600;font-size:.98rem}
.ud-notes-all{display:inline-block;margin-top:16px;font-size:.86rem}
.ud-when{font:italic 500 1rem var(--f-head);color:var(--text-2);letter-spacing:.02em}
.ud-wrap.ud-sheetpage{padding-top:30px;max-width:860px}
.ud-wrap.ud-sheetpage--wide{max-width:1000px}
.ud-leaf{margin-top:18px;padding:30px 22px;border:1px solid var(--edge);border-radius:var(--r);background:linear-gradient(180deg,var(--pane-hi),var(--pane));box-shadow:var(--lift)}
.ud-leaf h1{font-size:clamp(2.1rem,6vw,3.1rem)}
.ud-leaf h2{margin-top:1.3em}
.ud-cover{display:block;width:100%;border-radius:var(--r-sm);margin:0 0 1.4em}
.ud-leaf img{border-radius:var(--r-sm)}
.ud-list-head{margin:18px 0 26px}
.ud-list{display:grid;gap:12px}
.ud-list-row{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid var(--edge);border-radius:var(--r);background:var(--pane);text-decoration:none;color:var(--text);transition:border-color .3s}
.ud-list-row:hover{border-color:var(--edge-2)}
.ud-list-img{flex:none;width:84px;height:84px;object-fit:cover;border-radius:10px}
.ud-list-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.ud-list-text strong{color:var(--head);font-size:1.02rem;font-weight:600;line-height:1.4}
.ud-list-ex{font-size:.86rem;color:var(--text-2)}
.ud-paging{margin-top:26px}
.ud-paging .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.ud-paging .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 12px;border:1px solid var(--edge);border-radius:999px;color:var(--text);text-decoration:none;font-size:.86rem}
.ud-paging .page-numbers.current{background:var(--moon);color:var(--on-moon);border-color:var(--moon)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 404 */
.ud-lost{position:relative;overflow:hidden;isolation:isolate;padding:80px 0 90px;background:radial-gradient(360px 220px at 70% 10%,rgba(223,231,245,.08),transparent 70%),linear-gradient(180deg,#0c1424,#0b111c)}
.ud-lost .ud-rain{opacity:.45}
.ud-lost-in{position:relative;z-index:1;max-width:760px}
.ud-lost-hi{font-size:1.25rem;color:var(--text-2)}
.ud-paths--lost{max-width:560px}

/* ----------------------------------------------------------------- footer */
.ud-base{margin-top:90px;padding:0 0 30px;background:var(--deep);border-top:1px solid var(--edge);font-size:.9rem}
.ud-kind{display:flex;gap:12px;align-items:flex-start;margin:0 0 34px;padding:18px 0;border-bottom:1px solid var(--edge);color:var(--text)}
.ud-kind .ud-glyph{color:var(--dusk);margin-top:4px}
.ud-kind p{margin:0}
.ud-kind a{color:var(--head);font-weight:600}
.ud-base-grid{display:grid;gap:26px}
.ud-base-hi{color:var(--text-2);font-size:1.02rem;margin:8px 0 10px}
.ud-base-about p:last-child{color:var(--text-2);max-width:40ch}
.ud-brand-name--base{margin:0;font-size:1.9rem}
.ud-base-h{margin:0 0 8px;font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tint)}
.ud-base-col ul{list-style:none;margin:0;padding:0}
.ud-base-col a{display:inline-block;padding:5px 0;color:var(--text-2);text-decoration:none}
.ud-base-col a:hover{color:var(--head);text-decoration:underline}
.ud-base-end{margin-top:34px;padding-top:20px;border-top:1px solid var(--edge);display:flex;flex-direction:column;gap:12px}
.ud-base-info{display:flex;flex-wrap:wrap;gap:4px 18px}
.ud-base-info a{color:var(--text-2);text-decoration:none;padding:4px 0}
.ud-base-info a:hover{color:var(--head);text-decoration:underline}
.ud-base-copy{margin:0;color:var(--mute);font-size:.8rem}

/* toast */
.ud-whisper{position:fixed;left:50%;bottom:22px;z-index:200;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:11px 18px;border-radius:999px;border:1px solid var(--edge-2);background:rgba(15,23,38,.95);color:var(--head);font-size:.84rem;box-shadow:0 20px 40px -16px rgba(0,0,0,.9);animation:ud-rise .35s ease}
@keyframes ud-rise{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

/* ------------------------------------------------------------ Image maker */
.ud-maker{width:min(980px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:0;border:1px solid var(--edge-2);border-radius:22px;background:#0d1422;color:var(--text);overflow:auto;box-shadow:0 40px 100px -30px #000}
.ud-maker::backdrop{background:rgba(3,6,12,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ud-maker.ud-maker--fallback{position:fixed;inset:10px;z-index:300;display:block}
.ud-maker-in{position:relative;display:grid;gap:18px;padding:18px}
.ud-maker-view{align-self:start}
.ud-maker-view canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:14px;background:#111a2b;box-shadow:0 20px 40px -24px #000}
.ud-maker-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.ud-maker-side h2{margin:0;padding-right:44px;font-size:1.9rem}
.ud-maker-sub{margin:-8px 0 0;color:var(--text-2);font-size:.86rem}
.ud-maker-label{margin:0 0 8px;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.ud-skies{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ud-sky{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 3px 7px;border:1px solid var(--edge);border-radius:12px;background:transparent;color:var(--text-2);font-size:.68rem;cursor:pointer;line-height:1.2;text-align:center}
.ud-sky i{display:block;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.08)}
.ud-sky[aria-pressed=true]{border-color:var(--moon);color:var(--head);background:rgba(223,231,245,.07)}
.ud-mk-words{display:inline-flex;padding:3px;border:1px solid var(--edge-2);border-radius:999px}
.ud-mk-words button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font-size:.8rem;cursor:pointer}
.ud-mk-words button[aria-pressed=true]{background:var(--moon);color:var(--on-moon);font-weight:600}
.ud-field{display:flex;flex-direction:column;gap:6px;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.ud-field input{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--edge-2);border-radius:12px;background:rgba(7,11,19,.6);color:var(--head);font:400 .95rem var(--f-ui);letter-spacing:0;text-transform:none}
.ud-field input::placeholder{color:var(--mute)}
.ud-maker-acts{display:flex;flex-wrap:wrap;gap:10px}
.ud-maker-note{margin:0;font-size:.76rem;color:var(--mute)}
.ud-maker-x{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--edge-2);background:rgba(13,20,34,.9);color:var(--head);font-size:1.4rem;line-height:1;cursor:pointer}
.ud-maker-x:hover{background:rgba(255,255,255,.08)}

/* -------------------------------------------------------------- small */
@media (max-width:559px){
	.ud-bar{flex-wrap:nowrap;gap:8px}
	.ud-script button{padding:0 10px}
	.ud-moods{flex:1 1 0}
	.ud-haal-moods{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px}
	.ud-haal-moods::-webkit-scrollbar{display:none}
	.ud-haal-mood{flex:none}
	.ud-pane{padding:24px 18px 12px}
	.ud-hi{font-size:1.06rem;padding-right:16px}
	.ud-haal-line .ud-hi{font-size:1.08rem}
	.ud-en{font-size:.9rem}
}

/* -------------------------------------------------------------- larger */
@media (min-width:560px){
	.ud-wrap{padding:0 24px}
	.ud-bar{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
	.ud-paths{grid-template-columns:repeat(4,1fr)}
	.ud-prints-list{grid-template-columns:repeat(3,1fr)}
	.ud-leaf{padding:44px 48px}
	.ud-wrap.ud-notes{padding-top:60px}
	.ud-base-grid{grid-template-columns:repeat(2,1fr)}
	.ud-skies{grid-template-columns:repeat(7,1fr)}
}
@media (min-width:760px){
	.ud-panes{grid-template-columns:1fr 1fr;gap:18px}
	.ud-pane{padding:30px 28px 16px}
	.ud-haal{padding:26px 26px 22px}
	.ud-maker-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:22px}
	.ud-skies{grid-template-columns:repeat(4,1fr)}
	.ud-base-end{flex-direction:row;justify-content:space-between;align-items:center}
}
@media (min-width:980px){
	.ud-nav{display:flex}
	.ud-night{padding:84px 0 96px}
	.ud-night-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}
	.ud-paths{grid-template-columns:1fr 1fr}
	.ud-base-grid{grid-template-columns:1.4fr repeat(4,1fr)}
	.ud-bar{margin-left:0;margin-right:0;padding-left:14px;padding-right:14px;border:1px solid var(--edge);border-radius:999px;top:10px}
	.ud-dusk{padding:44px 0 52px}
}

/* ------------------------------------------------------------ motion */
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation:none !important;transition:none !important}
	.ud-rain--near{display:none}
}
@media print{
	.ud-top,.ud-bar,.ud-base,.ud-pane-acts,.ud-rain,.ud-fog,.ud-prints{display:none}
	body{background:#fff;color:#000}
}