/* Generated by scripts/build-fonts.py. Preserve the original font sources and OFL notices. */
@font-face { font-family: "WineY Caveat"; src: url("/assets/fonts/optimized/caveat-full.c7d6a0ad1cbe1205.woff2") format("woff2"); font-style: normal; font-weight: 400 700; font-display: swap; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-common.5fe14e6c228fc02b.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+20-7E,U+A0-24F,U+2002,U+200D,U+2010-2027,U+2030-2049,U+2051,U+205E,U+2190,U+2192,U+21BA,U+25A0-25EF,U+3000-3029,U+3030-3037,U+303B-303E,U+4E00,U+4E07,U+4E09-4E0B,U+4E0D-4E0E,U+4E13-4E14,U+4E16,U+4E1A,U+4E1C-4E1D,U+4E24-4E25,U+4E2A,U+4E2D,U+4E30,U+4E32,U+4E34,U+4E3A-4E3B,U+4E3E,U+4E45,U+4E48-4E49,U+4E4B,U+4E4D-4E50,U+4E5F-4E60,U+4E66,U+4E70-4E71,U+4E86,U+4E89,U+4E8B-4E8C,U+4E8E,U+4E92,U+4E94,U+4E9B,U+4EA4,U+4EA7,U+4EAB,U+4EAE,U+4EB2,U+4EBA,U+4EBF-4EC0,U+4EC5,U+4ECA,U+4ECD-4ECE,U+4ED6,U+4EE3,U+4EE5,U+4EEA,U+4EEC,U+4EF6-4EF7,U+4EFB,U+4EFD,U+4EFF,U+4F17-4F18,U+4F1A,U+4F20,U+4F26,U+4F38,U+4F3C,U+4F46,U+4F4D-4F4F,U+4F53,U+4F55,U+4F59,U+4F5B-4F5C,U+4F60,U+4F7F,U+4F8B,U+4F8D,U+4F9B,U+4F9D,U+4FBF,U+4FDD,U+4FE1,U+4FEE,U+5012,U+5019,U+501F,U+503C,U+503E,U+5047,U+504F,U+505A,U+505C,U+5076-5077,U+50A8,U+50CF,U+513F,U+5145,U+5148-5149,U+514B,U+5165,U+5168,U+516C-516D,U+5170-5171,U+5173-5174,U+5176-5178,U+517B,U+5185,U+518D,U+5192,U+5199,U+519C,U+51B0,U+51B3,U+51B5,U+51B7,U+51C0,U+51C6,U+51C9,U+51CF,U+51E0,U+51ED,U+51FA,U+5200,U+5206,U+520A,U+5217,U+5219-521B,U+521D,U+5224,U+5229,U+522B,U+5230,U+5236-5237,U+523A-523B,U+524D,U+5269,U+526F,U+529B,U+529E,U+52A0-52A1,U+52A8-52A9,U+52B1,U+52C9,U+52FA,U+5305,U+5316-5317,U+533A,U+5341,U+5343,U+5347,U+534A,U+534F,U+5355-5357,U+535A,U+5360,U+5362,U+536B,U+5370,U+5373-5374,U+5385-5386,U+5389,U+538B,U+539A,U+539F,U+53BB,U+53C2,U+53C8,U+53CA-53CB,U+53CD,U+53D1,U+53D6-53D8,U+53E3-53E6,U+53EA-53EB,U+53EF-53F0,U+53F2-53F3,U+53F7,U+5403-5404,U+5408,U+540C-540E,U+5411,U+5413,U+5417,U+541D,U+5426-5427,U+542B-542C,U+542F,U+5438,U+544A,U+5458,U+5462,U+5468,U+5473,U+547D,U+548C,U+5496,U+54A6,U+54C1,U+54CD,U+54E6,U+54EA,U+552E-552F,U+5546,U+5561,U+5566,U+559C-559D,U+55EF,U+5634,U+5668,U+56DB,U+56DE,U+56E0,U+56E2,U+56ED,U+56F4,U+56FD-56FE,U+571F,U+5728,U+5730,U+573A,U+574F-5751,U+5757,U+575A-575B,U+5761,U+5766,U+578B,U+57F9-57FA,U+5802,U+5806,U+5851,U+585E,U+586B,U+5883,U+589E,U+58C1,U+58E4,U+58EB,U+58F0,U+58F3,U+5904,U+5907,U+590D,U+590F,U+5916,U+591A,U+591C,U+591F,U+5927,U+5929-592A,U+5931,U+5934,U+5938-5939,U+5947,U+594B,U+5956-5957,U+5976,U+5979,U+597D,U+5982,U+5988,U+5999,U+59CB,U+59D4,U+5A92,U+5B50,U+5B57-5B58,U+5B66,U+5B69,U+5B81,U+5B83,U+5B88-5B89,U+5B8C,U+5B98,U+5B9A,U+5B9C-5B9E,U+5BA1-5BA4,U+5BB3,U+5BB6,U+5BB9,U+5BC6,U+5BCC,U+5BDF,U+5BF9,U+5C01,U+5C0F,U+5C11,U+5C14,U+5C1A,U+5C1D,U+5C24,U+5C2C,U+5C31,U+5C34,U+5C3A,U+5C3D,U+5C42,U+5C49,U+5C55,U+5C5E,U+5C71,U+5CA9,U+5CB8,U+5DE5-5DE6,U+5DEE,U+5DF1-5DF2,U+5DF4,U+5E03,U+5E08,U+5E0C,U+5E26,U+5E2D-5E2E,U+5E38,U+5E72-5E74,U+5E76,U+5E78,U+5E7F,U+5E84,U+5E86,U+5E8F,U+5E93-5E95,U+5E97,U+5E9E,U+5EA6-5EA7,U+5EF6,U+5EFA,U+5F00,U+5F02,U+5F04,U+5F0F,U+5F15,U+5F20,U+5F2F,U+5F39-5F3A,U+5F53,U+5F55,U+5F62,U+5F71,U+5F7C,U+5F80,U+5F84-5F85,U+5F88,U+5F97,U+5FC3,U+5FC5-5FC6,U+5FD8-5FD9,U+5FE0,U+5FEB,U+5FF5,U+5FFD,U+6000-6001,U+600E,U+6015,U+601D,U+6025,U+6027,U+602A,U+603B,U+606F-6070,U+6084,U+6089,U+6094,U+60C5,U+60CA,U+60DC,U+60EF-60F0,U+60F3,U+610F,U+611F,U+613F,U+6162,U+61C2,U+6210-6211,U+6216,U+6218,U+623F-6240,U+6247,U+624B,U+624D,U+6253,U+6263,U+6279,U+627E,U+6280,U+628A,U+6293,U+6297,U+62A5,U+62B5,U+62BD,U+62C5-62C6,U+62CD,U+62D4,U+62E5,U+62E9,U+62EC,U+62FF,U+6301-6302,U+6307,U+6309,U+6325,U+633A,U+6349,U+6355,U+6361-6363,U+636E,U+6389,U+6392,U+63A2,U+63A5,U+63A8,U+63CF-63D0,U+63D2,U+63E1,U+63ED,U+641C,U+642D,U+6444,U+644A,U+6478,U+64AD,U+64CD,U+652F,U+6536,U+6539,U+653E,U+6545,U+6548,U+654F,U+6559,U+655E,U+6563,U+6566,U+6570,U+6574,U+6587,U+6599,U+65AD,U+65B0,U+65B9,U+65C1,U+65C5,U+65CB,U+65E0,U+65E2,U+65E5,U+65E9,U+65F6,U+6602,U+660E,U+6613,U+6628,U+662F,U+663E,U+6643,U+6653,U+665A,U+666E-666F,U+667A,U+6682,U+6696-6697,U+66B4,U+66F2,U+66F4,U+66FE-6700,U+6708-6709,U+670B,U+670D,U+671B,U+671F,U+6728,U+672A-672C,U+672F,U+6735,U+673A,U+6740,U+6742,U+6750-6751,U+675F,U+6761,U+6765,U+676F,U+677E-677F,U+6781,U+6784,U+6790,U+679A,U+679C,U+67B6,U+67D0-67D1,U+67D3-67D4,U+67E0,U+67E5,U+6807,U+6837-6839,U+683C,U+6843,U+6846,U+6848,U+684C,U+6863,U+6876,U+6897,U+690D,U+6912,U+695A,U+6982,U+69A8,U+69DF,U+6A21,U+6A2A,U+6A31,U+6A58,U+6A61,U+6AAC,U+6B21-6B22,U+6B3E,U+6B62-6B65,U+6B7B,U+6B8B,U+6BB5,U+6BCD,U+6BCF,U+6BD4-6BD5,U+6C11,U+6C14,U+6C27,U+6C34,U+6C38,U+6C41-6C42,U+6C47,U+6C61,U+6C89,U+6C9F,U+6CA1,U+6CB3,U+6CB9,U+6CBF,U+6CC4,U+6CD5,U+6CE1,U+6CE5,U+6CE8,U+6CF5,U+6D0B,U+6D17,U+6D32,U+6D3B,U+6D41,U+6D45,U+6D4B,U+6D4F,U+6D53,U+6D6A,U+6D77,U+6D88,U+6DA9,U+6DB2,U+6DC0,U+6DE1,U+6DF1,U+6DF7,U+6DFB,U+6E05,U+6E10,U+6E29,U+6E38,U+6E7F,U+6E90,U+6EE1,U+6F02,U+6F14,U+6F2B,U+6F5C,U+6F6E,U+6FA1,U+6FB3,U+7070,U+7075,U+708E,U+70B9,U+70C8,U+70D8,U+70E4,U+70E6,U+70ED,U+7119,U+7136,U+714E,U+7167,U+719F,U+7231,U+723D,U+7247-7248,U+724C,U+7259,U+725B,U+7261,U+7269,U+7279,U+72AF,U+72B6,U+72EC,U+731C,U+73A9,U+73AB,U+73AF-73B0,U+73ED,U+7406,U+7470,U+74E6,U+74F6,U+751A,U+751C,U+751F,U+7528,U+7535,U+753B,U+7545,U+754C,U+7559,U+7565,U+756A,U+7591,U+767D-767E,U+7684,U+76AE,U+76B1,U+76C8,U+76D1,U+76D6,U+76EE,U+76F2,U+76F4,U+76F8,U+7701,U+7709,U+770B,U+771F,U+773C,U+7740,U+7761,U+77AC,U+77E5,U+77F3,U+77FF,U+7801,U+7814,U+7834,U+7840,U+786C,U+786E,U+78B0,U+78B3,U+793A,U+793C,U+795E,U+79BB,U+79C0,U+79CD,U+79D1-79D2,U+79EF-79F0,U+79FB,U+7A00,U+7A0B,U+7A76,U+7A7A,U+7A81,U+7A96,U+7ACB,U+7AD9,U+7ADF-7AE0,U+7AEF,U+7B11,U+7B14,U+7B2C,U+7B49,U+7B54,U+7B7E,U+7B80,U+7B97,U+7BA1,U+7BB1,U+7BC7,U+7C4D,U+7C7B,U+7C89,U+7C97,U+7CBE,U+7CCA,U+7CD6,U+7CFB,U+7D20,U+7D22,U+7D27,U+7D2B,U+7D2F,U+7EA2,U+7EA6-7EA7,U+7EAF,U+7EB8,U+7EBF,U+7EC3-7EC4,U+7EC6-7EC8,U+7ECF,U+7ED3,U+7ED5,U+7ED9,U+7EDC-7EDD,U+7EDF,U+7EE7,U+7EED,U+7F13,U+7F16,U+7F29,U+7F3A,U+7F51,U+7F57,U+7F6E,U+7F8E,U+7FA4,U+7FFB,U+8001,U+8003,U+8005,U+800C,U+8010,U+8017,U+804A,U+804C,U+8054,U+805A,U+8089,U+8096,U+80AA,U+80B2,U+80CC,U+80D6,U+80E1,U+80FD,U+8102,U+8106,U+8109,U+8111,U+811A,U+8154,U+8165,U+817B,U+81EA,U+81F3,U+820C-820D,U+8212,U+822C,U+8272,U+827A,U+8282,U+82B1,U+82B3,U+82E5,U+82F1,U+82F9,U+8303,U+8349,U+8350,U+8393,U+83DC,U+8404,U+8425,U+843D,U+8457,U+8461,U+84B8,U+85CF,U+85E4,U+8651,U+867D,U+86CE,U+878D,U+87BA,U+884C,U+8854,U+8861,U+8863,U+8865,U+8868,U+88AB,U+88C2,U+88C5,U+897F,U+8981,U+8986,U+89C1-89C2,U+89C4,U+89C6,U+89C8-89C9,U+89D2,U+89E3,U+89E6,U+8A00,U+8BA1-8BA2,U+8BA4,U+8BA8-8BA9,U+8BAD-8BAE,U+8BB0,U+8BB2,U+8BB8,U+8BBA,U+8BBE,U+8BC1,U+8BC4,U+8BC6,U+8BC9,U+8BCD,U+8BD1,U+8BD5,U+8BDA,U+8BDD,U+8BE5,U+8BED,U+8BEF,U+8BF1,U+8BF4,U+8BF7,U+8BFB,U+8BFE,U+8C01,U+8C03,U+8C08,U+8C0B,U+8C13,U+8C37,U+8C61,U+8C8C,U+8D1D,U+8D1F,U+8D23,U+8D26,U+8D28,U+8D2D,U+8D35,U+8D44,U+8D4B,U+8D5A-8D5B,U+8D70,U+8D76-8D77,U+8D81,U+8D8A,U+8DA3,U+8DB3,U+8DD1,U+8DDF,U+8DEF,U+8DF3,U+8E72,U+8EAB,U+8F6C,U+8F6E-8F6F,U+8F7B,U+8F7D,U+8F83,U+8F91,U+8FA3,U+8FA8,U+8FB9,U+8FBE,U+8FC7,U+8FD0-8FD1,U+8FD4,U+8FD8-8FD9,U+8FDB-8FDC,U+8FDE,U+8FF0,U+8FF7,U+8FFD,U+9000-9002,U+9009,U+900F-9010,U+9012,U+9014,U+9017,U+901A,U+901F-9020,U+903B-903C,U+9047,U+904D,U+9053,U+9057,U+90A3,U+90C1,U+90E8,U+90FD,U+914D,U+9152,U+9175,U+9178,U+917F,U+918B,U+9192,U+91C7,U+91CA,U+91CC-91CD,U+91CF,U+9274,U+949F,U+94B1,U+94BB,U+94F6,U+9500,U+9519,U+952E,U+9547,U+955C,U+957F,U+95E8,U+95ED-95EE,U+95F4,U+95FB,U+9605,U+9632-9633,U+9635-9636,U+9644-9645,U+9648,U+964C-964D,U+9650,U+9662,U+9664,U+9669-966A,U+968F,U+9694,U+96BE,U+96C5-96C6,U+96E8,U+96F6,U+9700,U+9709,U+9732,U+9752,U+9759,U+975E,U+9760,U+9762,U+97F3,U+9875-9876,U+9879-987B,U+987E-987F,U+9884,U+9891,U+9897-9898,U+989C-989D,U+98CE,U+98DE-98DF,U+9910,U+996D-996E,U+9971,U+9996,U+9999,U+9A6C,U+9A8C,U+9AB8,U+9AD8,U+9C7C,U+9C9C,U+9E21,U+9EBB,U+9EC4,U+9ED1,U+9F13,U+9F3B,U+FF01-FF5E,U+FF61-FF9F,U+FFE0-FFE5; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-01.62a8c9556d200023.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+250-2FF,U+1E00-1E9B,U+1E9E,U+1EA0-1EF9,U+2070,U+2074-208E,U+2090-2094,U+20A0-20B5,U+20B9-20BA,U+20BC-20BD,U+2100-2138,U+214D-214E,U+2153-2182,U+2184,U+2191,U+2193-21B9,U+21BB-21EA,U+2200-22F1,U+2460-24FE,U+2500-2595,U+2600-2613,U+2616-2617,U+261A-266F,U+2701-2704,U+2706-2709,U+270C-2727,U+2729-274B,U+274D,U+274F-2752,U+2756,U+2758-275E,U+2761-2767,U+2776-2794,U+2798-27AF,U+27B1-27BE,U+3041-3096,U+3099-30FF,U+3190-319F,U+31F0-321C,U+3220-3243,U+3251-327B,U+327F-32CB,U+32D0-3310; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-02.c03beee1cc47728c.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+3311-3376,U+337B-33DD,U+33E0-33FE,U+3401-3402,U+3441,U+349E,U+34B2,U+34C5,U+34CE,U+34DF,U+34FE,U+3501-3502,U+354B,U+3578,U+3585,U+35AD,U+35B8,U+35CC,U+35CE,U+35D6,U+35D8,U+35DA,U+35E5,U+35F1,U+35F3,U+35FE,U+3614,U+361B,U+3626,U+3654,U+36B7,U+36D3,U+36F1,U+372E,U+3733,U+3737,U+3742,U+374C,U+3757,U+375E,U+3769,U+3772,U+3787,U+37AC,U+37F4,U+3871,U+3899,U+3908-3909,U+3915,U+3972,U+39C1,U+39CC,U+39CE,U+39D2,U+39E1,U+39E3,U+39F3,U+39FB,U+39FE,U+3A02,U+3A11,U+3A28,U+3A2A,U+3A3B,U+3A46,U+3A52,U+3A81,U+3A90,U+3A97,U+3B39,U+3B97,U+3BA3,U+3C35,U+3C60,U+3C6C,U+3CAA,U+3CCC,U+3D18-3D19,U+3D1B,U+3DCC,U+3DDB,U+3DEE,U+3E03,U+3E10,U+3EA9,U+3F08,U+3F13,U+3F4E,U+3F80,U+3F8A,U+3F8E,U+3F9B,U+3FA3,U+3FA7,U+3FAA,U+3FF8,U+3FFF,U+4010,U+402F,U+4034,U+4045,U+4054,U+4065,U+406F,U+4097,U+40C1,U+40D7,U+40E2,U+40EC,U+40F6,U+4167,U+4180,U+4192,U+4198,U+41B6,U+41E2,U+41E7,U+41F6,U+4204,U+421C,U+422A,U+4242,U+4254,U+4286,U+42B5,U+42EA,U+42F3,U+42FB,U+4308,U+4321,U+436A,U+4374,U+4377,U+441C,U+4443,U+4447,U+4463,U+4499,U+44A9,U+44AD,U+44B7,U+44EA,U+4532,U+4537,U+4599,U+45B3,U+45C1,U+45C6,U+45D0,U+4606,U+4625,U+463C,U+465E,U+46B3,U+46DF,U+4737,U+4797,U+479A,U+47D3,U+47D8,U+47E9,U+47EF,U+482C,U+4833,U+4837,U+4842,U+488D,U+48A2,U+48CB,U+494D,U+4951,U+4989,U+49A2,U+49A6,U+4A49,U+4A86,U+4A98,U+4AB5,U+4AC0,U+4AC8,U+4ACC,U+4BB4,U+4BCB,U+4BFA,U+4C3B-4C3C,U+4C43,U+4C71,U+4C7D,U+4C80,U+4C85,U+4CCD-4CCE,U+4CFE,U+4E01,U+4E03,U+4E08,U+4E0C,U+4E0F-4E12,U+4E15,U+4E18-4E19,U+4E1B,U+4E1E-4E22,U+4E26-4E27,U+4E2B,U+4E36,U+4E38-4E39,U+4E3C-4E3D,U+4E42-4E43,U+4E4C,U+4E52-4E54,U+4E56-4E59,U+4E5C-4E5E,U+4E61-4E64,U+4E67-4E6F,U+4E72-4E7E,U+4E80,U+4E82-4E84,U+4E88,U+4E8D,U+4E8F,U+4E91,U+4E93,U+4E95,U+4E97-4E9A,U+4E9C-4E9F,U+4EA1-4EA2,U+4EA5-4EA6,U+4EA8-4EAA,U+4EAC-4EAD,U+4EB1,U+4EB3,U+4EB5-4EB6,U+4EB8-4EB9,U+4EBC-4EBD,U+4EC1-4EC4,U+4EC6-4EC9,U+4ECB,U+4ECF-4ED5,U+4ED7-4EE2,U+4EE4,U+4EE6-4EE9,U+4EEB,U+4EED-4EF5,U+4EF8-4EF9,U+4EFC,U+4EFE,U+4F00-4F16,U+4F19,U+4F1B-4F1F,U+4F21-4F25,U+4F27-4F37,U+4F39-4F3B,U+4F3D-4F45,U+4F47-4F4C,U+4F50-4F52,U+4F54,U+4F56-4F58,U+4F5A,U+4F5D-4F5F,U+4F61-4F64,U+4F66-4F70,U+4F72-4F7E,U+4F80-4F8A,U+4F8C,U+4F8E-4F9A,U+4F9C,U+4F9E-4FB3,U+4FB5-4FBE,U+4FC0-4FDC,U+4FDE-4FE0,U+4FE3-4FED,U+4FEF-5001,U+5003-500F,U+5011,U+5013-5018,U+501A-501E,U+5020-503B,U+503D,U+503F-5046,U+5048-504E,U+5050-5059,U+505B,U+505D-5075,U+5078,U+507A-507B,U+507D-5083,U+5085-50A7,U+50A9-50BB,U+50BD-50C2,U+50C4-50C9,U+50CB,U+50CD-50CE,U+50D0-50F1,U+50F3-510C,U+510E-512F,U+5131-5134,U+5136-513E,U+5140-5141,U+5143-5144,U+5146-5147,U+514A,U+514C-514E,U+5150-5152,U+5154-515E,U+5161-5163,U+5167,U+5169,U+516B,U+516E,U+5172,U+5175,U+5179-517A,U+517C-517D,U+5180-5181,U+5186-518C,U+518F-5191,U+5193-5198,U+519A-519B,U+519D-519E,U+51A0-51AF,U+51B1-51B2,U+51B4,U+51B6,U+51B8-51BF,U+51C1-51C5,U+51C7-51C8,U+51CA-51CE,U+51D0-51DF,U+51E1,U+51E4-51E7,U+51EA-51EB,U+51EF-51F1,U+51F3-51F4,U+51F6,U+51F8-51F9,U+51FB,U+51FD,U+51FF,U+5201-5205,U+5207-5209,U+520B-5214,U+5216,U+5218,U+521C,U+521E-5223,U+5225-5228,U+522A,U+522C-522F,U+5231-5235,U+5238-5239,U+523C-5245,U+5247-524C,U+524E-5252,U+5254-5268,U+526A-526E,U+5270,U+5272-5279,U+527B-529A,U+529C-529D,U+529F,U+52A2-52A5,U+52A7,U+52AA-52B0,U+52B2-52C5,U+52C7-52C8,U+52CA-52F8,U+52FB-52FC,U+52FE-5302,U+5306,U+5308,U+530A,U+530D,U+530F-5310,U+5315,U+5318-5319,U+531B,U+531D,U+5320-5323,U+532A,U+532D-532F,U+5331,U+5339,U+533B,U+533E-5340,U+5345-5346,U+5348-5349,U+534D-534E,U+5351-5354,U+5358-5359,U+535B-535C,U+535E-535F,U+5361,U+5364,U+5366-5367,U+536D-536F,U+5371-5372,U+5375-5379,U+537B,U+537E-5384,U+5387-5388,U+538A,U+538C-538F,U+5391-5399,U+539B-539E,U+53A1-53A2,U+53A4-53AE,U+53B1-53B3,U+53B9-53BA,U+53BC,U+53BF,U+53C1,U+53C3,U+53C6-53C7,U+53C9,U+53CC,U+53CE,U+53D2,U+53D4-53D5,U+53D9-53E2,U+53E7-53E9,U+53EC-53EE,U+53F1,U+53F4-53F6,U+53F8-5402,U+5405-5407,U+5409-540B,U+540F-5410,U+5412,U+5414-5416,U+5418-541C,U+541E-5425,U+5428-542A,U+542D-542E,U+5430-5437,U+5439-5449,U+544B-5457,U+5459-5461,U+5463-5467,U+5469-5472,U+5474-547C,U+547E-548B,U+548D-5495,U+5497-54A5,U+54A7-54C0,U+54C2-54CC,U+54CE-54E5,U+54E7-54E9,U+54EB-552D,U+5530-5545,U+5547-5560,U+5562-5565,U+5567-559B,U+559E-55EE,U+55F0; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-03.bc53194057f42904.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+55F1-5633,U+5635-5667,U+5669-56DA,U+56DC-56DD,U+56DF,U+56E1,U+56E3-56EC,U+56EE-56F3,U+56F5-56FC,U+56FF-571E,U+5720-5727,U+5729-572F,U+5731-5739,U+573B-574E,U+5752-5756,U+5758,U+575C-5760,U+5762-5765,U+5767-578A,U+578C-57BF,U+57C1-57D2,U+57D4-57F8,U+57FB-5801,U+5803-5805,U+5807-5817,U+5819-5835,U+5837-5843,U+5845-584A,U+584C,U+584E-5850,U+5852-585D,U+5860-586A,U+586C-5882,U+5884-589D,U+589F-58AB,U+58AD-58BB,U+58BD-58C0,U+58C2-58E3,U+58E5-58E7,U+58E9-58EA,U+58EC,U+58EE-58EF,U+58F1-58F2,U+58F4,U+58F6-58F7,U+58F9-58FF,U+5903,U+5905-5906,U+5908-5909,U+590C,U+5912,U+5914-5915,U+5917-5919,U+591D-591E,U+5920-5926,U+592B-592F,U+5932-5933,U+5935,U+5937,U+593A-5946,U+5948-5949,U+594C,U+594E-5955,U+5958-5960,U+5962-596F,U+5971-5975,U+5977-5978,U+597A,U+597C,U+597E-5981,U+5983-5987,U+5989-5998,U+599A,U+599C-59CA,U+59CC-59D3,U+59D5-59E6,U+59E8-5A91,U+5A93-5AAA,U+5AAC-5AB4,U+5AB6-5ACF,U+5AD1-5AD2,U+5AD4-5AE7,U+5AE9-5B09,U+5B0B-5B0C,U+5B0F-5B3C,U+5B3E-5B40,U+5B43-5B4F,U+5B51,U+5B53-5B56,U+5B59-5B5A,U+5B5C-5B65,U+5B67-5B68,U+5B6A-5B73,U+5B75,U+5B77-5B7B,U+5B7D-5B7F,U+5B82,U+5B84-5B87,U+5B8A-5B8B,U+5B8D-5B8F,U+5B91-5B97,U+5B99,U+5B9B,U+5B9F-5BA0,U+5BA5-5BB2,U+5BB4-5BB5,U+5BB7-5BB8,U+5BBD-5BC5,U+5BC7-5BCB,U+5BCF-5BD4,U+5BD6-5BDE,U+5BE0-5BF2,U+5BF4-5BF8,U+5BFA-5C00,U+5C02-5C0E,U+5C10,U+5C12-5C13,U+5C15-5C18,U+5C1B-5C1C,U+5C1E-5C23,U+5C25,U+5C27-5C28,U+5C2A-5C2B,U+5C2D-5C30,U+5C32-5C33,U+5C35-5C39,U+5C3B-5C3C,U+5C3E-5C41,U+5C43-5C48,U+5C4A-5C54,U+5C56-5C5D,U+5C5F-5C6F,U+5C73-5C7F,U+5C81-5CA8,U+5CAA-5CB7,U+5CB9-5CC2,U+5CC4-5CD4,U+5CD6-5CF0,U+5CF2-5D0A,U+5D0C-5D45,U+5D47-5D56,U+5D58-5D5E,U+5D60-5D63,U+5D65-5D8E,U+5D90-5D9B,U+5D9D-5DA7,U+5DA9-5DAC,U+5DAE-5DB2,U+5DB4-5DBF,U+5DC1-5DD4,U+5DD6-5DDA,U+5DDD-5DDE,U+5DE1-5DE3,U+5DE7-5DE9,U+5DEB,U+5DED,U+5DEF-5DF0,U+5DF3,U+5DF5-5DF7,U+5DF9,U+5DFB-5E02,U+5E04-5E06,U+5E09-5E0B,U+5E0D-5E25,U+5E27-5E2B,U+5E2F-5E37,U+5E39-5E50,U+5E52-5E71,U+5E79-5E7E,U+5E80-5E83,U+5E85,U+5E87-5E8E,U+5E90-5E92,U+5E96,U+5E98-5E9D,U+5E9F-5EA5,U+5EA8-5EBA,U+5EBC-5EC5,U+5EC7-5ECE,U+5ED0-5ED3,U+5ED5-5EDA,U+5EDC-5EDF; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-04.ac0dec5abf5465f1.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+5EE0-5EE3,U+5EE5-5EF3,U+5EF5,U+5EF7-5EF9,U+5EFB-5EFD,U+5EFF,U+5F01,U+5F03,U+5F05-5F0B,U+5F10-5F14,U+5F16-5F19,U+5F1B,U+5F1D-5F1F,U+5F21,U+5F23-5F2B,U+5F2D-5F2E,U+5F30-5F38,U+5F3C-5F41,U+5F43-5F50,U+5F52,U+5F54,U+5F57-5F59,U+5F5D-5F60,U+5F63-5F70,U+5F72,U+5F74-5F7B,U+5F7D-5F7F,U+5F81-5F83,U+5F86-5F87,U+5F89-5F96,U+5F98-5FAF,U+5FB1-5FBD,U+5FBF-5FC0,U+5FC2,U+5FC7-5FD7,U+5FDA-5FDF,U+5FE1-5FE4,U+5FE6-5FEA,U+5FEC-5FF4,U+5FF6-5FFC,U+5FFE-5FFF,U+6002-600D,U+600F-6014,U+6016-601C,U+601E-6024,U+6026,U+6028-6029,U+602B-603A,U+603C-605C,U+605E-6060,U+6062-606E,U+6071-6073,U+6075-6083,U+6085-6088,U+608A-6093,U+6095-60C4,U+60C6-60C9,U+60CB-60DB,U+60DD-60E1,U+60E3-60EE,U+60F1-60F2,U+60F4-60F7,U+60F9-610E,U+6110-611E,U+6120-6127,U+6129-6132,U+6134-613E,U+6140-6161,U+6163-616C,U+616E-617E,U+6180-6196,U+6198-61C1,U+61C3-6208,U+620A,U+620C-620F,U+6212-6213,U+6215,U+6217,U+6219-621B,U+621D,U+621F-623B,U+623D-623E,U+6241-6246,U+6248-624A,U+624E-6252,U+6254-6262,U+6266-6278,U+627A-627D,U+627F,U+6281-6289,U+628B-6292,U+6294-6296,U+6298-62A4,U+62A6-62B4,U+62B6-62BC,U+62BE-62C4,U+62C7-62CC,U+62CE-62D3,U+62D5-62E4,U+62E6-62E8,U+62EA-62EB,U+62ED-62FE,U+6300,U+6303-6306,U+6308,U+630A-6324,U+6326-6339,U+633B-6348,U+634A-6350,U+6352-6354,U+6356-6360,U+6364-636D,U+636F-6388,U+638A-6391,U+6393-63A1,U+63A3-63A4,U+63A6-63A7,U+63A9-63B0,U+63B2-63CE,U+63D1,U+63D3-63E0,U+63E2-63EC,U+63EE-641B,U+641D-642C,U+642E-643A,U+643C-643E,U+6440-6443,U+6445-6448,U+644B-6477,U+6479-647E,U+6480-64A0,U+64A2-64A9,U+64AB-64AC,U+64AE-64CC,U+64CE-64E4,U+64E6-64E9,U+64EB-651E,U+6520-6527,U+6529-652E,U+6530-6534,U+6537-6538,U+653A-653D,U+653F-6544,U+6546-6547,U+6549-654E,U+6550-6558,U+655A-655D,U+655F-6562,U+6564-6565,U+6567-656A,U+656C-656F,U+6571-6573,U+6575-6578,U+657A,U+657C-6583,U+6585-6586,U+6588-6595,U+6597-6598,U+659B-659C,U+659E-65A5,U+65A7-65AC,U+65AE-65AF,U+65B1,U+65B3-65B4,U+65B6-65B8,U+65BA,U+65BC-65BD,U+65C0,U+65C2,U+65C8-65C9,U+65CC,U+65CE-65CF,U+65D1-65D2,U+65D4-65D9,U+65E6-65E8,U+65EA-65F5,U+65F7-6601,U+6603-660C,U+660F-6612,U+6614-6619,U+661B-6625,U+6627,U+6629,U+662B-662E,U+6630-663D,U+663F-6642,U+6644-6652,U+6654-6659,U+665B-666D,U+6670-6679,U+667B-6681,U+6683-6695,U+6698-66B3,U+66B6-66D0,U+66D2,U+66D4-66F1,U+66F3,U+66F5-66F9,U+66FB-66FD,U+6703-6707,U+670A,U+670C,U+670E-671A,U+671C-671E,U+6720-6721,U+6723,U+6725-6727,U+6729,U+672D-672E,U+6730-6734,U+6736-6739,U+673B-673F,U+6741,U+6743-674F,U+6752-675E,U+6760,U+6762-6764,U+6766-676E,U+6770-677D,U+6780,U+6782-6783,U+6785-678E,U+6791-6799,U+679B,U+679D-67AC,U+67AE-67B5,U+67B7-67BC,U+67BF-67CF,U+67D2,U+67D5-67D6,U+67D8-67DF,U+67E1-67E4,U+67E6-6805,U+6808-680A; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-05.3867a92664048833.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+680B-6813,U+6815-6836,U+683A-683B,U+683D-6842,U+6844-6845,U+6847,U+6849-684B,U+684D-6862,U+6864-6872,U+6874-6875,U+6877-6879,U+687B-688D,U+688F-6896,U+6898-68A3,U+68A5-68B6,U+68B8-68C2,U+68C4-68E4,U+68E6-690C,U+690E-6911,U+6913-6914,U+6916-694C,U+694E-6959,U+695B-6981,U+6983-698A,U+698C-69A5,U+69A7,U+69A9-69D5,U+69D8-69DE,U+69E0-69E9,U+69EB-69F0,U+69F2-6A20,U+6A22-6A25,U+6A27-6A29,U+6A2B-6A2D,U+6A2F-6A30,U+6A32-6A3F,U+6A41-6A45,U+6A47-6A49,U+6A4B-6A57,U+6A59-6A60,U+6A62-6A64,U+6A66-6A68,U+6A6A-6A76,U+6A78-6A7A,U+6A7C-6A82,U+6A84-6A94,U+6A96-6AA6,U+6AA8-6AAB,U+6AAD-6ABD,U+6ABF-6AC8,U+6ACA,U+6ACC-6ADB,U+6ADD-6AE2,U+6AE4-6AF0,U+6AF2-6B00,U+6B02-6B0D,U+6B0F-6B20,U+6B23-6B32,U+6B35-6B3D,U+6B3F-6B5F,U+6B61,U+6B66-6B6D,U+6B6F,U+6B71-6B75,U+6B77-6B79,U+6B7C-6B8A,U+6B8C-6BB4,U+6BB6-6BC1,U+6BC3-6BC6,U+6BC8-6BCB,U+6BCE,U+6BD0-6BD3,U+6BD6-6BD9,U+6BDB-6BE3,U+6BE5-6BFA,U+6BFC-6C0D,U+6C0F-6C10,U+6C12-6C13,U+6C15-6C17,U+6C19,U+6C1B-6C1C,U+6C1F,U+6C21-6C24,U+6C26,U+6C28,U+6C2A-6C2C,U+6C2E-6C30,U+6C32-6C33,U+6C35,U+6C37,U+6C39,U+6C3B-6C40,U+6C43-6C46,U+6C48-6C60,U+6C62-6C88,U+6C8A-6C9C,U+6C9E,U+6CA0,U+6CA2-6CB2,U+6CB4-6CB8,U+6CBA-6CBE,U+6CC0-6CC3,U+6CC5-6CD4,U+6CD6-6CE0,U+6CE2-6CE4,U+6CE6-6CE7,U+6CE9-6CF4,U+6CF7-6D0A,U+6D0C-6D16,U+6D18-6D2E,U+6D30-6D31,U+6D33-6D3A,U+6D3C-6D40,U+6D42-6D44,U+6D46-6D4A,U+6D4C-6D4E,U+6D50-6D52,U+6D54-6D69,U+6D6B-6D72,U+6D74-6D76,U+6D78-6D87,U+6D89-6DA8,U+6DAA-6DB1,U+6DB3-6DBF,U+6DC1-6DE0,U+6DE2-6DEC,U+6DEE-6DF0,U+6DF2-6DF6,U+6DF8-6DFA,U+6DFC-6E04,U+6E07-6E0F,U+6E11-6E14,U+6E16-6E28,U+6E2A-6E37,U+6E39-6E46,U+6E48-6E6F,U+6E71-6E7A,U+6E7C-6E7E,U+6E80-6E83,U+6E85-6E8F,U+6E91-6ED7,U+6ED9-6EE0,U+6EE2-6F01,U+6F03-6F13,U+6F15-6F1A,U+6F1C-6F20,U+6F22-6F2A,U+6F2C-6F41,U+6F44-6F47,U+6F49-6F5B,U+6F5D-6F6D,U+6F6F-6F80,U+6F82-6F90,U+6F92-6F97,U+6F9A-6FA0,U+6FA2-6FA8,U+6FAA-6FB2,U+6FB4-6FB6,U+6FB8-6FC4,U+6FC6-6FD2,U+6FD4-6FF4,U+6FF6-7011,U+7013-702A,U+702C-706F,U+7071-7074,U+7076-7080,U+7082-708D,U+7090-70B8,U+70BA-70C4; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-06.41fcbf797ab0b4b5.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+70C5-70C7,U+70CA-70D4,U+70D7,U+70D9-70E3,U+70E5,U+70E7-70EC,U+70EE-710E,U+7110-7118,U+711A,U+711C-7127,U+7129-712C,U+712E-7135,U+7137,U+7139-714D,U+714F-715A,U+715C-7166,U+7168-716C,U+716E-7187,U+7189-719E,U+71A0-71AE,U+71B0-71B1,U+71B3-71D9,U+71DC-71DD,U+71DF-71E1,U+71E3-71F1,U+71F3-7201,U+7203-722A,U+722C-7230,U+7232,U+7234-723C,U+723E-7246,U+7249-724B,U+724D-7258,U+725A,U+725D-7260,U+7262-7268,U+726A-7278,U+727A-7281,U+7283-7294,U+7296-72A5,U+72A7-72AA,U+72AC,U+72B0-72B5,U+72B7-72EB,U+72ED-731B,U+731D-7381,U+7383-7385,U+7387,U+7389-73A8,U+73AA,U+73AC-73AE,U+73B1-73EC,U+73EE-73F0,U+73F2-7405,U+7407-746F,U+7471-7473,U+7475-74A1,U+74A3-74B2,U+74B4-74B9,U+74BB-74E5,U+74E7-74EA,U+74EC-74F5,U+74F7-74FC,U+74FE-7506,U+7508-7518,U+751B,U+751D-751E,U+7520-7527,U+7529-7534,U+7537-753A,U+753C-7544,U+7546-754B,U+754D-754F,U+7551-7554,U+7556,U+7558,U+755A-755D,U+7560-7564,U+7566-7569,U+756B-7570,U+7572-7574,U+7576-757A,U+757C-7581,U+7583-7587,U+758A-7590,U+7592-7616,U+7618-761A,U+761C-761D,U+761F-7630,U+7632-7644,U+7646-7675,U+7677-7678,U+767A-767C,U+767F,U+7681-7682,U+7685-768C,U+768E-7694,U+7696-769A,U+769C-76A7,U+76A9-76AD,U+76AF-76B0,U+76B2-76C7,U+76C9-76D0,U+76D2-76D5,U+76D7-76DF,U+76E1-76E5,U+76E7-76E8,U+76EA,U+76EF-76F1,U+76F3,U+76F5-76F7,U+76F9-7700,U+7702-7708,U+770A,U+770C-7713,U+7715-7717,U+7719-771E,U+7720-773B,U+773D-773F,U+7741,U+7743-7757,U+7759-775C,U+775E-7760,U+7762-7788,U+778A-778F,U+7791-77AB,U+77AD,U+77AF-77BD,U+77BF-77C7,U+77C9-77CE,U+77D0-77E4,U+77E6-77F2,U+77F4-77FE,U+7800,U+7802-7813,U+7815-7832,U+7835-783F,U+7841-786B,U+786D,U+786F-78AF,U+78B1-78B2,U+78B4-790F,U+7911-7939,U+793D-7957,U+7959-795D,U+795F-7962,U+7964-796A; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-07.e09b605fb6530e48.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+796B-7971,U+7973-799B,U+799D-79A3,U+79A5-79B7,U+79B9-79BA,U+79BD-79BF,U+79C1-79CC,U+79CE-79D0,U+79D3-79EE,U+79F1-79FA,U+79FC-79FF,U+7A02-7A0A,U+7A0C-7A24,U+7A26-7A6E,U+7A70-7A75,U+7A77-7A79,U+7A7B-7A80,U+7A82-7A95,U+7A97-7A9A,U+7A9C-7AB8,U+7ABA-7ABF,U+7AC1,U+7AC3-7ACA,U+7ACC-7AD1,U+7AD3-7AD8,U+7ADA-7ADE,U+7AE1-7AEE,U+7AF0-7AF4,U+7AF6,U+7AF9-7B10,U+7B12-7B13,U+7B15-7B1C,U+7B1E-7B2B,U+7B2D-7B31,U+7B33-7B48,U+7B4A-7B52,U+7B55-7B7B,U+7B7D,U+7B7F,U+7B81-7B96,U+7B98-7B99,U+7B9B-7BA0,U+7BA2-7BA6,U+7BA8-7BB0,U+7BB2-7BC6,U+7BC8-7BCF,U+7BD1-7BD4,U+7BD6-7BF8,U+7BFA-7C0A,U+7C0C-7C11,U+7C13,U+7C15-7C19,U+7C1B-7C2C,U+7C2E-7C30,U+7C32-7C33,U+7C35-7C4C,U+7C4E-7C50,U+7C53-7C7A,U+7C7C-7C88,U+7C8A-7C96,U+7C98-7CBD,U+7CBF-7CC9,U+7CCB-7CD5,U+7CD7-7CE4,U+7CE6-7CEC,U+7CEE-7CF0,U+7CF2-7CF8,U+7CFA,U+7CFC-7D1F,U+7D21,U+7D23-7D26,U+7D28-7D2A,U+7D2C-7D2E,U+7D30-7D6C,U+7D6E-7D81,U+7D83-7DC2,U+7DC4-7DD5,U+7DD7-7E63,U+7E65-7E9E,U+7EA0-7EA1,U+7EA3-7EA5,U+7EA8-7EAE,U+7EB0-7EB7,U+7EB9-7EBE,U+7EC0-7EC2,U+7EC5,U+7EC9-7ECE,U+7ED0-7ED2,U+7ED4,U+7ED6-7ED8,U+7EDA-7EDB,U+7EDE,U+7EE0-7EE6,U+7EE8-7EEC,U+7EEE-7F12,U+7F14-7F15,U+7F17-7F28,U+7F2A-7F39,U+7F3B-7F41,U+7F43-7F49,U+7F4B-7F50,U+7F54-7F56,U+7F58-7F6D,U+7F6F-7F7F,U+7F82-7F8D,U+7F8F,U+7F91-7FA3,U+7FA5-7FB3,U+7FB5-7FBB,U+7FBD-7FCE,U+7FD0-7FE3,U+7FE5-7FFA,U+7FFC-8000,U+8004,U+8006,U+800A-800B,U+800D-800F,U+8011-8016,U+8018-803B,U+803D-8049,U+804B,U+804D-8050,U+8052-8053,U+8055-8059,U+805B-806A,U+806C-806D,U+806F-807F,U+8082-8087,U+808A-8095,U+8097-80A5,U+80A7-80A9,U+80AB-80B1,U+80B3-80B7,U+80B9-80BA,U+80BC-80CB,U+80CD-80D5,U+80D7-80E0,U+80E2-80FC,U+80FF-8101,U+8103-8105,U+8107-8108,U+810A,U+810C-8110,U+8112-8116,U+8118-8119,U+811B,U+811D-8126,U+8128-8153,U+8155-8164,U+8166-817A,U+817C-818A,U+818C-8192,U+8194-81A4,U+81A6-81DC,U+81DE-81E5,U+81E7-81E8,U+81EB-81ED,U+81EF-81F0,U+81F2,U+81F4-81F7,U+81F9-81FE,U+8200-8202,U+8205-820A,U+820E-8211,U+8213-8218,U+821A-821C,U+821E-8226,U+8228-822B,U+822D; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-08.74453e8d1fff8ec6.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+822E-8271,U+8273-8279,U+827B-8281,U+8283-8287,U+8289-82B0,U+82B2,U+82B4-82E4,U+82E6-82F0,U+82F2-82F8,U+82FA-8302,U+8304-830E,U+8310-8314,U+8316-832F,U+8331-8348,U+834A-834F,U+8351-8364,U+8366-836B,U+836D-8392,U+8394-83B5,U+83B7-83CF,U+83D1-83DB,U+83DD,U+83DF-8403,U+8405-8407,U+8409-841A,U+841C-841D,U+841F-8424,U+8426-843C,U+843E-844C,U+844E-8456,U+8458-8460,U+8462-8469,U+846B-8482,U+8484-8485,U+8488-848E,U+8490-84A6,U+84A8-84B7,U+84B9-84CB,U+84CD-84DE,U+84E0-8504,U+8506-8531,U+8533-853D,U+853F-8545,U+8547-854F,U+8551-8571,U+8573-857A,U+857C-858D,U+858F-8592,U+8594-8599,U+859B-85A6,U+85A8-85CE,U+85D0-85D1,U+85D3-85DF,U+85E1-85E3,U+85E5-85F0,U+85F2-8602,U+8604-8608,U+860A-860D,U+860F-861A,U+861C-8623,U+8625-8636,U+8638-863F,U+8641-8643,U+8645-8646,U+8648-864C,U+864E-8650,U+8652-8655,U+8658,U+865A-8660,U+8662-8663,U+8665-8667,U+8669,U+866B-867C,U+867E-86A5,U+86A7-86CD,U+86CF-8700,U+8702-8744,U+8747-8776,U+8778-878C,U+878E-8791,U+8793-879B,U+879D-87A3,U+87A5-87B9,U+87BB-87D6,U+87D8-87FE,U+8800-8802,U+8804-8824,U+8826,U+8828-882A,U+882C-8839,U+883B-883C,U+883E,U+8840-884A,U+884D-884E,U+8853,U+8855-8857,U+8859-885B,U+885D-885E,U+8862,U+8866-8867,U+8869-886D,U+886F-8879,U+887C-888B,U+888D-889F,U+88A1-88AA,U+88AD-88B1,U+88B3-88C1,U+88C3-88C4,U+88C6-88D1,U+88D3-88DA,U+88DC-88E5,U+88E7-88F4,U+88F6-8900,U+8902-890E,U+8910-8921,U+8923-892C,U+892F-8930,U+8932-893B,U+893D-8942,U+8944-896A,U+896C-897D,U+8982-8985,U+8987-8988,U+898B-899C,U+899F-89AD,U+89AF-89B5,U+89B7-89BA,U+89BC-89C0,U+89C3,U+89C5,U+89C7,U+89CA-89D1,U+89D3-89DD,U+89DF,U+89E1-89E2,U+89E4-89E5,U+89E7-89EF,U+89F1,U+89F3-89F6,U+89F8-89FF,U+8A02-8A19,U+8A1B-8A5B,U+8A5D-8A63,U+8A65-8A66,U+8A68-8AA8,U+8AAA-8AD4; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-09.9cc605beb1f71bbc.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+8AD5-8AEB,U+8AED-8B07,U+8B09-8B0C,U+8B0E-8B75,U+8B77-8B7B,U+8B7D-8B8D,U+8B90-8B9F,U+8BA3,U+8BA5-8BA7,U+8BAA-8BAC,U+8BAF,U+8BB1,U+8BB3-8BB7,U+8BB9,U+8BBB-8BBD,U+8BBF-8BC0,U+8BC2-8BC3,U+8BC5,U+8BC7-8BC8,U+8BCA-8BCC,U+8BCE-8BD0,U+8BD2-8BD4,U+8BD6-8BD9,U+8BDB-8BDC,U+8BDE-8BE4,U+8BE6-8BEC,U+8BEE,U+8BF0,U+8BF2-8BF3,U+8BF5-8BF6,U+8BF8-8BFA,U+8BFC-8BFD,U+8BFF-8C00,U+8C02,U+8C04-8C07,U+8C09-8C0A,U+8C0C-8C12,U+8C14-8C36,U+8C38-8C3A,U+8C3C-8C55,U+8C58,U+8C5A-8C60,U+8C62-8C65,U+8C67-8C68,U+8C6A-8C6F,U+8C71-8C72,U+8C74-8C8B,U+8C8D-8CAD,U+8CAF-8CB4,U+8CB6-8CCE,U+8CD0-8CD3,U+8CD5-8CEA,U+8CEC-8CED,U+8CF0-8CF6,U+8CF9-8D00,U+8D02-8D11,U+8D13-8D18,U+8D1A-8D1C,U+8D1E,U+8D20-8D22,U+8D24-8D25,U+8D27,U+8D29-8D2C,U+8D2E-8D34,U+8D36-8D43,U+8D45-8D48,U+8D4A,U+8D4C,U+8D4E-8D50,U+8D52,U+8D54-8D59,U+8D5C-8D6F,U+8D72-8D75,U+8D78-8D80,U+8D82-8D89,U+8D8B-8DA0,U+8DA2,U+8DA4-8DAB,U+8DAD-8DAF,U+8DB1-8DB2,U+8DB4-8DD0,U+8DD2-8DDE,U+8DE0-8DEE,U+8DF0-8DF2,U+8DF4-8E27,U+8E29-8E51,U+8E53-8E6D,U+8E6F-8E71,U+8E73-8E76,U+8E78-8E98,U+8E9A,U+8E9C-8EA1,U+8EA3-8EAA,U+8EAC-8EE2,U+8EE4-8EEB,U+8EED-8F0A,U+8F0C-8F59,U+8F5B-8F6B,U+8F6D,U+8F70-8F7A,U+8F7C,U+8F7E-8F82,U+8F84-8F90,U+8F92-8FA0,U+8FA2,U+8FA4,U+8FA6,U+8FA9,U+8FAB,U+8FAD-8FB8,U+8FBA-8FBD,U+8FBF-8FC6,U+8FC8-8FCF,U+8FD2-8FD3,U+8FD5-8FD7,U+8FDA,U+8FDD,U+8FDF-8FEF,U+8FF1-8FF6,U+8FF8-8FFC,U+8FFE-8FFF,U+9003-9008,U+900A-900B,U+900D-900E,U+9011,U+9013,U+9015-9016,U+9018-9019,U+901B-901E,U+9021-902B,U+902D-902F,U+9031-9039,U+903D-903F,U+9041-9046,U+9048-904C,U+904E-9052,U+9054-9056,U+9058-9059,U+905B-907A,U+907C-9088,U+908A-908C,U+908F-90A2,U+90A4-90C0,U+90C2-90C3,U+90C5-90D1,U+90D3-90E7,U+90E9-90FA,U+90FC,U+90FE-9114,U+9116-914C,U+914E-9151,U+9154-9167,U+9169-9172,U+9174,U+9176-9177,U+9179-917E,U+9180-918A,U+918C-9191,U+9194,U+9196-919E,U+91A0-91A1,U+91A3-91C6,U+91C8-91C9,U+91CB,U+91CE,U+91D0-9273,U+9275-9394; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-10.b3212fd886e0cb6f.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+9395-9401,U+9403-9420,U+9422-9440,U+9442-9484,U+9486-949E,U+94A0-94B0,U+94B2-94BA,U+94BC-94F5,U+94F7-94FF,U+9501-950D,U+950F-9518,U+951A-952D,U+952F-9546,U+9548-955B,U+955D-9577,U+9579-957E,U+9580,U+9582-9583,U+9586,U+9589,U+958B,U+958E-958F,U+9591-9594,U+9598,U+95A1-95A5,U+95A8-95AA,U+95AD-95AE,U+95B1-95B2,U+95B7,U+95B9,U+95BB,U+95BD-95BE,U+95C6-95C8,U+95CA-95CD,U+95D0,U+95D4-95D6,U+95D8,U+95DC,U+95DE,U+95E1-95E2,U+95E9-95EA,U+95EF-95F2,U+95F5,U+95F7-95FA,U+95FD-95FE,U+9600-9602,U+9609,U+960E,U+9610-9611,U+9614-9617,U+9619,U+961C,U+961E-9631,U+9634,U+9637-9643,U+9646-9647,U+9649-964B,U+964E-964F,U+9651-9661,U+9663,U+9665-9668,U+966B-9678,U+967A-9681,U+9683-9688,U+968A-968E,U+9690-9692,U+9695-96B1,U+96B4-96B8,U+96BB-96BD,U+96BF-96C4,U+96C7,U+96C9-96CF,U+96D1-96D3,U+96D5-96D6,U+96D8-96D9,U+96DB-96DE,U+96E1-96E5,U+96E7,U+96E9-96F5,U+96F7-96FF,U+9701-9708,U+970A-971A,U+971C,U+971E-971F,U+9721-9724,U+9726-9731,U+9733-973E,U+9740-974C,U+974E-974F,U+9751,U+9753-9758,U+975A-975D,U+975F,U+9761,U+9763-9796,U+9798-97B3,U+97B5-97CE,U+97D0-97DA,U+97DC-97EF,U+97F4-97FC,U+97FE-9824,U+9826-982D,U+9830-983E,U+9840-9847,U+9849-9867,U+9869-9871,U+9873-9874,U+9877-9878,U+987C-987D,U+9880-9883,U+9885-988C,U+988F-9890,U+9893-9896,U+9899-989B,U+989E-98A2,U+98A4-98B3,U+98B5-98C4,U+98C6-98C8,U+98CA-98CC,U+98CF-98DC,U+98E1-98ED,U+98EF-990C,U+990E-990F,U+9911-9928,U+992A-9949,U+994B-9962,U+9964-996C,U+996F-9970,U+9972-9992,U+9994-9995,U+9997-9998,U+999A-99AA,U+99AC-99E5,U+99E7-99F4,U+99F6-9A32,U+9A34-9A50,U+9A52-9A57,U+9A59-9A5C,U+9A5E-9A6A,U+9A6D-9A88,U+9A8A-9A8B,U+9A8D-9AB7,U+9AB9-9AD7,U+9ADA-9AE4,U+9AE6-9B08,U+9B0A-9B0B,U+9B0D-9B1A,U+9B1C-9B25,U+9B27-9B2A,U+9B2E,U+9B31-9B34,U+9B36-9B39,U+9B3B-9B9C,U+9B9E-9BB9,U+9BBB-9BC7,U+9BC9-9BD6,U+9BD8-9BEB,U+9BED-9C15,U+9C17-9C26,U+9C28-9C33,U+9C35-9C7A,U+9C7D-9C88; }
@font-face { font-family: "WineY Jason"; src: url("/assets/fonts/optimized/hand-extra-11.4223a0324cb269bf.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+9C89-9C8D,U+9C8F-9C9B,U+9C9F-9CEB,U+9CED-9CEE,U+9CF0-9D07,U+9D09-9D45,U+9D47-9D59,U+9D5B-9D78,U+9D7A-9D90,U+9D92-9DE9,U+9DEB-9DEF,U+9DF1-9E00,U+9E02-9E20,U+9E22-9E33,U+9E35-9E7F,U+9E82-9E85,U+9E87-9E88,U+9E8A-9E8B,U+9E92-9E93,U+9E97,U+9E9D,U+9E9F,U+9EA3-9EBA,U+9EBC-9EC0,U+9EC3,U+9EC5-9EC8,U+9ECA-9ECB,U+9ECD-9ED0,U+9ED2-9EE0,U+9EE2-9EE6,U+9EE8-9EF0,U+9EF2-9EFF,U+9F01-9F02,U+9F05-9F08,U+9F0A-9F0B,U+9F0E-9F10,U+9F14-9F1C,U+9F1E-9F20,U+9F22-9F32,U+9F34-9F3A,U+9F3C-9F4B,U+9F4F-9F50,U+9F52-9F78,U+9F7A-9F8E,U+9F90-9F91,U+9F93-9F95,U+9F97,U+9F99-9F9A,U+9F9C-9FA5,U+9FEB-9FEC,U+F96F,U+FA0E-FA0F,U+FA11,U+FA13-FA14,U+FA1F-FA21,U+FA23-FA24,U+FA27-FA29,U+FA3C,U+FA49,U+FA58,U+FA5D-FA5E,U+FE30-FE31,U+FE33-FE44,U+FE49-FE52,U+FE54-FE57,U+FE59-FE66,U+FE68-FE6B,U+2028E,U+20547,U+20584,U+205FB,U+20731,U+207A9,U+207AD,U+2081D,U+20895,U+20BD7,U+20CBF,U+20EF9,U+21883,U+21CDE,U+21DD1,U+224DC,U+22AB1,U+22AE6,U+22BED,U+22BFE,U+22C64,U+22CB4,U+22CB8,U+22CC6,U+22CEA,U+22D80,U+22F0C,U+22F1B,U+23073,U+23350,U+236EE,U+23B88,U+23CA9,U+23EF8,U+23F0E,U+241AC,U+24259,U+242B6,U+2430D,U+24352,U+243F8,U+24419,U+24430,U+24605,U+2479A,U+24C8D,U+24D83,U+24E01,U+24E31,U+24E85,U+24EAA,U+2512B,U+2524C,U+2531A,U+25349,U+25435,U+2546E,U+25BDF,U+25BE5,U+25C14,U+25D0A,U+25E86,U+2624E,U+26293,U+26706,U+267EA,U+2725F,U+27285,U+27304,U+27A63,U+27B99,U+27EF4,U+27FEC,U+27FF3,U+280BE-280BF,U+280F0,U+28154,U+282E2,U+28468,U+28487,U+28891,U+289C0,U+28A0F,U+28B46,U+28B4E,U+28CCA,U+28CCD,U+28CD2,U+28D99,U+2947E,U+296A8,U+296E9,U+29704,U+29730,U+297D7,U+29D71,U+29E19,U+29E36,U+29F27,U+2A04E,U+2A41E,U+2A590,U+2A612,U+2A736,U+2AE5A,U+2B74F,U+2B75B,U+2B77A-2B77B,U+2B7BC,U+2B7C2,U+2B7E7,U+2B81B,U+2B8C6,U+2C816,U+2C9B0; }

:root {
  --paper: #f3eee3;
  --paper-deep: #e9dfcf;
  --ink: #24231f;
  --muted: #6d685f;
  --hairline: rgba(48, 44, 37, 0.24);
  --clay: #9b523d;
  --leaf: #526548;
  --gold: #aa8145;
  --shadow: 0 12px 34px rgba(60, 48, 35, 0.12);
  --serif: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --hand: "WineY Jason", "WineY Caveat", "Kaiti SC", cursive;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 17% 12%, rgba(255,255,255,.7), transparent 27rem),
    repeating-linear-gradient(0deg, rgba(74,58,38,.018) 0, rgba(74,58,38,.018) 1px, transparent 1px, transparent 5px),
    var(--paper);
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
a[href]:focus-visible, .menu-button:focus-visible {
  outline: 2px solid var(--clay);
  outline-offset: 4px;
}
@media (forced-colors: active) {
  a[href]:focus-visible, .menu-button:focus-visible { outline-color: Highlight; }
}
img { display: block; max-width: 100%; }
button { font: inherit; }
.skip-link { position: fixed; top: -4rem; left: 1rem; z-index: 100; background: var(--ink); color: white; padding: .6rem 1rem; }
.skip-link:focus { top: 1rem; }

.site-shell {
  width: min(1180px, calc(100% - 30px));
  margin: 18px auto;
  min-height: calc(100vh - 36px);
  border: 1px solid rgba(73,61,44,.2);
  background: rgba(248,244,235,.82);
  box-shadow: 0 18px 56px rgba(52,41,29,.14);
  position: relative;
  overflow: hidden;
}
.site-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 18px 0 36px rgba(80,61,39,.04), inset -12px 0 28px rgba(255,255,255,.45);
}
.inner { width: min(1020px, calc(100% - 48px)); margin: 0 auto; position: relative; z-index: 1; }

.masthead { position: relative; z-index: 30; border-bottom: 1px solid var(--hairline); }
.nav-row { min-height: 82px; display: flex; align-items: center; gap: 2rem; }
.brand { font-family: var(--hand); font-size: 1.55rem; letter-spacing: .02em; white-space: nowrap; }
.nav { margin-left: auto; display: flex; align-items: center; gap: clamp(1rem, 2.8vw, 2.1rem); font-family: var(--hand); font-size: 1rem; }
.nav a { position: relative; padding: 1.4rem 0 1.1rem; }
.nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 1rem; height: 1px; background: var(--clay); transition: right .2s ease; }
.nav a:hover::after, .nav a[aria-current="page"]::after { right: 0; }
.menu-button { display: none; margin-left: auto; background: none; border: 0; padding: .6rem; font-family: var(--hand); color: var(--ink); }

.hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: clamp(2rem, 7vw, 6rem); padding: clamp(4.8rem, 9vw, 7rem) 0 5.4rem; align-items: center; }
.eyebrow { margin: 0 0 1rem; color: var(--muted); font-family: var(--hand); font-size: 1.05rem; letter-spacing: .08em; }
.hero h1 { margin: 0; font-family: var(--hand); font-weight: 400; font-size: clamp(3.6rem, 8.2vw, 6.75rem); line-height: .9; letter-spacing: -.055em; }
.hero h1 span { color: var(--clay); }
.hero-cn { margin: 2.65rem 0 0; font-family: var(--hand); font-weight: 400; font-size: clamp(1.5rem, 3vw, 2.48rem); line-height: 1.48; max-width: 15em; }
.hero-cn::after { content: ""; display: block; width: min(16rem, 68%); margin: .5rem 0 1.9rem 2.2rem; height: 2px; background: var(--clay); transform: rotate(-2deg); opacity: .82; }
.intro { color: #514d45; max-width: 36rem; margin: 0; }
.signature { margin: 2rem 0 0 70%; font-family: var(--hand); font-size: 1.6rem; transform: rotate(-4deg); }

.book-note { width: min(380px, 96%); justify-self: end; position: relative; display: flex; flex-direction: column; padding: 0; }
.book-status { order: 0; align-self: flex-start; margin: 0 0 .7rem .2rem; padding: .12rem .68rem .08rem; border: 1px solid rgba(73,61,44,.2); color: var(--clay); font-family: var(--hand); font-size: .9rem; letter-spacing: .05em; line-height: 1.5; transform: rotate(-1.2deg); }
.book-cover-link { order: 1; display: block; width: 100%; position: relative; transition: transform .2s ease; }
.book-note img { width: 100%; position: relative; transition: filter .2s ease; }
.book-cover-link:hover { transform: translateY(-3px); }
.book-cover-link:hover img { filter: drop-shadow(0 10px 12px rgba(60,48,35,.08)); }
.book-cover-link:focus-visible, .book-actions a:focus-visible { outline: 2px solid var(--clay); outline-offset: 4px; }
.book-actions { order: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem 1.2rem; margin-top: 1.25rem; font-family: var(--hand); font-size: 1rem; line-height: 1.45; }
.book-actions a { border-bottom: 1px solid rgba(36,35,31,.55); }
.book-actions a:hover { color: var(--clay); border-bottom-color: var(--clay); }
.book-actions .book-buy-link { color: var(--clay); border-bottom-color: var(--clay); }

.section { border-top: 1px solid var(--hairline); padding: 3.8rem 0 4.5rem; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.section-heading h2, .page-title { margin: 0; font-family: var(--hand); font-weight: 400; font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1.05; }
.section-heading h2 small { font-family: var(--serif); font-size: .96rem; letter-spacing: .08em; }
.text-link { font-family: var(--hand); border-bottom: 1px solid var(--ink); line-height: 1.4; }

.notebook-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--hairline); }
.notebook-card { background: rgba(249,246,238,.86); min-height: 250px; padding: 1.7rem 1.45rem 1.5rem; display: flex; flex-direction: column; transition: background .2s ease, transform .2s ease; }
.notebook-card + .notebook-card { border-left: 1px solid var(--hairline); }
.notebook-card:hover { background: #fbf8f1; transform: translateY(-3px); }
.notebook-card .num { margin-right: .42rem; color: var(--muted); font-family: var(--hand); font-size: .82rem; vertical-align: .12em; }
.notebook-card h3 { font-family: var(--hand); font-weight: 400; font-size: 1.48rem; line-height: 1.28; margin: .2rem 0 .8rem; }
.notebook-card h3::after { content: ""; display: block; width: 4.7rem; height: 2px; background: var(--clay); margin-top: .35rem; transform: rotate(-2deg); }
.notebook-card:nth-child(2) h3::after { background: var(--leaf); }
.notebook-card:nth-child(3) h3::after { background: var(--gold); }
.notebook-card p { margin: 0; color: var(--muted); font-size: .98rem; line-height: 1.65; }
.arrow { margin-top: auto; font-size: 1.35rem; }

.recent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.65rem; align-items: start; }
.note-card { --note-accent: var(--clay); min-width: 0; }
.note-card--leaf { --note-accent: var(--leaf); }
.note-card--gold { --note-accent: var(--gold); }
.note-paper { display: flex; flex-direction: column; min-height: 310px; padding: 1.65rem 1.55rem 2.3rem; position: relative; overflow: hidden; border: 1px solid rgba(74,61,43,.17); background: linear-gradient(145deg, color-mix(in srgb, var(--note-accent) 4%, transparent), transparent 42%), rgba(249,246,238,.9); box-shadow: 0 8px 20px rgba(60,47,31,.075); transition: transform .2s ease, box-shadow .2s ease; }
.note-card:nth-child(1) .note-paper { transform: rotate(-.35deg); }
.note-card:nth-child(2) .note-paper { transform: rotate(.22deg); }
.note-card:nth-child(3) .note-paper { transform: rotate(-.12deg); }
.note-paper::before { content: ""; position: absolute; inset: .55rem; pointer-events: none; border-top: 1px solid color-mix(in srgb, var(--note-accent) 24%, transparent); opacity: .8; }
.note-paper:hover { transform: translateY(-3px) rotate(0); box-shadow: 0 12px 25px rgba(60,47,31,.1); }
.note-paper:focus-visible { outline: 2px solid var(--note-accent); outline-offset: 4px; }
.note-paper time { display: block; color: var(--muted); font-family: var(--hand); font-size: .83rem; letter-spacing: .04em; }
.note-paper h3 { margin: 1.05rem 0 .8rem; position: relative; z-index: 1; font-family: var(--hand); font-weight: 400; font-size: clamp(1.35rem, 2.1vw, 1.62rem); line-height: 1.48; }
.note-paper h3::after { content: ""; display: block; width: 3.8rem; height: 1px; margin-top: .8rem; background: var(--note-accent); transform: rotate(-2deg); opacity: .7; }
.note-paper p { max-width: 16rem; margin: 0; position: relative; z-index: 1; color: var(--muted); font-size: .93rem; line-height: 1.7; }
.note-mark { position: absolute; color: var(--note-accent); opacity: .42; pointer-events: none; }
.note-mark--path { right: 1rem; bottom: .85rem; width: 8.5rem; height: 5.7rem; }
.note-mark--path::before { content: ""; position: absolute; right: 0; bottom: 1.15rem; width: 8rem; height: 3.8rem; border-top: 1px solid currentColor; border-radius: 50%; transform: rotate(-11deg); }
.note-mark--path::after { content: ""; position: absolute; right: 1.35rem; bottom: .75rem; width: 3.2rem; height: 3.2rem; border-left: 1px solid currentColor; border-radius: 50%; transform: rotate(24deg); }
.note-mark--scent { left: 1.25rem; bottom: .9rem; width: 6.5rem; height: 6.8rem; }
.note-mark--scent::before { content: ""; position: absolute; left: 2.1rem; bottom: 0; width: 2.7rem; height: 6.3rem; border-left: 1px solid currentColor; border-radius: 48%; transform: rotate(12deg); }
.note-mark--scent::after { content: "·  ·"; position: absolute; left: .25rem; top: -.7rem; font-family: var(--hand); font-size: 2rem; letter-spacing: 1.15rem; transform: rotate(-8deg); }
.note-mark--horizon { left: 50%; bottom: 1rem; width: 8.5rem; height: 4.8rem; transform: translateX(-50%); }
.note-mark--horizon::before { content: ""; position: absolute; left: 0; right: 0; bottom: 1.15rem; height: 1px; background: currentColor; transform: rotate(-2deg); }
.note-mark--horizon::after { content: ""; position: absolute; left: 50%; bottom: .85rem; width: 1.8rem; height: 1.8rem; border: 1px solid currentColor; border-radius: 50%; transform: translateX(-50%); background: rgba(249,246,238,.82); }

