body:has(.handheld-study){padding:0;background:#e9ebe5;color:#192722}.handheld-study{font-family:IBM Plex Sans Condensed,sans-serif;max-width:1600px;margin:auto;padding:40px clamp(20px,4vw,72px) 110px}.handheld-study *{box-sizing:border-box}.handheld-study button{font:inherit}.study-heading{border-top:1px solid #aebbb3;padding-top:14px}.study-kicker,.device-meta,.control-eyebrow,.overline,.deck-hint,.edge-hint,.drawer-foot,.card-bottom,.device-caption,.control-note,.study-stamp small{font-family:IBM Plex Mono,monospace}.study-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0}.study-kicker a{color:inherit}.study-kicker span{color:#8b9c91;margin:0 8px}.heading-grid{display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:end;padding:30px 0 50px}.heading-grid h1{font-size:clamp(64px,8vw,126px);line-height:.86;letter-spacing:-.07em;font-weight:600;margin:0;color:#16352d}.heading-grid h1 em,.control-area h2 em{font-family:"IBM Plex Serif",serif;font-weight:400}.study-lead{font-family:"IBM Plex Serif",serif;font-size:clamp(17px,1.5vw,22px);line-height:1.42;max-width:610px;margin:26px 0 0;color:#53675d}.study-stamp{border-top:3px solid #174c3e;padding:14px 0 0;align-self:stretch;display:flex;flex-direction:column;gap:15px}.study-stamp span{font:11px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.14em}.study-stamp b{font-size:30px;line-height:1;letter-spacing:-.04em}.study-stamp small{font-size:10px;line-height:1.6;color:#67786e;margin-top:auto}.study-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:clamp(40px,6vw,100px);border-top:1px solid #aebbb3;padding-top:30px}.device-area{display:flex;align-items:center;flex-direction:column}.device-meta{width:min(100%,475px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#56675c;margin-bottom:18px}.device{width:min(100%,475px);aspect-ratio:568/1232;padding:10px;background:#162320;border-radius:41px;box-shadow:0 3px #76877c,0 10px #d4dad3,0 36px 65px #1a332b33,0 95px 100px -80px #18372d88;touch-action:none;user-select:none;overflow:hidden}.glass{width:100%;height:100%;border-radius:32px;position:relative;overflow:hidden;background:#10241e;color:#f2f6ef;isolation:isolate}.wallpaper{position:absolute;inset:0;background:linear-gradient(160deg,#29453e,#123b32 45%,#10241e)}.wallpaper-orb{position:absolute;width:115%;aspect-ratio:1;border-radius:50%;left:25%;top:29%;background:radial-gradient(circle at 45% 45%,#5dbf92 0%,#257c67 33%,#1a5549 56%,transparent 68%);filter:blur(5px);opacity:.55}.wallpaper-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 51px,#e3ffe708 52px),repeating-linear-gradient(90deg,transparent 0 51px,#e3ffe708 52px);mask-image:linear-gradient(transparent,#000 50%,transparent)}.system-line{position:absolute;z-index:8;top:3.4%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font:600 13px IBM Plex Mono,monospace;letter-spacing:.04em}.system-dots{font-size:8px;letter-spacing:2px}.view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .38s ease,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateY(6%) scale(.96)}.device[data-view=deck] .deck-view,.device[data-view=app] .app-view,.device[data-view=drawer] .drawer-view,.device[data-view=shade] .shade-view{opacity:1;pointer-events:auto;transform:none}.deck-view{padding:17% 0 8%}.deck-head{padding:0 8%}.overline{font-size:9px;letter-spacing:.17em;color:#b8ddc8}.deck-head h2,.drawer-head h2{font-size:clamp(35px,5vw,58px);letter-spacing:-.055em;line-height:1;margin:12px 0 8px}.headline-dot{color:#beed7b}.deck-head p,.drawer-head p{font-size:14px;color:#bad0c2;margin:0}.cards{position:absolute;top:30%;left:0;right:0;height:59%;perspective:800px}.app-card{position:absolute;left:12%;width:76%;height:90%;border:1px solid #c5dbbd55;border-radius:21px;overflow:hidden;text-align:left;padding:0;color:#eef8ed;box-shadow:0 18px 38px #04130f88;cursor:pointer;display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s,opacity .6s;transform-origin:center center}.app-card[data-position=center]{z-index:4;transform:translate(0) scale(1);filter:none}.app-card[data-position=left]{z-index:2;transform:translate(-91%) scale(.82) rotateY(17deg);filter:brightness(.72)}.app-card[data-position=right]{z-index:2;transform:translate(91%) scale(.82) rotateY(-17deg);filter:brightness(.72)}.app-card[data-position=hidden]{z-index:0;opacity:0;transform:translate(115%) scale(.7);pointer-events:none}.card-terminal{background:#182722}.card-monitor{background:#253929}.card-video{background:#43302e}.card-top{display:flex;align-items:center;gap:10px;padding:15px 17px;background:#ffffff0d}.card-top img,.app-title img,.notification img{height:31px;width:31px;object-fit:contain;flex:none;background:#f2f4e9;border-radius:8px;padding:3px}.card-top span{display:flex;flex-direction:column;line-height:1.1}.card-top b{font-size:17px;font-weight:600}.card-top small{font-size:11px;color:#c4d5c7;margin-top:4px}.card-top i{font-size:20px;font-style:normal;margin-left:auto;color:#a8c8b2}.terminal-preview{font:12px/2 IBM Plex Mono,monospace;padding:23px 20px;display:flex;flex-direction:column;flex:1}.terminal-preview em,.terminal-command span{color:#b8ee76;font-style:normal}.terminal-preview .dim-line{color:#96ad9a}.terminal-preview .output{color:#e6d2a3}.cursor{display:inline-block;width:7px;height:14px;background:#c4ed9b;vertical-align:middle;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:0}}.card-bottom{padding:12px 17px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#a8cbb1}.monitor-preview{padding:17px 20px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;font:11px IBM Plex Mono,monospace;color:#c5dbbf}.monitor-preview>span:first-child,.monitor-preview>span:nth-child(3){display:flex;justify-content:space-between}.monitor-preview b{color:#d4f49f}.bars,.large-bars{display:flex;align-items:end;gap:4px;height:64px}.bars i,.large-bars i{flex:1;background:#b5ed91;border-radius:3px 3px 0 0;height:45%}.bars i:nth-child(3n),.large-bars i:nth-child(3n){height:78%;background:#ecdb93}.bars i:nth-child(4n),.large-bars i:nth-child(4n){height:28%}.meter{height:8px;background:#fff2;border-radius:6px}.meter i{display:block;width:37%;height:100%;background:#b5ed91;border-radius:6px}.video-preview,.video-landscape{position:relative;overflow:hidden;background:linear-gradient(#c87158,#e5a76b 54%,#324f4c 55%);flex:1}.video-sun{position:absolute;top:20%;left:50%;width:52px;height:52px;border-radius:50%;background:#f6d59c;filter:blur(1px)}.video-hills{position:absolute;inset:43% -20% -20%;border-radius:50% 50% 0 0;background:#1a3b3e;transform:rotate(-10deg)}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#ffffff26;backdrop-filter:blur(5px);font-size:15px}.deck-hint{position:absolute;bottom:4%;width:100%;text-align:center;font-size:9px;letter-spacing:.12em;color:#c1d8c5}.deck-hint span{margin:0 6px}.app-view{background:#15251f;padding:16% 6% 8%}.app-title{display:flex;align-items:center;gap:12px;padding:10px 0 20px;border-bottom:1px solid #d7eed022}.app-title img{width:44px;height:44px;padding:5px}.app-title span:nth-child(2){display:flex;flex-direction:column}.app-title small{font:10px IBM Plex Mono,monospace;color:#bbd2bf}.app-title b{font-size:23px;line-height:1}.app-live{margin-left:auto;font:10px IBM Plex Mono,monospace;color:#c5ed9e;border:1px solid #89bb7288;border-radius:20px;padding:4px 8px}.app-content{position:absolute;inset:23% 6% 12%;display:none}.device[data-active=terminal] .terminal-content,.device[data-active=monitor] .monitor-content,.device[data-active=video] .video-content,.device[data-active=files] .generic-content,.device[data-active=editor] .generic-content,.device[data-active=help] .generic-content{display:block}.terminal-content{font:11px/1.7 IBM Plex Mono,monospace;color:#c2d4c6}.terminal-greeting{font-size:18px;line-height:1.3;color:#e3f4db;margin:0 0 36px}.terminal-command{color:#f2f6ed;margin:20px 0 8px}.terminal-content p{margin:0;color:#9eb1a5}.terminal-content .file-list{line-height:2.3;color:#b9daa1}.monitor-content{color:#c9dfbe}.big-reading{font-size:clamp(100px,18vw,160px);font-weight:600;line-height:1;color:#d4f29b;letter-spacing:-.08em}.big-reading span{font-size:.35em}.monitor-content>p{font:11px IBM Plex Mono,monospace;letter-spacing:.16em}.large-bars{height:24%;margin:13% 0}.monitor-stats{display:flex;justify-content:space-between;border-top:1px solid #d3edc344;padding-top:20px;font:10px IBM Plex Mono,monospace}.monitor-stats span{display:flex;flex-direction:column;gap:10px}.monitor-stats b{font-size:14px;color:#e5f5d6}.video-content .video-landscape{height:48%;border-radius:15px}.video-content h3{font-size:29px;margin:20px 0 0}.video-content p{color:#c7bbad;font-size:13px;margin:2px 0 25px}.video-progress{height:4px;background:#fff3}.video-progress i{display:block;width:22%;height:100%;background:#f0b68d}.video-times{display:flex;justify-content:space-between;font:10px IBM Plex Mono,monospace;margin-top:8px}.generic-content{text-align:center;padding-top:20%}.generic-symbol{font-size:90px;color:#c7dda1}.generic-content h3{font-size:34px}.generic-content p{color:#a8bdad}.edge-hint{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.12em;color:#a9c2aa}.drawer-view{background:#1a3028;padding:19% 7% 8%;transform:translateY(100%)}.drawer-head h2{font-size:54px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px;margin-top:12%}.drawer-app{border:1px solid #ffffff19;background:#ffffff0a;border-radius:16px;color:#eff5e9;padding:12px 5px 11px;min-height:110px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:background .2s,transform .2s}.drawer-app:hover,.drawer-app:focus-visible{background:#ffffff24;transform:translateY(-3px)}.icon-tile{height:47px;width:47px;border-radius:13px;display:grid;place-items:center;background:#f3f1df;margin-bottom:6px}.icon-tile img{width:32px;height:32px;object-fit:contain}.drawer-app.blue .icon-tile{background:#cfe2ec}.drawer-app.violet .icon-tile{background:#e1d5eb}.drawer-app.gold .icon-tile{background:#f0dfb3}.drawer-app b{font-size:14px;line-height:1.1}.drawer-app small{font-size:10px;color:#a8c3af;margin-top:3px}.drawer-foot{position:absolute;bottom:5%;left:0;right:0;text-align:center;color:#adc9b4;letter-spacing:.12em;font-size:9px}.shade-view{background:#20382f;padding:19% 7% 8%;transform:translateY(-100%)}.shade-head h2{font-size:37px;line-height:1;margin:15px 0 6px}.shade-clock{font:68px IBM Plex Sans Condensed,sans-serif;letter-spacing:-.07em}.quick-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8% 0}.quick-settings>div{background:#c4e9be;color:#18372a;border-radius:14px;padding:15px;display:grid;grid-template-columns:34px 1fr;align-items:center}.quick-settings>div:nth-child(2){background:#40584a;color:#e8f5e5}.setting-glyph{font-size:25px;grid-row:span 2}.quick-settings b{font-size:16px}.quick-settings small{font-size:11px}.notifications-title{font:10px IBM Plex Mono,monospace;letter-spacing:.1em;display:flex;justify-content:space-between;color:#b8cfc0;margin:30px 0 12px}.notification{display:flex;gap:10px;align-items:center;background:#ffffff13;border:1px solid #ffffff16;border-radius:14px;padding:12px;margin-bottom:8px}.notification span{display:flex;flex-direction:column;line-height:1.2}.notification b{font-size:15px}.notification small{font-size:11px;color:#bfd1c2;margin-top:5px}.notification time{margin-left:auto;align-self:start;font:9px IBM Plex Mono,monospace;color:#b6ccbc}.shade-footer{display:flex;align-items:center;gap:8px;padding:12px 4px;font-size:15px;margin-top:23px}.shade-footer img{width:21px;height:21px}.shade-footer span{margin-left:auto}.gesture-area{position:absolute;z-index:9;bottom:1.7%;left:42%;width:16%;height:4px;border-radius:5px;background:#f8fff2bb;pointer-events:none}.toast{position:absolute;z-index:12;top:11%;left:8%;right:8%;text-align:center;background:#dff4d4;color:#183726;font-size:14px;font-weight:600;border-radius:12px;padding:12px;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:none}.device.is-throwing .app-card[data-position=center]{transform:translateY(-115%) rotate(-9deg);opacity:0}.device.is-returning .app-view{transform:translateY(58%) scale(.72);opacity:.5}.device-caption{color:#637369;text-align:center;font-size:10px;line-height:1.5;margin:25px 0}.control-area{padding-top:5%;position:sticky;top:20px;align-self:start}.control-eyebrow{font-size:11px;letter-spacing:.16em;color:#3c6954}.control-area h2{font-size:clamp(44px,4.2vw,68px);line-height:.97;letter-spacing:-.055em;font-weight:600;margin:14px 0 23px}.control-intro{font-family:"IBM Plex Serif",serif;font-size:18px;line-height:1.5;color:#5b6c61;max-width:470px}.motion-list{border-top:1px solid #adbcb0;margin-top:35px}.motion-list button{width:100%;border:0;border-bottom:1px solid #adbcb0;background:none;text-align:left;display:grid;grid-template-columns:40px 1fr 26px;align-items:center;gap:10px;padding:14px 0;cursor:pointer;color:#1e3529;transition:padding .2s,background .2s}.motion-list button:hover,.motion-list button:focus-visible{padding-left:9px;background:#dfe8dc}.motion-list button[aria-current=true]{background:#d4e4d6;padding-left:9px}.motion-index{font:11px IBM Plex Mono,monospace;color:#59836a}.motion-list b,.motion-list small{display:block}.motion-list b{font-size:18px;line-height:1.1}.motion-list small{font-size:12px;color:#607369;margin-top:3px}.motion-arrow{font-size:24px;color:#4d8062}.control-note{display:flex;gap:15px;margin-top:35px;padding:20px;background:#dbe7db;border-left:3px solid #397953;font-size:11px;line-height:1.5}.control-note p{margin:0}.control-note b{font-size:12px}.note-mark{font-size:25px;color:#397953}.study-credits{border-top:1px solid #aebbb3;margin-top:90px;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.study-credits h2{font-size:clamp(35px,4vw,60px);line-height:1;letter-spacing:-.05em;margin:15px 0}.study-credits>p{font:18px/1.5 "IBM Plex Serif",serif;color:#56695e;margin:0}.handheld-study+.footer{max-width:1600px;margin:auto;padding:25px clamp(20px,4vw,72px)}@media(max-width:950px){.heading-grid{grid-template-columns:1fr}.study-stamp{display:none}.study-layout{grid-template-columns:1fr}.control-area{position:static;padding-top:0;max-width:620px;margin:auto}.study-credits{margin-top:55px}}@media(max-width:600px){.handheld-study{padding:24px 14px 70px}.heading-grid{padding:25px 0 35px}.heading-grid h1{font-size:clamp(58px,15vw,88px)}.study-layout{gap:35px}.device,.device-meta{width:min(100%,420px)}.study-credits{grid-template-columns:1fr;gap:8px}.system-line{font-size:11px}.deck-head h2{font-size:clamp(32px,10vw,50px)}}@media(prefers-reduced-motion:reduce){.handheld-study *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.device[data-view=settings] .settings-view{opacity:1;pointer-events:auto;transform:none}.settings-view{background:#1d352b;padding:18% 7% 8%;transform:translate(100%)}.settings-back{background:none;border:0;color:#c5e1c9;font:10px IBM Plex Mono,monospace;letter-spacing:.12em;padding:0;cursor:pointer}.settings-head{margin:15% 0 13%}.settings-head>img{height:47px;width:47px;padding:11px;background:#587460;border-radius:14px;display:block;margin-bottom:23px}.settings-head h2{font-size:54px;letter-spacing:-.05em;line-height:1;margin:10px 0}.settings-group{margin:0 0 10%}.settings-group>.overline{display:block;margin:0 0 13px}.settings-row{background:#ffffff10;border:1px solid #ffffff13;border-radius:13px;padding:11px;display:flex;align-items:center;gap:13px;margin:6px 0}.settings-row-icon{height:35px;width:35px;border-radius:10px;background:#66886b;color:#edfae6;display:grid;place-items:center;font-size:20px}.settings-row>span:nth-child(2){display:flex;flex-direction:column}.settings-row b{font-size:16px;line-height:1.2}.settings-row small{font-size:11px;color:#b7cdbb;margin-top:3px}.settings-row i{font-size:25px;font-style:normal;margin-left:auto;color:#b7cdbb}.settings-disclaimer{font:10px/1.6 IBM Plex Mono,monospace;color:#afc7b2;margin-top:12%}.shade-footer{width:100%;background:none;border:0;color:#eff5e9;text-align:left;cursor:pointer;font:inherit}.shade-footer:hover,.shade-footer:focus-visible{background:#ffffff16;border-radius:8px}.card-generic{background:#263d3d}.card-generic.violet{background:#353344}.card-generic.gold{background:#44402f}.card-generic.blue .card-top img{background:#385e75}.card-generic.violet .card-top img{background:#655574}.card-generic.gold .card-top img{background:#7d6842}.generic-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.generic-preview img{width:84px;height:84px;padding:19px;background:#ffffff18;border-radius:24px}.generic-preview strong{font-size:27px}.generic-preview small{font-size:12px;color:#c6d7ca}.generic-active-icon{width:100px;height:100px;padding:25px;background:#466659;border-radius:25px}.device[data-active=files] .active-icon{background:#385e75}.device[data-active=editor] .active-icon{background:#655574}.device[data-active=help] .active-icon{background:#7d6842}