:root{color-scheme:dark;--bg:#0b0d0c;--panel:#111512;--line:#283029;--text:#e5e9e5;--muted:#929d95;--accent:#a7f3c0;--max:1120px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 75% -10%, #173122 0, transparent 31rem), var(--bg);margin:0;font:16px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 150px)}.wrap{width:min(calc(100% - 40px), var(--max));margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.04em;font-weight:700}.brand span{color:var(--accent)}.links{color:var(--muted);gap:25px;font-size:14px;display:flex}.links a:hover,.active{color:var(--text)!important}.hero{max-width:850px;padding:100px 0 80px}.eyebrow,.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{letter-spacing:-.085em;margin:22px 0;font-size:clamp(54px,10vw,108px);line-height:.9}.hero h2{margin:0 0 18px;font:500 clamp(20px,3vw,29px)/1.3 ui-sans-serif,system-ui}.hero p{color:var(--muted);max-width:650px;font:18px/1.65 ui-sans-serif,system-ui}.section{padding:48px 0}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:23px;padding-bottom:15px;display:flex}.section-head h2{margin:0;font-size:17px}.section-head a{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:linear-gradient(145deg,#141a15e0,#0c0f0db3);flex-direction:column;min-height:210px;padding:24px;transition:border-color .2s,transform .2s;display:flex}.card:hover{border-color:#526057;transform:translateY(-2px)}.card h3{letter-spacing:-.03em;margin:16px 0 10px;font-size:18px;line-height:1.35}.card p{color:var(--muted);margin:0;font:14px/1.6 ui-sans-serif,system-ui}.meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.tags{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:20px;display:flex}.tag{border:1px solid var(--line);color:#aeb7b0;padding:3px 7px;font-size:10px}.now{border:1px solid var(--line);background:var(--panel);grid-template-columns:150px 1fr;gap:40px;padding:30px;display:grid}.now ul{color:#bec6bf;gap:9px;margin:0;padding:0;list-style:none;display:grid}.now li:before{content:"→";color:var(--accent);margin-right:12px}.page-head{border-bottom:1px solid var(--line);padding:80px 0 42px}.page-head h1{letter-spacing:-.055em;margin:10px 0 16px;font:600 clamp(36px,6vw,64px)/1 ui-sans-serif,system-ui}.page-head p{color:var(--muted);max-width:650px;font-family:ui-sans-serif,system-ui}.article{max-width:760px;padding:70px 0}.article h1{letter-spacing:-.05em;font:600 clamp(34px,6vw,58px)/1.08 ui-sans-serif,system-ui}.article .summary{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:32px;font:19px/1.65 ui-sans-serif,system-ui}.prose{color:#ced4cf;font-family:ui-sans-serif,system-ui}.prose h2{color:var(--text);margin-top:42px}.prose code{color:var(--accent);font-family:inherit}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:80px;padding:28px 0;font-size:12px}.footer .wrap{justify-content:space-between;display:flex}.status{color:var(--accent);text-transform:uppercase;font-size:11px}.project-links{color:var(--accent);gap:15px;margin-top:20px;font-size:12px;display:flex}@media (width<=760px){.wrap{width:min(calc(100% - 28px), var(--max))}.nav{align-items:flex-start;height:auto;padding:20px 0}.links{flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:235px}.hero{padding:70px 0 45px}.grid,.grid.two{grid-template-columns:1fr}.now{grid-template-columns:1fr;gap:12px}.page-head{padding:55px 0 30px}.footer .wrap{gap:20px}.card{min-height:190px}}.home-theme{--bg:#090b12;--panel:#0e121ea8;--line:#d6e2ff2e;--text:#eef3ff;--muted:#b8c3d8;--accent:#8fd3ff;color-scheme:dark;color:var(--text);background:#090b12}.home-theme .nav{z-index:20;width:100%;padding-left:max(20px, calc((100% - var(--max)) / 2));padding-right:max(20px, calc((100% - var(--max)) / 2));backdrop-filter:blur(18px)saturate(125%);background:#080d1294;border-bottom-color:#ffffff26;position:sticky;top:0;box-shadow:0 10px 30px #00000026}.home-theme .brand{text-shadow:0 0 24px #b8a7ff52;font-size:17px}.home-theme .brand span{color:#72c8ff}.home-theme .links{color:#d7dff2}.home-theme main{min-height:100vh}.home-hero{background-image:radial-gradient(circle at 23% 28%,#ab8eff3d,#0000 26rem),linear-gradient(90deg,#070912f2 0%,#0a0d19bf 36%,#090b1338 66%),url(/images/1_4_at_37chenshu2.png);background-position:58%;background-size:cover;align-items:center;height:min(88vh,920px);min-height:760px;display:flex;position:relative;overflow:hidden}.home-hero:after{content:"";background:linear-gradient(#0000,#090b12 78%);height:170px;position:absolute;inset:auto 0 0}.home-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#00000085,#0000 75%)}.hero-copy{z-index:2;padding-top:45px;position:relative}.hero-copy>*{max-width:680px}.hero-pill{color:#dccfff;letter-spacing:.12em;backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #d8e1ff33;border-radius:999px;width:auto;padding:7px 13px;font-size:11px;display:inline-flex;box-shadow:0 12px 36px #0000003d}.hero-copy h1{letter-spacing:-.08em;color:#f4f7ff;text-shadow:0 0 35px #7767ff59;margin:27px 0 20px;font:800 clamp(62px,9vw,112px)/.9 ui-sans-serif,system-ui}.hero-copy h1 span{color:#72c8ff}.hero-copy h2{color:#e5ebff;margin:0 0 18px;font:700 clamp(21px,3vw,30px)/1.3 ui-sans-serif,system-ui}.hero-copy p{color:#c1cce2;font:17px/1.85 ui-sans-serif,system-ui}.hero-actions{gap:12px;margin-top:34px;display:flex}.hero-actions a{backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #dfe6ff33;border-radius:14px;padding:12px 20px;font:600 13px ui-sans-serif,system-ui;box-shadow:0 12px 30px #00000038}.hero-actions a:first-child{color:#fff;background:linear-gradient(135deg,#397cff,#65d6ff);border-color:#ffffff42}.scroll-note{z-index:2;letter-spacing:.16em;color:#e8eeffb3;font-size:9px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.home-content{z-index:3;position:relative}.home-theme .card,.contact-card{backdrop-filter:blur(18px);background:linear-gradient(145deg,#14192ab8,#0b0e198a);border-color:#e1e8ff29;box-shadow:0 18px 46px #00000038}.home-theme .card:hover,.contact-card:hover{border-color:#65d6ff7a}.home-theme .tag{color:#d6def2;background:#ffffff12;border-color:#e8eeff2e}.home-theme .footer{background:#090b12}.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.shelf{height:270px;min-height:270px;position:relative;overflow:hidden}.shelf:after{content:"";opacity:.18;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-65px;right:-60px}.shelf-icon{font-size:28px}.shelf.learning:after{background:#77d6ae}.shelf.essay:after{background:#8cbef4}.shelf.writing:after{background:#e6a78a}.shelf.project:after{background:#65d6ff}.shelf.poem:after{background:#ae91e4}.contact-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.contact-card{border:1px solid var(--line);border-radius:18px;min-height:130px;padding:20px;transition:border-color .2s,transform .2s}.contact-card:hover{transform:translateY(-2px)}.contact-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;display:block}.contact-card strong{margin-bottom:8px;font:650 18px/1.3 ui-sans-serif,system-ui;display:block}.contact-card p{color:var(--muted);margin:0;font:14px/1.6 ui-sans-serif,system-ui}@media (width<=760px){.home-hero{background-image:linear-gradient(#070912e6 0%,#090b14a8 54%,#090b122e 100%),url(/images/1_4_at_37chenshu2.png);background-position:62%;align-items:flex-start;height:760px;min-height:0}.hero-copy{padding-top:150px}.hero-copy p{max-width:390px}.hero-actions{flex-wrap:wrap}.scroll-note{display:none}.shelf-grid,.contact-grid{grid-template-columns:1fr}.shelf{height:auto;min-height:220px}.home-theme .links{color:#e4e9f8}.home-theme .nav{background:#080d1294;padding-left:14px;padding-right:14px}}@media (width>=761px) and (width<=980px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.interior-theme{--panel:#0c1219b8;--line:#dae7ef33;--text:#f3f5f4;--muted:#b8c3c5;--accent:#e6c58d;background-color:#10151b;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.interior-theme.wall-library{background-image:linear-gradient(#070d1485,#070d14cc),url(/images/wall-library.jpg)}.interior-theme.wall-projects{background-image:linear-gradient(#070c0e7a,#070c0ed1),url(/images/wall-projects.jpg)}.interior-theme.wall-now{background-image:linear-gradient(#130c1d73,#090a12d4),url(/images/wall-now.jpg)}.interior-theme.wall-about{background-image:linear-gradient(#0711176b,#070e12d1),url(/images/wall-about.jpg)}.interior-theme:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 10%,#ffffff17,#0000 38%),linear-gradient(90deg,#0000001f,#0000 35% 65%,#0000001f);position:fixed;inset:0}.interior-theme>*{z-index:1;position:relative}.interior-theme .nav{z-index:20;width:100%;padding-left:max(20px,calc((100% - var(--max))/2));padding-right:max(20px,calc((100% - var(--max))/2));backdrop-filter:blur(18px)saturate(125%);background:#080d1294;border-color:#ffffff26;position:sticky;top:0;box-shadow:0 10px 30px #00000026}.interior-theme .brand{letter-spacing:-.03em;text-shadow:0 2px 18px #000000a6}.interior-theme .links{color:#c9d0d2}.interior-theme .active{color:#f3d397!important}.interior-theme main{padding:34px 0 70px}.interior-theme .page-head{border:1px solid var(--line);backdrop-filter:blur(18px)saturate(120%);background:linear-gradient(135deg,#0e141cc2,#0a0f1580);border-radius:24px;margin-top:28px;padding:62px 48px 46px;box-shadow:0 26px 70px #00000047}.interior-theme .page-head.plain-head{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:54px 0 26px}.interior-theme .page-head h1{text-shadow:0 4px 28px #0009}.interior-theme .page-head p{color:#d0d7d7}.interior-theme .kicker,.interior-theme .eyebrow{color:#f0ce91}.interior-theme .section{padding:38px 0}.interior-theme .section-head{text-shadow:0 2px 12px #000000b3;border-color:#fff3}.interior-theme .section-head a{color:#d4dcde}.interior-theme .card{backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(145deg,#0d141cc7,#080d12a6);border-color:#ffffff2e;border-radius:18px;box-shadow:0 18px 50px #00000038}.interior-theme .card:hover{background:linear-gradient(145deg,#151d25e0,#0a1016c7);border-color:#f4d397a6;box-shadow:0 22px 65px #00000059}.interior-theme .card p{color:#c1cbcc}.interior-theme .tag{color:#d9e0e0;background:#ffffff12;border-color:#ffffff2b;border-radius:999px;padding-inline:9px}.interior-theme .now{backdrop-filter:blur(18px);background:#090f15b3;border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 18px 50px #00000038}.interior-theme .article{backdrop-filter:blur(20px)saturate(115%);background:linear-gradient(145deg,#0c1219e0,#090e14c2);border:1px solid #fff3;border-radius:24px;max-width:850px;margin-top:28px;margin-bottom:30px;padding:64px 62px;box-shadow:0 26px 80px #00000059}.interior-theme .article h1{text-shadow:0 4px 25px #0000008c}.interior-theme .article .summary{color:#c7d0d1;border-color:#ffffff2e}.interior-theme .prose{color:#d7dddd}.interior-theme .prose h2{color:#f7f3ec}.contact-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.contact-list li{border-bottom:1px solid #ffffff24;justify-content:space-between;gap:20px;padding:12px 0;display:flex}.contact-list span{color:#f0ce91}.contact-list a{color:#f3f5f4}.contact-list a:hover{color:#f0ce91}.interior-theme .footer{backdrop-filter:blur(18px);color:#b7c1c3;background:#060a0eb3;border-color:#ffffff24;margin-top:0}.interior-theme .project-stats span{background:#ffffff0f;border-radius:12px}.app-card{min-height:260px}.tarot-app{gap:22px;display:grid}.tarot-panel,.tarot-reading,.tarot-card{backdrop-filter:blur(18px)saturate(120%);background:linear-gradient(145deg,#0c1219d1,#080d12ad);border:1px solid #ffffff2e;border-radius:22px;box-shadow:0 22px 65px #00000047}.tarot-panel{gap:18px;padding:28px;display:grid}.tarot-label{margin:4px 0 12px;font:650 20px/1.35 ui-sans-serif,system-ui;display:block}.tarot-panel textarea{resize:vertical;width:100%;min-height:110px;color:var(--text);background:#04080c75;border:1px solid #ffffff2e;border-radius:16px;outline:none;padding:16px;font:15px/1.7 ui-sans-serif,system-ui}.tarot-panel textarea:focus{border-color:#f0ce91b8;box-shadow:0 0 0 4px #f0ce9114}.tarot-actions{flex-wrap:wrap;gap:12px;display:flex}.tarot-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#326dff,#65d6ff);border:1px solid #fff3;border-radius:999px;padding:11px 18px;font:700 13px ui-sans-serif,system-ui}.tarot-actions button.ghost{color:#e8eeee;background:#ffffff12}.tarot-note{color:#bac5c7;margin:0;font:13px/1.7 ui-sans-serif,system-ui}.tarot-spread{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tarot-card{flex-direction:column;justify-content:flex-start;min-height:310px;padding:24px;display:flex;position:relative;overflow:hidden}.tarot-card:before{content:"";pointer-events:none;border:1px solid #f0ce9133;border-radius:16px;position:absolute;inset:14px}.tarot-card:after{content:"✦";color:#f0ce9133;font-size:72px;line-height:1;position:absolute;bottom:10px;right:22px}.tarot-card span{color:#f0ce91;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.tarot-card strong{letter-spacing:-.04em;margin:48px 0 8px;font:750 28px/1.2 ui-sans-serif,system-ui}.tarot-card em{color:#d7e2e3;margin-bottom:14px;font-size:13px;font-style:normal}.tarot-card p{color:#c3cdcf;margin:0 0 10px;font:14px/1.75 ui-sans-serif,system-ui}.tarot-card .tarot-keywords{color:#f0ce91}.tarot-card.empty{opacity:.72}.tarot-reading{padding:28px}.tarot-reading h2{margin:4px 0 12px;font:700 25px/1.25 ui-sans-serif,system-ui}.tarot-reading p:last-child{color:#d4dcde;margin:0;font:16px/1.9 ui-sans-serif,system-ui}@media (width<=760px){.interior-theme{background-position:top;background-attachment:scroll}.interior-theme main{padding-top:12px}.interior-theme .nav{padding-left:14px;padding-right:14px}.interior-theme .page-head{border-radius:18px;margin-top:14px;padding:42px 25px 32px}.interior-theme .page-head.plain-head{padding:38px 0 18px}.interior-theme .article{border-radius:18px;margin-top:14px;padding:40px 24px}.contact-list li{display:block}.contact-list span{margin-bottom:4px;display:block}.tarot-spread{grid-template-columns:1fr}.tarot-card{min-height:250px}.tarot-card strong{margin-top:34px}.interior-theme.wall-library{background-position:54% 0}.interior-theme.wall-projects,.interior-theme.wall-now{background-position:top}.interior-theme.wall-about{background-position:60% 0}}.featured-app{position:relative;overflow:hidden;border-color:#84d0e46b!important}.featured-app:before{content:"MEREL RUN";color:#89d8ed29;letter-spacing:.24em;font-size:11px;position:absolute;top:35px;right:-18px;transform:rotate(90deg)}.featured-app:hover{border-color:#89d8edd9!important}.game-page-head{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.game-page-actions{flex:none;align-items:center;gap:9px;margin-bottom:8px;display:flex}.direct-game-link,.back-to-apps{border:1px solid #ffffff2e;border-radius:999px;padding:9px 13px;font-size:12px}.direct-game-link{color:#f5fdff;background:linear-gradient(135deg,#3485a7c7,#45c2d894);border-color:#87d9ee9e;align-items:center;gap:8px;display:flex;box-shadow:0 8px 28px #41b6d329}.direct-game-link span{color:#bfeef7;letter-spacing:.08em;background:#05121857;border-radius:999px;padding:2px 6px;font-size:9px}.direct-game-link:hover{color:#fff;background:linear-gradient(135deg,#3e97bce6,#4cd2e8b8);border-color:#b8f2ff;transform:translateY(-1px)}.back-to-apps{color:#d8e1e2;background:#070d128c}.back-to-apps:hover{color:#f0ce91;border-color:#f0ce91a8}.merel-game-page{gap:14px;padding-top:26px;display:grid}.game-embed-meta{flex-wrap:wrap;gap:8px;display:flex}.game-embed-meta span{color:#bfcacc;backdrop-filter:blur(12px);background:#080e149e;border:1px solid #ffffff29;border-radius:999px;padding:7px 10px;font-size:11px}.game-embed-meta b{color:#f0ce91;font-weight:700}.game-embed{aspect-ratio:16/10;background:#020508;border:1px solid #b0dce75c;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 90px #0000007a}.game-embed:before{content:"";pointer-events:none;z-index:2;border:7px solid #050a0e70;border-radius:18px;position:absolute;inset:0}.game-embed iframe{background:#020508;border:0;width:100%;height:100%;display:block}.game-page-notes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.game-page-notes p{color:#bdc9cb;backdrop-filter:blur(14px);background:#080e1499;border:1px solid #ffffff24;border-radius:14px;margin:0;padding:16px 18px;font:13px/1.75 ui-sans-serif,system-ui}.game-page-notes strong{color:#f0ce91}@media (width<=760px){.game-page-head{display:block}.game-page-actions{flex-direction:column;align-items:stretch;margin-top:16px}.direct-game-link,.back-to-apps{box-sizing:border-box;text-align:center;justify-content:center}.game-embed-meta{gap:5px}.game-embed-meta span{padding:5px 7px;font-size:9px}.game-embed{aspect-ratio:4/5;border-radius:12px;width:calc(100vw - 20px);margin-left:calc(50% - 50vw + 10px)}.game-page-notes{grid-template-columns:1fr}}.pixel-chase-card{isolation:isolate;position:relative;overflow:hidden;border-color:#66caef61!important}.pixel-chase-card:before{content:"";z-index:-2;opacity:.62;background:linear-gradient(120deg,#050d18f5 22%,#050d1894 70%,#050d18db),url(/apps/pixel-chase-1999/play/og.png) 50%/cover no-repeat;transition:opacity .2s,transform .35s;position:absolute;inset:0}.pixel-chase-card:after{content:"RUNNING RIGHT → LEFT";z-index:-1;color:#a6e8fa3b;letter-spacing:.14em;font:700 9px/1 ui-monospace,monospace;position:absolute;top:18px;right:18px}.pixel-chase-card:hover:before{opacity:.78;transform:scale(1.025)}.pixel-chase-card h3,.pixel-chase-card p,.pixel-chase-card .meta,.pixel-chase-card .tags,.pixel-chase-card .app-card-actions{z-index:1;position:relative}.app-card-actions{gap:8px;margin-top:auto;padding-top:20px;display:flex}.app-card-actions a{color:#dbe8eb;background:#050d14ad;border:1px solid #fff3;border-radius:999px;padding:8px 12px;font-size:11px}.app-card-actions a:hover{color:#fff;border-color:#8fdef5cc}.app-card-actions a.primary{color:#f6fdff;background:linear-gradient(135deg,#176fb8db,#46b8d7b8);border-color:#70d2ed99}.pixel-chase-page .game-embed{aspect-ratio:16/10;border-color:#6bd0ee66}@media (width<=760px){.app-card-actions{flex-direction:column}.app-card-actions a{text-align:center}.pixel-chase-card:before{background-position:60%}.pixel-chase-page{gap:10px;padding-top:14px}.pixel-chase-page .game-embed{aspect-ratio:auto;border-radius:12px;width:100%;height:clamp(480px,78dvh,680px);min-height:0;margin-left:0}.pixel-chase-page .game-embed:before{border-width:4px;border-radius:12px}.pixel-chase-page .game-page-notes{gap:8px}.game-page-head,.game-page-head>div:first-child{min-width:0}.game-page-head h1{overflow-wrap:anywhere}.game-page-actions{min-width:0}.game-page-actions a{max-width:100%}}@media (width<=900px) and (orientation:landscape){.pixel-chase-page .game-embed{height:min(82dvh,520px);min-height:320px}.pixel-chase-page{padding-top:12px}.pixel-chase-page .game-embed-meta{display:none}}