.test-insert-section { padding-block: 4.8rem; }
.test-insert {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: min(860px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(2.1rem, 5vw, 3.6rem) clamp(1.8rem, 6vw, 4.4rem);
  position: relative;
  background:
    repeating-linear-gradient(0deg, transparent 0, transparent 2.15rem, rgba(87,77,62,.08) 2.15rem, rgba(87,77,62,.08) calc(2.15rem + 1px)),
    #eee5d3;
  box-shadow: 0 10px 25px rgba(60,47,31,.08);
  transform: rotate(-.35deg);
  transition: transform .2s ease, box-shadow .2s ease;
}
.test-insert::before { content: ""; position: absolute; top: 1.25rem; right: 1.8rem; width: 4rem; height: 2.15rem; border: 1px solid rgba(73,61,44,.28); border-radius: 50%; transform: rotate(-9deg); }
.test-insert:hover { transform: rotate(-.15deg) translateY(-2px); box-shadow: 0 13px 30px rgba(60,47,31,.11); }
.test-insert-lead { grid-column: 1; font-family: var(--hand); font-size: 1.25rem; }
.test-insert-meta { grid-column: 2; grid-row: 1; color: var(--muted); font-family: var(--hand); font-size: .95rem; padding-right: 4.8rem; }
.test-insert strong { grid-column: 1 / -1; margin-top: 1.35rem; font-family: var(--hand); font-size: clamp(2rem, 4.1vw, 3rem); font-weight: 400; line-height: 1.35; }
.test-insert-copy { grid-column: 1 / -1; margin-top: 1rem; color: var(--muted); max-width: 39rem; }
.test-insert-link { grid-column: 1; width: max-content; margin-top: 1.7rem; font-family: var(--hand); font-size: 1.15rem; border-bottom: 1px solid var(--ink); line-height: 1.35; }
.test-insert:focus-visible { outline: 2px solid var(--clay); outline-offset: 5px; }

.quote-strip { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3rem; background: rgba(230,218,194,.62); padding: 2rem 2.5rem; transform: rotate(-.4deg); }
.quote-strip blockquote { margin: 0; font-family: var(--hand); font-size: clamp(1.35rem, 3vw, 2.1rem); line-height: 1.5; }
.quote-strip cite { font-family: var(--hand); font-size: 1.4rem; white-space: nowrap; }

.site-footer { border-top: 1px solid var(--hairline); padding: 1.4rem 0 2rem; }
.footer-row { display: flex; justify-content: space-between; gap: 2rem; color: var(--muted); font-size: .86rem; }
.footer-brand { color: var(--ink); font-family: var(--hand); font-size: 1.2rem; }

.page-head { padding: 4.5rem 0 3rem; display: grid; grid-template-columns: 1fr minmax(220px, 330px); gap: 3rem; align-items: end; }
.page-head--single { grid-template-columns: minmax(0, 46rem); }
.page-head p { color: var(--muted); max-width: 42rem; margin: 1.2rem 0 0; }
.margin-note { border-left: 1px solid var(--clay); padding-left: 1.1rem; color: var(--muted); font-family: var(--hand); font-size: 1.05rem; transform: rotate(-1deg); }
.article-list { border-top: 1px solid var(--hairline); }
.article-row { display: grid; grid-template-columns: 7rem 1fr auto; gap: 2rem; padding: 2.1rem 0; border-bottom: 1px solid var(--hairline); align-items: start; }
.article-row .meta { font-family: var(--hand); color: var(--muted); font-size: .86rem; }
.article-row h2 { margin: 0 0 .55rem; font-family: var(--hand); font-weight: 400; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.35; }
.article-row p { margin: 0; color: var(--muted); max-width: 46rem; }
.article-row .go { font-size: 1.4rem; padding-top: .5rem; }

.why-index { list-style: none; margin: 0 0 5rem; padding: 0; border-top: 1px solid var(--hairline); }
.why-index li { border-bottom: 1px solid var(--hairline); }
.why-index a { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; gap: 1.5rem; align-items: start; padding: 2.25rem 0 2.4rem; }
.why-index-num { color: var(--clay); font-family: var(--hand); font-size: 1rem; padding-top: .25rem; }
.why-index small { display: block; color: var(--muted); font-family: var(--hand); font-size: .86rem; margin-bottom: .3rem; }
.why-index strong { display: block; font-family: var(--hand); font-size: clamp(1.55rem, 3vw, 2.25rem); font-weight: 400; line-height: 1.42; }
.why-index-description { display: block; color: var(--muted); margin-top: .55rem; font-size: .96rem; }
.why-index .go { padding-top: 1.75rem; font-size: 1.35rem; }
.why-index a:hover strong { color: var(--clay); }

.article { width: min(760px, calc(100% - 48px)); margin: 0 auto; padding: 4.7rem 0 6rem; }
.article-kicker { font-family: var(--hand); color: var(--clay); }
.article h1 { font-family: var(--hand); font-weight: 400; font-size: clamp(2.4rem, 6vw, 4.5rem); line-height: 1.25; margin: .5rem 0 1rem; }
.article .dek { color: var(--muted); font-size: 1.05rem; border-bottom: 1px solid var(--hairline); padding-bottom: 1.8rem; margin-bottom: 2.5rem; }
.prose h2 { font-family: var(--hand); font-weight: 400; font-size: 1.8rem; margin: 2.6rem 0 .8rem; }
.prose p { margin: 0 0 1.25rem; }
.prose strong { font-weight: 600; }
.prose blockquote { margin: 2.2rem 0; padding: 1.2rem 1.5rem; border-left: 2px solid var(--clay); background: rgba(234,224,204,.45); font-size: 1.08rem; }
.back-link { font-family: var(--hand); display: inline-block; margin-bottom: 2rem; border-bottom: 1px solid var(--ink); }
.why-date { color: var(--muted); font-family: var(--hand); font-size: .88rem; border-bottom: 1px solid var(--hairline); padding-bottom: 1.6rem; margin: 0 0 2.5rem; }
.article-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 4.5rem; padding-top: 1.5rem; border-top: 1px solid var(--hairline); }
.article-nav a { font-family: var(--hand); line-height: 1.5; }
.article-nav a span { display: block; color: var(--muted); font-size: .82rem; margin-bottom: .35rem; }
.article-nav .next { text-align: right; }

