:root{color:#242321;font-synthesis:none;text-rendering:optimizelegibility;background:#fbfaf7;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fbfaf7;min-width:320px;margin:0}button,input{font:inherit}.gate-shell{background:radial-gradient(circle at 16% 12%,#d6e7dfbf,#0000 32%),radial-gradient(circle at 86% 18%,#ecdab9a6,#0000 30%),#fbfaf7;place-items:center;min-height:100vh;padding:24px;display:grid}.gate-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffcd1;border:1px solid #2423211a;border-radius:18px;width:min(100%,440px);padding:28px;box-shadow:0 24px 70px #1a18161a}.gate-kicker{color:#88715b;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:700}.gate-panel h1{color:#242321;letter-spacing:0;margin:0 0 12px;font-size:2.1rem;line-height:1.12}.gate-panel p{color:#67625d;line-height:1.7}.question-form{gap:12px;margin-top:28px;display:grid}.question-form label{color:#242321;font-size:.95rem;font-weight:650}.question-text{color:#37352f;margin:0;line-height:1.7}.question-form input{color:#242321;background:#fffefa;border:1px solid #d8d3ca;border-radius:9px;outline:none;width:100%;min-height:44px;padding:0 13px}.question-form input:focus{border-color:#9f8a70;box-shadow:0 0 0 4px #9f8a7024}.question-form button{color:#fffefa;cursor:pointer;background:#242321;border:0;border-radius:999px;width:fit-content;min-height:40px;padding:0 16px;font-weight:700}.error-text{color:#bd463e;margin:0;font-size:.92rem}.notion-site{background:linear-gradient(#fffffc66,#fbfaf700),#fbfaf7;min-height:100vh}.back-link{color:#81786f;font-size:.9rem;font-weight:700;text-decoration:none}.back-link:hover{color:#242321}.notion-page{width:min(100%,860px);margin:0 auto;padding:58px 30px 120px}.back-link{margin-bottom:34px;display:inline-flex}.notion-page h1{color:#242321;letter-spacing:0;max-width:780px;margin:0 0 28px;font-size:clamp(1.7rem,4.6vw,2.55rem);font-weight:780;line-height:1.18}.notion-page h1,.notion-page h2,.notion-page h3,.notion-page h4,.notion-page h5,.notion-page h6{scroll-margin-top:28px}.notion-page h2{color:#242321;letter-spacing:0;margin:48px 0 14px;font-size:1.56rem;font-weight:760;line-height:1.28}.notion-page h3{color:#242321;letter-spacing:0;margin:28px 0 10px;font-size:1.12rem;font-weight:760;line-height:1.4}.notion-page h4{color:#242321;letter-spacing:0;margin:24px 0 10px;font-size:1rem;font-weight:760;line-height:1.45}.notion-page h5,.notion-page h6{color:#3c3935;letter-spacing:0;margin:18px 0 8px;font-size:.96rem;font-weight:740;line-height:1.45}.notion-page p,.notion-page li{color:#3c3935;font-size:1.03rem;line-height:1.82}.notion-page p{max-width:760px;margin:0 0 14px}.notion-page ul{max-width:760px;margin:10px 0 24px;padding-left:25px}.notion-page li{margin:3px 0}.notion-page strong{font-weight:740}.notion-callout{color:#3c3935;background:#fffefac2;border:1px solid #24232114;border-radius:12px;max-width:760px;margin:12px 0;padding:14px 16px;font-size:.98rem;line-height:1.72}.notion-page hr{background:#2423211a;border:0;height:1px;margin:42px 0}.page-cover{width:min(100%,760px);margin:0 0 24px}.page-cover img{aspect-ratio:16/9;object-fit:cover;background:#f0eee8;border-radius:18px;width:100%;display:block;box-shadow:0 18px 52px #221f1c1a}.table-of-contents{border-left:4px solid #242321;max-width:760px;margin:26px 0 42px;padding:4px 0 4px 18px}.table-of-contents p{color:#242321;margin:0 0 14px;font-size:1rem;font-weight:700;line-height:1.4}.toc-link{color:#6d665f;text-underline-offset:3px;overflow-wrap:anywhere;width:fit-content;max-width:100%;margin:8px 0;font-size:.96rem;line-height:1.45;text-decoration:underline;display:block}.toc-link:hover{color:#242321}.toc-level-1{margin-left:0;font-weight:660}.toc-level-2{margin-left:0}.toc-level-3{margin-left:22px}.toc-level-4{margin-left:44px}.toc-level-5,.toc-level-6{margin-left:60px}.page-link{color:#3c3935;align-items:center;gap:8px;margin:4px 0 30px;padding:4px 2px;font-size:1.05rem;font-weight:680;line-height:1.35;text-decoration:none;display:inline-flex}.page-link:hover{color:#242321;text-underline-offset:3px;text-decoration:underline}.page-link-mark{background:#fbfaf7;border:1.5px solid #8d867d;border-radius:3px;flex:0 0 18px;width:18px;height:22px;position:relative}.page-link-mark:before,.page-link-mark:after{content:"";background:#8d867d;border-radius:999px;height:1.5px;position:absolute;left:4px;right:4px}.page-link-mark:before{top:8px}.page-link-mark:after{top:13px}.image-block.tone-blue .image-art{background:linear-gradient(135deg,#dfeaf0,#7ca0ae)}.image-block.tone-green .image-art{background:linear-gradient(135deg,#dfe9dd,#87a376)}.image-block.tone-pink .image-art{background:linear-gradient(135deg,#f3d7e7,#be4f93)}.app-gallery{grid-template-columns:1fr;gap:18px;width:min(100%,680px);margin:22px 0 34px;display:grid}.app-card{color:inherit;text-decoration:none}.app-card img,.app-card-placeholder{aspect-ratio:16/9;object-fit:cover;background:#ece8df;border-radius:18px;width:100%;display:block}.app-card.tone-portal img{object-fit:contain;background:#07192e}.app-card-placeholder{background:radial-gradient(circle at 78% 28%,#ffffff2e,#0000 24%),linear-gradient(135deg,#07192e,#0e4c82 58%,#ef8a1f);position:relative}.app-card-placeholder:before{content:"MAGIC PORTAL";color:#fff;max-width:180px;font-size:1.8rem;font-weight:800;line-height:.9;position:absolute;bottom:24px;left:24px}.app-card-body{justify-content:space-between;align-items:center;gap:16px;padding:10px 6px 0;display:flex}.app-card-title{color:#242321;min-width:0;font-size:1.05rem;font-weight:760;line-height:1.35}.app-card-tag{color:#242321;background:#eeeeec;border-radius:999px;flex:none;padding:3px 14px 4px;font-size:.92rem;font-weight:720;line-height:1.25}.image-block{margin:18px 0 30px}.notion-image{object-fit:cover;background:#f0eee8;border-radius:22px;width:100%;max-height:680px;display:block;box-shadow:0 24px 70px #221f1c1f}.image-art{background:radial-gradient(circle at 22% 20%,#ffffffbf,#0000 28%),linear-gradient(135deg,#292724,#aa9677);border-radius:22px;min-height:320px;position:relative;overflow:hidden;box-shadow:0 24px 70px #221f1c1f}.image-block.tone-portal .image-art{background:radial-gradient(circle at 82% 26%,#ffffff2e,#0000 24%),linear-gradient(135deg,#07192e,#0e4c82 58%,#ef8a1f)}.image-block.tone-portal .image-art:before{content:"MAGIC PORTAL";color:#fff;letter-spacing:0;max-width:320px;font-size:clamp(2.4rem,7vw,5.2rem);font-weight:800;line-height:.88;position:absolute;bottom:clamp(28px,7vw,66px);left:clamp(28px,8vw,70px)}.image-block.tone-portal .image-art span{display:none}.image-art span{background:#fffffcd1;border-radius:18px;display:block;position:absolute;box-shadow:0 18px 40px #1e1c192e}.image-art span:first-child{width:170px;height:220px;top:52px;right:18%;transform:rotate(7deg)}.image-art span:nth-child(2){border-radius:50%;width:116px;height:116px;bottom:54px;left:14%}.image-art span:nth-child(3){background:#fffffc6b;width:260px;height:22px;top:76px;left:18%}.image-block figcaption{color:#7a726a;margin-top:10px;font-size:.9rem}@media (width<=700px){.notion-page{padding:44px 20px 86px}.app-gallery{grid-template-columns:1fr}.image-art{border-radius:18px;min-height:230px}.notion-image{border-radius:18px;max-height:480px}.image-art span:first-child{width:124px;height:160px;top:42px;right:12%}.image-art span:nth-child(2){width:82px;height:82px}}