.book-layout { display: grid; grid-template-columns: minmax(220px, 380px) 1fr; gap: clamp(2rem, 7vw, 6rem); padding: 4.5rem 0 5rem; align-items: start; }
.book-cover { box-shadow: var(--shadow); border: 10px solid #f5eee1; }
.book-copy .page-title { margin-bottom: 1.5rem; }
.book-copy p { color: var(--muted); }
.book-copy .book-subtitle { color: var(--ink); font-family: var(--hand); font-size: 1.45rem; margin: -.5rem 0 1.2rem; transform: rotate(-1deg); }
.book-jump { display: inline-block; margin-top: 1.6rem; }
.book-story h2, .curiosity-section h2, .sample-paper h2, .book-end-grid h2 { margin: 0; font-family: var(--hand); font-weight: 400; font-size: clamp(2rem, 4.3vw, 3.4rem); line-height: 1.3; }
.book-text-grid { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 6rem); align-items: start; }
.compact-prose p:first-child { margin-top: 0; }
.curiosity-grid { display: grid; grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr); gap: clamp(2rem, 7vw, 6rem); align-items: center; }
.curiosity-number { font-family: var(--hand); color: var(--clay); font-size: clamp(7rem, 18vw, 13rem); line-height: .8; letter-spacing: -.08em; transform: rotate(-4deg); opacity: .86; }
.curiosity-grid p { color: var(--muted); }
.hand-note { font-family: var(--hand); color: var(--ink) !important; font-size: 1.2rem; line-height: 1.55; transform: rotate(-1deg); }
.section-note { color: var(--muted); font-family: var(--hand); transform: rotate(-2deg); }
.sample-paper { width: min(820px, calc(100% - 48px)); background: rgba(235,223,199,.52); padding: clamp(2rem, 5vw, 4rem); box-shadow: 0 8px 28px rgba(62,48,31,.08); transform: rotate(-.35deg); }
.sample-paper blockquote { margin: 2rem 0; padding-left: 1.4rem; border-left: 2px solid var(--clay); font-size: 1.16rem; }
.sample-paper p { max-width: 42rem; }
.book-end-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 8vw, 7rem); align-items: start; }
.publication-card { border: 1px solid var(--hairline); padding: 1.8rem; background: rgba(249,246,238,.68); }
.publication-card dl { margin: 1.2rem 0 1.4rem; }
.publication-card dl div { display: grid; grid-template-columns: 5rem 1fr; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid rgba(48,44,37,.14); }
.publication-card dt { color: var(--muted); }
.publication-card dd { margin: 0; }
.publication-note { color: var(--muted); font-size: .94rem; }
.purchase-links { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.2rem; margin-top: .7rem; }
.purchase-link { display: inline-block; padding: .45rem .8rem; border: 1px solid var(--ink); font-family: var(--hand); transform: rotate(-1deg); }
.purchase-link:hover { color: var(--clay); border-color: var(--clay); }
.platform-note { color: var(--muted); font-family: var(--hand); font-size: .92rem; }
.later-note { margin: 2.4rem 0 0; padding: 1.1rem 1.3rem; border: 1px solid var(--hairline); background: rgba(234,224,204,.38); color: var(--muted); font-size: .92rem; }
.later-note a { border-bottom: 1px solid currentColor; }
.encounters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
.encounter { margin: 0; }
.encounter img { aspect-ratio: 3/4.2; width: 100%; object-fit: cover; border: 6px solid #eee5d5; }
.encounter figcaption { padding-top: .7rem; font-family: var(--hand); font-size: .95rem; line-height: 1.4; }

.archive-list { list-style: none; padding: 0; margin: 0 0 5rem; border-top: 1px solid var(--hairline); }
.archive-list li { display: grid; grid-template-columns: 6rem 8rem 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid var(--hairline); }
.archive-list time, .archive-list .kind { color: var(--muted); font-family: var(--hand); font-size: .9rem; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; padding: 1rem 0 5rem; }
.about-grid h2 { font-family: var(--hand); font-weight: 400; font-size: 2rem; }

.test-page-main { min-height: calc(100vh - 84px); display: grid; place-items: center; padding: 4rem 0 6rem; }
.home-return { margin-left: auto; }
.test-placeholder { width: min(720px, calc(100% - 48px)); position: relative; padding: clamp(2.6rem, 7vw, 5.5rem); background: rgba(238,229,211,.56); box-shadow: 0 12px 32px rgba(60,47,31,.08); transform: rotate(-.25deg); }
.test-placeholder::after { content: ""; position: absolute; right: 2.3rem; bottom: 2.4rem; width: 5.2rem; height: 2px; background: var(--clay); transform: rotate(-5deg); opacity: .7; }
.test-placeholder .page-title { margin-bottom: 1.8rem; }
.test-placeholder h2 { margin: 0 0 1.6rem; font-family: var(--hand); font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 400; line-height: 1.35; }
.test-placeholder p { margin: .5rem 0; color: var(--muted); }
.test-placeholder .test-duration { margin-top: 1.5rem; color: var(--ink); font-family: var(--hand); font-size: 1.2rem; }
.test-placeholder .coming-note { margin-top: 2.1rem; font-family: var(--hand); font-size: 1.35rem; transform: rotate(-2deg); }

@media (max-width: 850px) {
  .nav { position: absolute; z-index: 20; top: 70px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: .5rem 24px 1.2rem; background: #f7f2e7; border-bottom: 1px solid var(--hairline); box-shadow: 0 8px 16px rgba(40,30,20,.08); }
  .nav.open { display: flex; }
  .nav a { padding: .8rem 0; }
  .nav a::after { bottom: .65rem; }
  .menu-button { display: block; }
  .hero { grid-template-columns: minmax(0, 1fr); padding-top: 3.5rem; }
  .hero > div { min-width: 0; }
  .book-note { justify-self: center; width: min(320px, 82vw); max-width: 100%; margin: 0; }
  .notebook-grid { grid-template-columns: repeat(3, 1fr); }
  .recent-grid { grid-template-columns: 1fr; }
  .note-paper { min-height: 250px; }
  .test-insert { width: min(100% - 20px, 860px); }
  .page-head { grid-template-columns: 1fr; }
  .article-row { grid-template-columns: 5.3rem 1fr auto; gap: 1rem; }
  .why-index a { grid-template-columns: 3.2rem minmax(0, 1fr) auto; gap: 1rem; }
  .book-layout { grid-template-columns: minmax(190px, 300px) 1fr; gap: 2.2rem; }
  .book-text-grid, .curiosity-grid, .book-end-grid { gap: 2.2rem; }
  .encounters { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 580px) {
  body { font-size: 16px; }
  .site-shell { width: 100%; margin: 0; border: 0; }
  .inner, .article { width: min(100% - 34px, 1020px); }
  .nav-row { min-height: 68px; }
  .hero { gap: 3.1rem; padding: 3.7rem 0 4.2rem; }
  .hero h1 { font-size: clamp(3.2rem, 15vw, 4.1rem); }
  .hero-cn { margin-top: 2.35rem; }
  .signature { margin-left: 62%; }
  .book-status { margin-bottom: .7rem; }
  .book-actions { justify-content: flex-start; gap: .55rem 1rem; margin: 1.25rem 0 0; font-size: .96rem; }
  .notebook-grid { grid-template-columns: 1fr; }
  .notebook-card { border-left: 0 !important; }
  .notebook-card:not(:first-child) { border-top: 1px solid var(--hairline); }
  .notebook-card { min-height: 205px; }
  .note-paper { min-height: 300px; padding: 1.5rem 1.35rem 6.8rem; }
  .test-insert { grid-template-columns: 1fr; width: 100%; }
  .test-insert-meta { grid-column: 1; grid-row: auto; margin-top: .25rem; padding-right: 0; }
  .test-insert strong { grid-column: 1; }
  .test-insert-copy { grid-column: 1; }
  .test-insert::before { top: 1rem; right: 1rem; width: 3.4rem; }
  .test-placeholder { width: min(100% - 34px, 720px); padding: 2rem 1.55rem 3rem; }
  .quote-strip { grid-template-columns: 1fr; gap: .8rem; padding: 1.6rem; }
  .footer-row { flex-direction: column; gap: .4rem; }
  .section-heading { align-items: start; flex-direction: column; }
  .article-row { grid-template-columns: 1fr auto; }
  .article-row .meta { grid-column: 1 / -1; }
  .article-row p { font-size: .94rem; }
  .why-index a { grid-template-columns: 2.4rem minmax(0, 1fr); padding: 1.8rem 0 2rem; }
  .why-index .go { display: none; }
  .why-index-description { font-size: .92rem; }
  .article-nav { grid-template-columns: 1fr; gap: 1.8rem; }
  .article-nav .next { text-align: left; }
  .book-layout { grid-template-columns: 1fr; }
  .book-text-grid, .curiosity-grid, .book-end-grid { grid-template-columns: 1fr; }
  .curiosity-number { font-size: 7.2rem; }
  .sample-paper { width: min(100% - 34px, 820px); padding: 1.6rem; }
  .book-cover { width: min(280px, 80vw); margin: 0 auto; }
  .encounters { grid-template-columns: 1fr; }
  .archive-list li { grid-template-columns: 5.4rem 1fr; gap: .6rem 1rem; }
  .archive-list .kind { grid-column: 1; }
  .archive-list a { grid-column: 2; grid-row: 1 / span 2; }
  .about-grid { grid-template-columns: 1fr; gap: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}

/* V1.0 stage one: preserve the existing paper and handwriting system. */
.intro-invitation { margin-top: 1.25rem; }
.notebook-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.notebook-card { min-width: 0; }
.test-insert h2 { grid-column: 1 / -1; margin: 1.35rem 0 0; font-family: var(--hand); font-size: clamp(2rem, 4.1vw, 3rem); font-weight: 400; line-height: 1.35; }
.test-insert-lead { grid-column: 1 / -1; padding-right: 3.5rem; font-size: .95rem; letter-spacing: .05em; }
.reading-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; }
.reading-card { display: flex; flex-direction: column; padding: 1.6rem; border: 1px solid var(--hairline); background: rgba(249,246,238,.86); }
.reading-card h3 { margin: 0; font-family: var(--hand); font-size: 1.5rem; font-weight: 400; line-height: 1.5; }
.reading-card p, .reading-notice { color: var(--muted); font-size: .95rem; }
.reading-status { margin-top: auto; color: var(--muted); font-size: .82rem; }
.reading-card .text-link { align-self: flex-start; margin-top: 1rem; }
.reading-card:hover h3 { color: var(--clay); }
.reading-pending { border-block: 1px solid var(--hairline); padding: 2rem 0 1rem; margin: 2rem 0; color: var(--muted); }
.book-copy .purchase-links { margin-top: 1.6rem; }
.book-copy .purchase-link { border: 0; border-bottom: 1px solid var(--ink); padding: .35rem 0; transform: none; }
.encounters { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; }
.encounter img { object-fit: contain; border-width: 3px; }
.encounter figcaption { font-size: .85rem; }
.book-context { margin-bottom: 2.5rem; }
.book-context summary { cursor: pointer; font-family: var(--hand); font-size: 1.3rem; }
.book-context details > div { margin-top: 2rem; }
.book-context .curiosity-number { font-size: 7rem; }
.reading-card:focus-visible, .notebook-card:focus-visible, .encounters:focus-visible, .purchase-link:focus-visible, summary:focus-visible { outline: 2px solid var(--clay); outline-offset: 4px; }
@media (max-width: 850px) {
  .notebook-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .notebook-card:nth-child(3) { border-left: 0; }
  .notebook-card:nth-child(n+3) { border-top: 1px solid var(--hairline); }
  .encounters { display: flex; overflow-x: auto; gap: 1rem; padding-bottom: 1rem; scroll-snap-type: x proximity; }
  .encounter { flex: 0 0 145px; scroll-snap-align: start; }
}
@media (max-width: 580px) {
  .notebook-grid, .reading-grid { grid-template-columns: 1fr; }
  .test-insert h2 { grid-column: 1; }
  .reading-card { padding: 1.4rem; }
}

/* V1.0 finishing touches and the free Test notebook. */
.stories-title span { display: block; margin-top: 1rem; font-size: clamp(1.45rem, 4vw, 2.7rem); line-height: 1.5; white-space: nowrap; }
.book-reading h1 { font-size: clamp(2rem, 4.8vw, 3.7rem); }
.test-notebook { width: min(820px, calc(100% - 48px)); padding: clamp(2rem, 5vw, 4rem); background: rgba(238,229,211,.56); box-shadow: 0 12px 32px rgba(60,47,31,.08); }
.test-draft { margin: 0 0 1.6rem; padding-bottom: .8rem; border-bottom: 1px solid var(--hairline); font-family: var(--sans); color: var(--muted); font-size: .8rem; line-height: 1.6; }
.test-meta { margin: 0 0 1.2rem; color: var(--muted); font-family: var(--hand); font-size: 1rem; }
.test-title { margin: 0 0 1.5rem; font-family: var(--hand); font-weight: 400; font-size: clamp(2rem, 4.4vw, 3.1rem); line-height: 1.4; }
.test-title--small { font-size: clamp(1.45rem, 3vw, 2rem); margin-bottom: 1.8rem; }
.test-subtitle { margin: -.5rem 0 1.5rem; font-family: var(--hand); font-size: clamp(1.25rem, 2.7vw, 1.65rem); line-height: 1.6; }
.test-insert-subtitle { grid-column: 1 / -1; margin-top: .75rem; font-family: var(--hand); font-size: clamp(1.2rem, 2.5vw, 1.5rem); line-height: 1.6; }
.test-introduction { color: var(--muted); margin-bottom: 2rem; }
.test-introduction p { margin: .8rem 0; }
.test-button { display: inline-block; background: var(--ink); color: var(--paper); border: 1px solid var(--ink); border-radius: 2px; padding: .65rem 1.2rem; min-height: 48px; cursor: pointer; font-family: var(--hand); font-size: 1.15rem; line-height: 1.5; }
.test-button--quiet { color: var(--ink); background: transparent; }
.test-button:hover:not(:disabled) { border-color: var(--clay); background: var(--clay); color: var(--paper); }
.test-button:disabled { color: var(--muted); background: transparent; border-color: var(--hairline); cursor: default; opacity: .65; }
.test-button:focus-visible, .test-option:has(input:focus-visible), .test-article-link:focus-visible { outline: 2px solid var(--clay); outline-offset: 4px; }
[data-focus]:focus { outline: none; }
.test-progress p { margin: 0 0 .7rem; color: var(--muted); font-size: .9rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .3rem 1rem; }
.test-progress progress { display: block; width: 100%; height: 4px; border: 0; background: var(--paper-deep); color: var(--clay); accent-color: var(--clay); }
.test-progress progress::-webkit-progress-bar { background: var(--paper-deep); }
.test-progress progress::-webkit-progress-value { background: var(--clay); }
.test-progress progress::-moz-progress-bar { background: var(--clay); }
.test-fieldset { padding: 0; margin: 2rem 0 0; border: 0; min-width: 0; }
.test-fieldset legend { padding: 0; width: 100%; }
.question-title { display: block; font-family: var(--hand); font-size: clamp(1.65rem, 3.2vw, 2.25rem); line-height: 1.5; }
.test-help { color: var(--muted); font-size: .9rem; line-height: 1.8; }
.test-options { display: grid; gap: .8rem; margin: 1.4rem 0 2rem; }
.test-option { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border: 1px solid var(--hairline); background: rgba(249,246,238,.72); cursor: pointer; line-height: 1.7; min-height: 60px; }
.test-option input { flex: 0 0 auto; width: 18px; height: 18px; margin: .3rem 0 0; accent-color: var(--clay); }
.option-letter { color: var(--muted); font-family: var(--hand); }
.test-option:has(input:checked) { border-color: var(--clay); background: rgba(155,82,61,.08); box-shadow: inset 3px 0 var(--clay); }
.test-controls { display: flex; justify-content: space-between; gap: 1rem; }
.test-score { margin: 1.5rem 0 0; font-family: var(--hand); font-size: clamp(1.75rem, 2.5vw, 2rem); line-height: 1.65; color: var(--muted); }
.test-score strong { color: var(--clay); font-weight: 400; }
.test-feedback { color: var(--muted); }
.test-signature { text-align: right; margin: 1rem 0 2.5rem; font-family: var(--hand); font-size: 1.4rem; }
.test-result-section { margin-top: 2.7rem; padding-top: 2rem; border-top: 1px solid var(--hairline); }
.test-result-section h2 { font-family: var(--hand); font-weight: 400; font-size: clamp(1.6rem, 3.3vw, 2.3rem); line-height: 1.5; margin: 0 0 1rem; }
.review-question { border-bottom: 1px solid var(--hairline); padding: 1rem 0; }
.review-question summary { cursor: pointer; line-height: 1.7; list-style: none; }
.review-question summary::-webkit-details-marker { display: none; }
.review-question-title { display: block; }
.review-meta { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .4rem; }
.review-state { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: var(--muted); white-space: nowrap; }
.review-outcome { font-size: .85rem; line-height: 1; }
.review-toggle { display: inline-flex; align-items: center; gap: .35rem; min-height: 32px; flex-shrink: 0; font-size: .85rem; color: var(--clay); white-space: nowrap; }
.review-eye { width: 16px; height: 16px; flex-shrink: 0; }
.review-eye--closed, .review-question[open] .review-eye--open { display: none; }
.review-question[open] .review-eye--closed { display: block; }
.review-body { padding: 1rem 0 .5rem; font-size: .95rem; }
.review-body p { margin: .8rem 0; }
.review-category { color: var(--muted); font-family: var(--hand); }
.review-options { margin: 0; padding: 0; list-style: none; }
.review-options li { padding: .6rem .8rem; border: 1px solid var(--hairline); margin-bottom: .5rem; }
.review-options li span { display: inline-block; margin-left: .7rem; font-size: .8rem; color: var(--clay); }
.review-options .review-correct { border-color: var(--leaf); background: rgba(82,101,72,.05); }
.review-curiosity { color: var(--muted); border-left: 1px solid var(--clay); padding-left: .8rem; }
.test-recommendations { display: grid; gap: 1rem; }
.test-article-link { display: block; padding: 1.3rem; border: 1px solid var(--hairline); background: rgba(249,246,238,.65); }
.test-article-link h3 { font-family: var(--hand); font-weight: 400; font-size: 1.45rem; line-height: 1.5; margin: 0; }
.test-article-link p { color: var(--muted); font-size: .9rem; }
.test-book-extension p { color: var(--muted); }
.test-restart { margin-top: 2.5rem; }
@media (max-width: 580px) {
  .book-reading h1 { font-size: clamp(1.7rem, 6.5vw, 2.4rem); }
  .test-page-main { padding: 2rem 0 3rem; }
  .test-notebook { width: calc(100% - 34px); padding: 1.5rem 1.1rem 2rem; }
  .test-title { font-size: 1.9rem; }
  .test-title--small { font-size: 1.45rem; }
  .test-option { padding: .85rem .7rem; gap: .6rem; }
  .test-controls { gap: .65rem; }
  .test-controls .test-button { padding: .65rem .8rem; font-size: 1.05rem; }
}